How to open psd on linux

How to open psd on linux

Обновление от 10 Октября, 2016:

К сожалению, Adobe прикрыло бесплатное использование данного сервиса: ссылка, так же, как и в Brackets: ссылка. Теперь этим сервисом можно пользоваться только через Photoshop или Dreamweaver. А полноценно работать с .psd макетами под Линуксом — простого и хорошо работающего решения нет. Что-то подобное обещают в платной программе Avocode — не знаю, не проверял. Если без костылей, типа вайна, виртуалок и прочих приблуд, лучшим вариантом для работы с .psd в Линуксе будет использование Windows плюс установленное на него ядро Линукс. Такой вариант отлично подходит для подавляющего большинства задач Full Stack Web-разработки, начиная от создания и вёрстки макетов, заканчивая программированием и выполнением кода программы в родной, Линуксовой среде, для таких языков, как, например, Ruby, Node (JS), PHP и т.д.

Существует распространённое мнение о том, что операционная система linux мало пригодна для нужд верстальщика или frontend-разработчика, в частности, из-за отсутствия нормальный средств для работы с макетами в формате psd.

Выясним это в данной статье, и разберем один из самых удобных и эффективных способов работы с psd-макетами под Linux – сервис Adobe Extract и связанный с ним редактор кода Adobe Brackets.

Adobe Extract

Данный сервис предоставляется компаний Adobe и является абсолютно бесплатным. Регистрации в сервисе происходит по ссылке http://www.adobe.com/ru/creativecloud/extract.html далее нажав в правом верхнем углу кнопку Войти, и далее нажав ссылку Получить Adobe ID. К сожалению, прямую ссылку разместить не получается, т.к. она генерируется с привязкой к компьютеру.

После регистрации в сервисе, предоставляется 2 Гигабайта места для загрузки и неограниченного по времени хранения psd-макетов. Загрузив любой psd-макет, с помощью этого сервиса можно извлекать из него информацию о шрифтах, цвете, размере элемента. А также предварительно нарезать необходимые элементы.

Как видно на предыдущем скриншоте, доступна полная информация о выделенном элементе. К примеру, используя для этих целей редактор Gimp, получить подобные данные попросту невозможно.

Также можно извлечь любой элемент psd-макета и сохранить его в нескольких форматах с последующей загрузкой на ваш компьютер.

Описанных возможностей данного сервиса уже вполне хватает для работы с psd-файлами под линуксом. Теперь рассмотрим редактор Bracket, основной фишкой которого является работа с psd-макетами.

Установка редактора Brackets для Ubuntu 14.04

Установить редактор можно через официальный репозиторий пакетов следующими командами:

Или с сайта разработчиков, нажав на кнопку Download Brackets: http://brackets.io/

Откроем установленный редактор и в панели, расположенной в правой части окна редактора, нажмем кнопку Extract for Brackets. В появившейся части окна нажмем Open a PSD… -> Sign In for Free… Введем свои данные, с которыми мы регистрировались на Adobe Extract в новом окне и войдем в сервис. На данном этапе должны появиться в редакторе все те шаблоны psd, которые были загружены нами в Adobe Extract.

Теперь создадим в редакторе файл styles.css, выберем любой элемент в psd-шаблоне, например, часть текста. Перейдем в ту часть редактора, где редактируется текст, создадим, к примеру, стиль для html-элемента с классом text и нажмем комбинацию клавиш Ctrl+Space. В открывшемся окошке выберем пунктAll Font Styles и получим все css-стили, которые соответствуют данной части текста.

Также, с помощью Brackets можно извлечь изображение из psd-макета. Для этого создадим в файле styles.css новый стиль для элемента с классом image. Выберем в окне макета нужное изображение, перейдем в css файл и нажмем комбинацию Ctrl+Space. В открывшемся окне выберем появившееся изображение.

Теперь зададим название файла и желаемый формат изображения в свойстве background:

Нажмем enter и дождемся скачивания этого изображения. Таким вот нехитрым способом можно удобно извлекать стили и изображения из psd-файлов.

На этом рассмотрение данного способа работы с psd-макетами под линукс закончено. Такой вариант работы полностью удовлетворяет потребности верстальщика или frontend-разработчика, является кроссплатформенным и наименее трудозатратным, в сравнении с установкой виртуальной машины, photoshop или попытками запуска из под wine.

Источник

PSD (photoshop) editing on Ubuntu

I have a PSD for a website that must be sliced. I can not work in Win or OSX box(or a virtual machine).

What are the solutions for editing a PSD in Ubuntu 9.10? Which one do you recommend?

6 Answers 6

GIMP (GNU Image Manipulation Program) can open PSD files.

Well, you may consider buying Windows XP, then buying and upgrade to Windows 7, next buying Photoshop CS3, then buying an upgrage to Adobe Creative suite CS4, and…

or… You may just install Gimp from the command line:

Then click the .psd and you will be happy 🙂

To see additional goodies for Gimp, try:

(Note, that PSD format is a closed, Adobe Photoshop specific one. And if you want to use all the Photoshop features like smart objects, nested layer sets, buying is your only option. But for most of the basic use cases — Gimp is fine too).

Good news: I heard that some guys are using Photoshop with wine.

GIMP won’t open all .psd files but Libre office will open .psd files

Krita is best for editing/opening .psd files in ubuntu. GIMP will not open the .psd files by default and may need further plugins, which might be complicated. Krita opens the .psd files without further plugins.

Krita, the ultimate weapon in the armoury of a Linux-based digital painter’s, now is at version 2.8. New tools make it more interesting for creating game art, and full Windows support is a bit of a game changer.

News Features in Krita 2.8:

Ubuntu users can always get the latest version of Krita from the Krita Lime PPA. So far, it supports Ubuntu 13.10, Ubuntu 12.04 and Ubuntu 12.10. Ubuntu 14.04 will come with the 2.8 release by default.

To install Krita 2.8, press Ctrl+Alt+T on keyboard to open terminal. When it opens, run the commands below one by one:

Источник

nomacs – RAW, psd Image Viewer for Linux

1 min

nomacs is a free and open source image viewer, editor.

nomacs, based on OpenCV, QT – can read RAW and psd files along with all common image formats. It also have features to display thumbnails, histogram, meta data etc of an image. GUI of nomacs comes with folder browsing option along with image thumbnail list. It can also browse image directly from zip files.

nomacs Running in Ubuntu

nomacs image editing features contains options to change brightness, contrast, saturation, hue, gamma and exposure. You can also create false color images using pseudo color function. “A unique feature of nomacs is the synchronization of multiple instances. With this feature you can easily compare images by zooming and/or panning at the exactly same position or even by overlaying them with different opacities.”

nomacs recently launched version 3.4 with introduction of its batch processing UI. You can save common batch configurations in a file for later use. You can refer to the release notes for more details.

How to Install

nomacs team provides nomacs installer for most of popular Linux distributions including a Windows installer as well.

To install nomacs in Ubuntu 16.04 Xenial Xerus, add below PPA and install.

For other installers, visit download page.

You can follow nomacs developments and report bugs @ GitHub

We bring the latest tech, software news and stuff that matters. Stay in touch via Telegram, Twitter, YouTube, and Facebook and never miss an update!

Источник

Жизнь верстальщика в Linux

Большинство fronted-разработчиков, используют ОС Windows или OS X в связи с отсутствием полноценного Photoshop. Но как быть тем, кто неравнодушен к Nix системам? Сейчас и попробуем выяснить, интересующихся прошу под кат.

В качестве системы я использую Fedora 22, проделать тоже самое в любой другой системе вам никто не мешает.

Среда разработки
О вкусах не спорят, каждый использует ту среду, в которой удобнее. На Windows я использовал Notepad++, на OS X Coda2, на Fedora я предпочитаю Geany.

Частенько приходится работать с файлами непосредственно на сервере, можно использовать сторонний ftp-клиент или же подключатся непосредственно через nautilus.

В notepad++ или же coda2 мне нравился встроенный ftp-менеджер, немного погуглил я нашел идентичный плагин и для geany. Плагин копирует функционал с notepad++

1) Устанавливаем необходимые пакеты для сборки плагина:

После этого нужно активировать плагин в настройках Geany.
Этот плагин удобен тем, что поддерживают работу с профилями. Плагины под Brackets или тот же Sublime такого не умеют.

К сожалению, плагин не работает в Geany под Ubuntu 14.04, 15.04 (в других системах не пробовал), с чем связано не знаю. Я связался с автором плагина, он сообщил, что разработка плагина заморожена, и вряд ли автор перепишет его под новые системы. Если кто-то из хабрасообщества починит плагин, буду весьма рад.

Для нарезки макетов, мы будем использовать кроссплатформенную программу Avocode, она отлично справляется с psd и sketch макетами и позволяет вести командую работу. В плане скорости, программа уходит далеко от adobe extract, попробуйте и вы полюбите avocode.

Скачать программу можно здесь.

Программа не только позволяет нарезать макеты, но и ускоряет время разработки, более подробно можно почитать здесь. У программы имеется триал в 14 дней. Дальше требуется подписка ценой от 9$, не так уж и много с учетом того, сколько времени экономит данная программа. Но и никто же не мешает вам регистрировать одноразовый аккаунт раз в две недели?

Также пользователь xenongattz записал прекрасный мини-курс о данной программе. Рекомендую к ознакомлению.

Дополнительно для мелкой обработки изображений, установим gimp и pinta:

Если вам этого мало, то можно установить Photoshop в виртуальную машину. В моем случае, этого не требуется, потому информация для собственного изучения.

FTP-клиент
Есть два варианта работы с FTP:
1) Созданием ftp-соединения в nautilus, информацию как подключиться, легко найдете в сети.
2) Использование стороннего ftp-клиента.

Я предпочитаю FileZilla:

Большинство сайтов, используют шрифты используемые в Windows по умолчанию. Для установки, скачайте rpm здесь

В данном пакете отсутствует tahoma, доставить ее можно так:

Тестирование в браузерах
Firefox (по умолчанию предустановлен):

IE:
Варианты:
1) Wine или Crossover с IE
2) https://www.browserstack.com/
3) VirtualBox + IEtester

Для установки VirtualBox(или скачать здесь):

Если, что то обновилось перезагружаемся:

username — необходимо изменить на имя пользователя в системе
После этого устанавливаем ОС от Microsoft и IEtester в которой будем вести тесты. Или же можно взять готовую виртуальную машину здесь.

На этой пожалуй все. Как видите, верстать — и вполне успешно — можно и на Linux системах.

Источник

How to open psd on linux

16 ноя 2017, 10:37

в gimp отображается список слоев
но вместо изображений в главном окне шахматные квадратики

!	Сообщение из: Dja
	ТАК тему не заводят

Какой программой открывать фотошоповские psd макеты сайтов (в gimp не работает)

16 ноя 2017, 10:59

Какой программой открывать фотошоповские psd макеты сайтов (в gimp не работает)

16 ноя 2017, 11:05

Какой программой открывать фотошоповские psd макеты сайтов (в gimp не работает)

16 ноя 2017, 11:26

Какой программой открывать фотошоповские psd макеты сайтов (в gimp не работает)

16 ноя 2017, 12:38

Какой программой открывать фотошоповские psd макеты сайтов (в gimp не работает)

16 ноя 2017, 16:51

предупреждение
слой частично находится за пределами границы слоя
маска будет обрезана, что может привести к потере данных

warning
the layer is partly outside the layer boundary
the mask willl be cropped which may result in data loss

Какой программой открывать фотошоповские psd макеты сайтов (в gimp не работает)

16 ноя 2017, 16:54

Какой программой открывать фотошоповские psd макеты сайтов (в gimp не работает)

16 ноя 2017, 17:17

Какой программой открывать фотошоповские psd макеты сайтов (в gimp не работает)

16 ноя 2017, 17:28

Какой программой открывать фотошоповские psd макеты сайтов (в gimp не работает)

16 ноя 2017, 18:00

Какой программой открывать фотошоповские psd макеты сайтов (в gimp не работает)

16 ноя 2017, 18:04

Какой программой открывать фотошоповские psd макеты сайтов (в gimp не работает)

16 ноя 2017, 19:17

Все накинулись на ТС. Тему не так оформил, объяснил непонятно, и т.д.
А я помогу:

Чтобы полноценно смотреть и работать с PSD-макетами для верстки, GIMP не годится.
Но можно установить wine, а на него Ваш честно купленный Photoshop 😉 . Версия «СС 2015» работает просто замечательно. Я сам оставлял «золотой» отзыв по ней на WineHQ. . Отмечу, что сторонние плагины (вроде CSS Hat) работать не будут. А жаль. Если бы работали — мой отзыв был бы «платиновым».

Рекомендую установить XnView — это на случай, если проект большой, макетов много, нужно быстро пролистать все макеты и найти нужный. К примеру, у меня недавно был проект на 21 PSD-макет. Открывать каждый по очереди в GIMP или Photoshop, чтобы найти нужный — занятие долгое и утомительное. XnView позволяет быстро смотреть PSD так, как будто это JPG. Своего рода, замена ACDSee (или как-то так).

Конкретно для верстки по макету круче всего показала себя связка из редактора Brackets и плагина PSDETCH. Просто находка для любого верстальщика. Пишешь код, мгновенно видишь изменения в LivePreview окне браузера Google Chrome, и тут же смотришь на PSD-макет, меряешь линейками расстояния, дергаешь с него картинки простым «Drug’n’Drop» в папку проекта, смотришь стили некоторых объектов, копируешь текст с макета в 1 клик и т.д. Очень годная штука. Конечно, не CSS Hat, но очень, очень круто!

Надеюсь, я помог Вам в решении этого вопроса.

Источник