Обучайся бесплатно с WAYUP Premiere сегодня вечером

Уже почти 30 лет Adobe Photoshop является лучшим приложением из большинства имеющихся на рынке для работы с графикой и фотографией, включающее в себя наиболее полный набор инструментов, нежели аналогичные программы иных компаний. Сегодня это самый известный и крупный проект компании, поддерживающий работу одновременно и с анимацией, и видео, печатью любых изображений, веб-дизайном и даже с графиками.

Мы все знаем это приложение хорошо, почти каждый день им пользуемся и давайте посмотрим правде в глаза: Adobe не планирует закрывать его в ближайшие годы. Но с выходом последней версии Photoshop CC 2017 появилось достаточно много улучшений и нововведений, которые даже веб-дизайнеры не смогут обойти стороной. Особенно после последних обновлений.

Работа веб-дизайнера – профессия творческая. Придумать макет сайта или Landing Page – одно, создать дизайн сайта и продумать его до мелочей, включая обработку фоновых изображений, подготовку видео, анимационных спецэффектов – совсем другое. Без Photoshop здесь не обойтись, а потому нововведения последней версии (2017.1.1) будут и интересны, и небесполезны.

Важно: многие клавиатурные сокращения, к которым мы с вами привыкли за многие годы, теперь вызывают совсем иные функции и окна. Впрочем, в окне настроек таких сокращений можно вернуть привычные сочетания.

Для примеров мы в СС 2017 используем светлый интерфейс, в СС 2015 – темный.

Создадим документ

Первое, что бросится в глаза в начале работы с версией СС 2017 – это создание документа. Особенно заметно, если раньше вы пользовались версией без CC. Теперь вас встретит универсальный экран приветствия, что дает возможность открыть недавний документ, образец из Creative Cloud или мобильных приложений Adobe, создать новый, настроив нужные параметры, или выбрать из множества шаблонов, которые разделены на категории Фотография, Печать, Иллюстрация,  Веб, Видео или мобильно приложение. Да, размеры нужного документа теперь стало удобнее выбирать, нагляднее.

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

Отдельно стоит сказать о поддержке шаблонов Adobe Stock, миниатюры которых будут представлены в этом же окне. Но это только в том случае, если у вас существует подписка на Creative Cloud. В противном случае, вы сможете работать только с готовыми предустановками документов.

Подробнее об этом мы поговорим в конце.

Обновление инструментария

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

Кадрирование и заливка

Улучшена работа инструментария Рамка и Кадрирование, которые обычно использовались для того, чтобы обрезать рисунок или увеличить размер полотна. Как это выглядело ранее, представлено ниже.

Начиная с Photoshop CC 2015.5,  рисунок можно увеличить и при этом еще приложение автоматически зарисует новые области. Выделив изображение, поставьте галочку «С учетом содержимого» и подтвердите действие. Результат и возможности впечатляют, ибо «заливка» осуществляется очень красиво. Останется только немного сгладить края стыков, если таковые проявятся сильно. Удобнее использовать для этого изображения леса, облаков, моря, неба, луга, но не людей, животных.

И вот что получилось у нас. При этом увеличивать можно какую-то одну часть изображения или все четыре стороны. Версия СС 2017 стала обрабатывать большие изображения быстрее.

 

Шрифты

О том, зачем в веб-дизайне вместо стандартных шрифтов использовать векторные изображения SVG, мы говорили не раз. Вещь эта нужная, тем более что Photoshop способен работать с SVG, сохранять документы в нем и переводить их вектор. Символьные шрифты (векторные) хорошо трансформируются, а при работе с адаптивным дизайном это востребовано.

В качестве рабочих вариантов приложение работает с Trajan Color Concept и EmojiOne.

Но одна инверсная вещь все же есть. В одном «текстовом» глифе теперь могут быть и  градиенты, и цвета разные, и в качестве глифа может быть использован смайлик. При этом есть возможность настройки цвета этого смайлика. Доступны они в окне «Глифы»  и набрать ими обычный текст не получится. Дело в том, что в шрифте EmojiOne, который и добавляет смайлики SVG, буквы глифа не соответствуют тем, что на клавиатуре, а при соединении их друг с другом, образуют флаг страны в соответствии с международным кодом.

Что касается окраски глифа, то работает она только, если глиф имеет желтый цвет. Окрас может быть одним из пяти оттенков, что также находятся в наборе EmojiOne. Выбираем смайлик желтого цвета, кликаем два раза по телесному цвету и видим новый смайлик. Если нажать на Backspace, то окрас удалится.

 

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

Да, веб-дизайнерам не так часто это потребуется в своей работе, но вот что касается разноцветного текста, то в случае работы с латинским алфавитом он может очень пригодиться. Поддержки кириллицы для шрифта Trajan Color нет.

Пластика

Еще одно большое новшество, о котором нельзя молчать – «Пластика с учетом лица». Ранее инструмент Пластика (Меню Фильтры) всегда использовался с осторожностью и даже вызывал настоящие мучения, если художник слабо представлял, что должно быть на фотографии в деталях. Да хочется сделать улыбку, но не всегда получалось создать её правильно. Хорошо, если создаются карикатуры или шаржи, но при остальной работе трудности возникают всегда. А ведь многого никогда не нужно: чуть приоткрыть глаза, подправить слегка улыбку, снять яркость рекламного стиля фотки и сделать её чуть более реальной. А ведь в веб-дизайне не всякая фотография тоже подойдёт.

Пластика с учетом лица появилась в версии Photoshop CC 2015.5, но в последней версии стала чуть более улучшенной. Новое улучшение Пластики в Photoshop СС 2017 позволяет выбрать: изменять глаза на портрете независимо друг от друга или симметрично. И для этого всего достаточно нажать разблокировку свойства.

Ранее изменения глаз проводились сразу для левого и правого.

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

И второе нововведение в Пластике, как в одном едином инструменте –  появился предпросмотр действий по пластике, который можно отключить.

Маска и выделения

Выделение объекта, корректировка краев, работа по маске… Это не особо яркий эмоциональный рабочий процесс, но это то, без чего художники не обходятся во время практически любой работы с изображениями. Даже создание «ожившей» фотографии не обходится без маски и выделения или, например, двойного дуплекса (когда фон и объект на переднем плане окрашиваются в разные сочетания цветов).

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

Что же собой представляет рабочая среда «Выделение и маска»? Для начала отметим, что для ее запуска не стоит отправляться в верхний правый угол. Активируйте инструмент Выделение или перейдите в меню Выделение и увидите пункт (или кнопку) «Выделение и Маска». Нажимаем и появится новое рабочее пространство, а изображение станет чуть прозрачнее.

Слева приставлены инструменты и новое среди них – Лассо. Достаточно обвести им объект и он станет ярче, а вы сможете увидеть качество обводки выделения перед сохранением. В целом же все интуитивно и понятно, как всегда у Adobe. Можно усилить прозрачность и настроить края выделения. Иными словами, как вы уже догадались, данное рабочее пространство пришло на смену инструменту «Уточнить край». Громоздко это покажется или, наоборот, удобнее – каждый творец решит сам, но не лишнее уж точно.

Поиск

Улучшения пользовательского интерфейса мы начнем рассматривать с Поиска. Это функция новая и в действительности очень большая. Давайте вспомним такой момент: когда необходимо было повторить фильтр, на помощь приходило сочетание клавиш Ctrl+F. Теперь же это сочетание открывает окно поиска, в котором можно искать все, что относится к приложению и документу как внутри него, так и за пределами.

Поиск можно вести по Photoshop, справке и в библиотеке Adobe Stock. Например, вдруг вы забыли, где находится функция или инструмент. В Справке отобразится список учебников, а в Stock набор шаблонов и примеров.

В случае необходимости данное клавиатурное сокращение можно заменить и вернуть «повтор фильтра», можно вызывать Поиск через меню Редактирование. Так или иначе, но данная возможность отлично подойдёт новичкам, которые еще начинают познавать Photoshop, ищут подробности функционала или потерянный инструментарий. Впрочем, профессионалам он тоже будет не лишним, так как даже поиск по Слоям текущего документа тоже можно вести.

Шаблоны и наборы

Это стало удобно. Создавать новый документ и подбирать размеры. Adobe добилась больших успехов в области мобильного веб-дизайна. Теперь можно не просто использовать инструменты и предлагаемые в окне приветствия шаблоны, но и установить мобильное приложение Adobe Preview CC (только для системы iOS). И получить возможность наблюдать, как ваш проект выглядит на мобильном, одновременно редактируя его (этот самый проект) в Photoshop на РС.

Монтажные области позволяют создавать проект дизайна сайта, одновременно рассматривая его с разных сторон. Они находятся выше уровнем, над Слоями и включают в себя слои и группы слоев. Возможно, веб-дизайнерам будет сложновато привыкнуть к этому. При загрузке таких шаблонов из Adobe Stock, образцы будут содержать заранее утверждённые настройки и элементы дизайна и менять их уже будет более кропотливо. Но зато можно с помощью монтажных областей, например, создавать макеты разных страниц сайта. Или одновременно создавать один макет, но для разных размеров экрана. Иными словами, это как группа для групп и слоев. 

 

Монтажные области и заготовки были и раньше в Photoshop CC, но теперь на них делается больший акцент и в окне приветствия все стало более наглядным.

Готовые наборы содержат также ряд предустановок, в том числе и размеры, что соответствуют разным экранам устройств, но все настройки можно изменить перед нажатием кнопки «Создать» и даже «Сохранить», как пользовательский.

А что еще?!

Что касается иных улучшений, они незначительны, но очень упрощают работу.

Каждый объект и элемент, инструмент приложения теперь обладает окном «Свойства». Впрочем, и раньше им обладал, но теперь оно автоматически  вынесено в рабочее пространство и позволяет изменить основные параметры, что называется «налету». Нет теперь всплывающего окошка на боковой панели, все чуть более компактнее выглядит, особенно удобно, если настраивать рабочую область не слишком хочется. А тут вот все сразу под рукой.

Впрочем, кое-что было удалено. Например, рабочая область Пространство дизайна. Отличалось оно небольшим набором инструментов, но позволяло проще управлять элементами макета. В тоже время многие веб-дизайнеры оставались верны более полной и насыщенной «основной рабочей середе», а потому Adobe попросту убрала данную возможность из приложения.

Улучшились функции по стабилизации камеры в Фильтры -> Усиление Резкости -> Стабилизация. Например, если заказчик прислал фотки для дизайна сайта  несколько размытые, то вполне можно попытаться их сделать четче и контрастнее. Ранее инструмент существовал, но Adobe немного теперь изменила алгоритмы изменения и работы с цветами.

Была добавлена интеграция с Adobe Experience Design CC. Мы об этом тоже рассказывали. Обратим внимание, что при работе с интерфейсами для мобильных устройств или даже для сайтов у Experience Design есть свои плюсы, но набор «творческих» функций больше все же у Photoshop.

Улучшения и улучшения, как итог

В целом, было много мелких улучшений по работе с гаммой, контрастностью, освещением, группированием шрифтов и прочим. Невозможно сразу сказать, что именно из нововведений способно «реально шокировать» веб-дизайнеров. Всё пригодится в работе, лишним не может стать ничего. Как говорится: «мало не бывает, а то вдруг когда-нибудь для чего-нибудь». Но каждое обновление, как для Photoshop в целом, так и для CC 2017 в частности делает программу немного лучше прежней. И таким образом, Photoshop остается наиболее мощным и полным пакетом инструментария для различных задач вплоть до веб-дизайна. Хотя у него есть много конкурентов с Free-лицензией, но с меньшими наборами инструментария или возможностями.

Переходить на новую версию СС 2017 или оставаться на старой – выбор за веб-мастерами, но все зависит от стремления к удобству, от привычек, от необходимости.

Наш вердикт: 10 из 10.

Революции в возможностях нет, но даже незначительные улучшения и небольшой набор новых возможностей позволяют Photoshop оставаться лучшим приложением для творчества.

Как вам материал?