Компания Adobe выпустила обновление для своего приложения Photoshop, содержащее массу полезностей и долгожданных улучшений для пользователей, особенно эти улучшения порадуют разработчиков макетов сайтов и интерфейсов приложений. В статье-переводе содержится краткий обзор топовых функций и ссылки на обучающие и справочные материалы, комментарии переводчика.
Создатели Photoshop и Illustrator столкнулись с изрядным количеством конкурентов в нише инструментов разработки интерфейсов и дизайнов. Небольшие компании и команды разработчиков взялись за создание программных продуктов, ориентированных на аудиторию дизайнеров, продуктов с новыми возможностями и свежими идеями. Нельзя отрицать, что это и подтолкнуло Adobe совершить долгожданные изменения в своей стратегии.
Наиболее заслуживающая внимания новинка — это возможность организовывать рабочее пространство с помощью монтажных областей. Теперь, как в Illustrator или Sketch App, мы получаем возможность одновременно работать с несколькими холстами изображений. Это несравненное улучшение для производительной работы с проектами дизайна сайта или мобильного приложения, где необходимо рисовать несколько страниц/экранов.
![image](https://habrastorage.org/r/w780q1/files/146/7c3/c3f/1467c3c3fc0e48709841f6ac0bcf52c9.jpg)
Монтажные области также открыли нам возможность работать за пределами холста. Если в предыдущих версиях Photoshop часть слоя или объекта выходила за границы документа, то пользователь её просто не видел. Теперь же мы имеем возможность разместить удобным для нас образом ресурсы проекта в окне документа без ограничений холста. Все слои, которые не входят в иерархию монтажной области группируются вверху в панели Слои (Layers) и остаются видимыми для пользователя и соответственно доступными для манипуляций.
![](https://habrastorage.org/r/w780q1/files/c44/bde/a51/c44bdea510b74bf39bed9691226aa898.jpg)
Интерфейс данной упрощенной среды находится на этапе разработки. Но уже сейчас пользователи, которые критиковали Photoshop за его громоздкость и сложность, могут приступить к тестированию возможностей режима, специально упрощенного для дизайнеров мобильных приложений и веб-сайтов. Можно переключаться горячими клавишами (Alt+Ctrl+` или Cmd+Ctrl+`) между стандартным интерфейсом Photoshop и средой «Пространство дизайна» для выполнения отсутствующих операций в интерфейсе последнего.
Ситуация, когда большинство дизайнеров не готовы перейти от Photoshop к новым программам с ясным, адаптированным под их нужды интерфейсом, обусловлена рабочим процессом, в котором большую важность имеет возможность открытия, сохранения и обмен .psd файлами с коллегами.
С появлением функции «Пространство дизайна» мы видим старания разработчиков Adobe объединить лучшее: упростить привычный интерфейс для дизайнеров и сохранить преимущества Photoshop, а также стандартный для индустрии формат файлов.
Одна из долгожданных функций в Photoshop. Теперь мы можем применить к слою или к группе слоёв не только несколько экземпляров свойств стиля элемента, но ещё и управлять порядком их отображения.
![](https://habrastorage.org/r/w1560/files/f97/d3e/7fc/f97d3e7fc0c74e6eb60973ce2131c92e.png)
Однако, на мой взгляд, ещё остались недостатки. Так, например, только некоторые из стилей могут иметь множественные экзмпляры: Обводка (Stroke), Тень/Внутренняя тень (Inner Shadow/Drop Shadow), Наложение цвета / Наложение градиента (Color Overlay/Gradient Overlay). Конечно, это основные эффекты, которые могут потребовать множественных экземпляров, но, так или иначе, эффект ограниченности ощущается. Также разочаровывающим является невозможность поменять порядок следования наложения эффектов. Так например, нельзя текстуру наложить поверх градиента или внутреннюю тень разместить под цветом.
Распрощайтесь с функцией «Сохранить для Web». Хотя она по прежнему ещё доступна, но перенесена в пункт с новой подписью Файл > Экспорт > Сохранить для Web (старая версия). Вместо неё теперь пользуемся «Экспортировать как...». Новый интерфейс диалогового окна избавляет от лишних движений мыши и упрощает экспорт документов, в том числе и в формате SVG.
![](https://habrastorage.org/r/w1560/files/967/ae8/a00/967ae8a004334b6cb24388d549ce1ea0.png)
Совмещенная с функцией генерации ресурсов, добавленной в предыдущих выпусках, новая функция экспорта делает Photoshop мощным инструментом извлечения индивидуальных файлов графики из дизайн-макетов.
Создатели Photoshop и Illustrator столкнулись с изрядным количеством конкурентов в нише инструментов разработки интерфейсов и дизайнов. Небольшие компании и команды разработчиков взялись за создание программных продуктов, ориентированных на аудиторию дизайнеров, продуктов с новыми возможностями и свежими идеями. Нельзя отрицать, что это и подтолкнуло Adobe совершить долгожданные изменения в своей стратегии.
Монтажные области / (Artboards)
Наиболее заслуживающая внимания новинка — это возможность организовывать рабочее пространство с помощью монтажных областей. Теперь, как в Illustrator или Sketch App, мы получаем возможность одновременно работать с несколькими холстами изображений. Это несравненное улучшение для производительной работы с проектами дизайна сайта или мобильного приложения, где необходимо рисовать несколько страниц/экранов.
![image](https://habrastorage.org/files/146/7c3/c3f/1467c3c3fc0e48709841f6ac0bcf52c9.jpg)
Монтажные области также открыли нам возможность работать за пределами холста. Если в предыдущих версиях Photoshop часть слоя или объекта выходила за границы документа, то пользователь её просто не видел. Теперь же мы имеем возможность разместить удобным для нас образом ресурсы проекта в окне документа без ограничений холста. Все слои, которые не входят в иерархию монтажной области группируются вверху в панели Слои (Layers) и остаются видимыми для пользователя и соответственно доступными для манипуляций.
![](https://habrastorage.org/files/c44/bde/a51/c44bdea510b74bf39bed9691226aa898.jpg)
Примечание к разделу статьи
Сразу после установки обновления до CC 2015, было любопытно выяснить максимальные размеры пространства, в котором можно разместить области. Казалось, для обзора масштаб можно было уменьшать и уменьшать бесконечно, но процесс оказался ограничен свободным пространством на диске. Что оставляет Sketch в преимуществе — единственное приложение, наскольку мне известно, которое имеет действительно бесконечного размера холст.
Справка Adobe
Видео: дизайн с использованием монтажных областей (англ. 2 мин.)
Справка Adobe
Видео: дизайн с использованием монтажных областей (англ. 2 мин.)
Пространство дизайна / Design Space (Preview)
Интерфейс данной упрощенной среды находится на этапе разработки. Но уже сейчас пользователи, которые критиковали Photoshop за его громоздкость и сложность, могут приступить к тестированию возможностей режима, специально упрощенного для дизайнеров мобильных приложений и веб-сайтов. Можно переключаться горячими клавишами (Alt+Ctrl+` или Cmd+Ctrl+`) между стандартным интерфейсом Photoshop и средой «Пространство дизайна» для выполнения отсутствующих операций в интерфейсе последнего.
Ситуация, когда большинство дизайнеров не готовы перейти от Photoshop к новым программам с ясным, адаптированным под их нужды интерфейсом, обусловлена рабочим процессом, в котором большую важность имеет возможность открытия, сохранения и обмен .psd файлами с коллегами.
С появлением функции «Пространство дизайна» мы видим старания разработчиков Adobe объединить лучшее: упростить привычный интерфейс для дизайнеров и сохранить преимущества Photoshop, а также стандартный для индустрии формат файлов.
Примечание к разделу статьи
Из возможностей:
![](https://habrastorage.org/r/w1560/files/a5f/822/0bb/a5f8220bbdf744abb1caa83dd1bfa55c.png)
Не смотря на то, что «Пространство дизайна» пока на этапе альфа-версии с ограниченным набором функций и инструментов, с проблемами производительности, она признана стабильной и годной к эксплуатации. Разработчки предусмотрели возможные проблемы и обходные решения, которое в основном сводятся к временному переключению в обычную среду Photoshop.
Ребята ждут от нас обратной связи, предложений, которые мы нагенерим в процессе тестирования альфа-версии @psdesign.
Справка Adobe
Видео: Презентация «Пространство дизайна» (предпросмотр) (англ. 5:09 мин.)
- создание документа из шаблона
- работа с монтажными областями
- инструменты: выделение (упрощенные действия во выделению и редактированию), рисование прямоугольникп, эллипса, ручка, шрифт
работа с объектами: распределение и выравнивание, трансформирование, применение стилей - Математические операции
- Открытый исходный код на Github
![](https://habrastorage.org/files/a5f/822/0bb/a5f8220bbdf744abb1caa83dd1bfa55c.png)
Не смотря на то, что «Пространство дизайна» пока на этапе альфа-версии с ограниченным набором функций и инструментов, с проблемами производительности, она признана стабильной и годной к эксплуатации. Разработчки предусмотрели возможные проблемы и обходные решения, которое в основном сводятся к временному переключению в обычную среду Photoshop.
Ребята ждут от нас обратной связи, предложений, которые мы нагенерим в процессе тестирования альфа-версии @psdesign.
Справка Adobe
Видео: Презентация «Пространство дизайна» (предпросмотр) (англ. 5:09 мин.)
До 10 экземпляров выбранных стилей
Одна из долгожданных функций в Photoshop. Теперь мы можем применить к слою или к группе слоёв не только несколько экземпляров свойств стиля элемента, но ещё и управлять порядком их отображения.
![](https://habrastorage.org/files/f97/d3e/7fc/f97d3e7fc0c74e6eb60973ce2131c92e.png)
Однако, на мой взгляд, ещё остались недостатки. Так, например, только некоторые из стилей могут иметь множественные экзмпляры: Обводка (Stroke), Тень/Внутренняя тень (Inner Shadow/Drop Shadow), Наложение цвета / Наложение градиента (Color Overlay/Gradient Overlay). Конечно, это основные эффекты, которые могут потребовать множественных экземпляров, но, так или иначе, эффект ограниченности ощущается. Также разочаровывающим является невозможность поменять порядок следования наложения эффектов. Так например, нельзя текстуру наложить поверх градиента или внутреннюю тень разместить под цветом.
Параметры экспорта
Распрощайтесь с функцией «Сохранить для Web». Хотя она по прежнему ещё доступна, но перенесена в пункт с новой подписью Файл > Экспорт > Сохранить для Web (старая версия). Вместо неё теперь пользуемся «Экспортировать как...». Новый интерфейс диалогового окна избавляет от лишних движений мыши и упрощает экспорт документов, в том числе и в формате SVG.
![](https://habrastorage.org/files/967/ae8/a00/967ae8a004334b6cb24388d549ce1ea0.png)
Совмещенная с функцией генерации ресурсов, добавленной в предыдущих выпусках, новая функция экспорта делает Photoshop мощным инструментом извлечения индивидуальных файлов графики из дизайн-макетов.
Примечание к разделу статьи