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

В прошлом материале мы начали подробно рассматривать особо интересные нововведения и улучшения для Adobe Photoshop CC 2018, пришедшие с обновлением 19. Оказалось это дело кропотливым и объемным, поэтому сегодня продолжим данную тематику.  Отметим для начала, что рассматривать все-все-все функции мы не будем, но остановимся только на тех, что более всего востребованы в сфере веб-дизайна и обработке изображений. Например, это работа с маской, пером, создание аккуратных графических рисунков, работа на мобильном устройстве, изменение размеров картинки и не только.

Для того чтобы предотвратить возможные размышления над тем почему вдруг у кого-то нет функций или «фичей» в самом приложении, обратим внимание, что в данном случае нами используется версия Photoshop CC 2018 19.1 с обновлением за январь (последним на момент создания материала).

Большой обзор революционных изменений и новинок Photoshop CC 2018. Часть 1

Что ж, начнем наше продолжение…

Теперь можно Поделиться (Файл -> Поделиться) своими файлами с контактами или отправить в соцсети, записные книжки и прочие приложения, что поддерживают данную функцию.

Интеллектуальное масштабирование

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

В новом Photoshop СС 2018 увеличение (масштабирование) изображения теперь выполняется немного иначе.

Мы открыли одну и ту же фотографию в отдельных документах. Размер изображения невелик, поэтому для увеличения оно подходит гораздо лучше, для наглядности. Также мы оба их установили на 100% размер.

Выберем верхнее (Без имени) и переходим в меню Изображение -> Размер изображения, и увеличиваем масштаб картинки на 300%, а в качестве Ресамплинга выбираем «Сохранение деталей». Можно, конечно, попробовать иные варианты, но в данном случае это самый оптимальный по качеству. Нажимаем Ок.

Теперь выбираем нижнее изображение и также переходим к окну изменения размера, выбираем 300%, но в качестве Ресамплинга выберем теперь «Сохранение деталей 2.0». Это-то как раз и есть новая функция, использующая искусственный интеллект, обучаемость ИИ для того, чтобы наиболее правдиво изменять изображения. Нажимаем Ок.

Теперь обе наши фотографии увеличены на 300%, но с разным типом увеличения. И вот сравните результат. Зелёным цветом мы специально выделили области, где лучше всего заметна разница. А состоит она в том, что новое интеллектуальное масштабирование гораздо четче и детальнее работает с изображением. Нижняя фотография не потеряла своего качества, практически нет никаких артефактов. «Фантастика?», – спросите вы, и мы ответим: «Почти».

 Если приподнять изображения, то ближе к носу можно и еще больше заметить разницу в детализации.

Важно: Для удобства перемещения фотки зажмите H на клавиатуре и ЛКМ и двигайте прямоугольник по фотографии, отпустив затем H.

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

Кривые пером – легче простого

Самый обычный инструмент Photoshop «Перо» для многих художников и фотографов был сложным  в освоении, не говоря о веб-дизайнерах и новичках, которым порой приходилось создать быстренько новую иконку векторную, а Photoshop казался излишне сложным. В результате приходилось использовать Illustrator или иные приложения. Но как мы говорили ранее, теперь Adobe решила создать то приложение, которое сможет объединить в себе все основные и важные функции и инструменты, что могут потребоваться и для графической работы и фотообработки в равной степени. Что, как следствие, и выводит Photoshop СС на новый уровень.

Перо теперь изменилось и стало несколько простым. Точнее, был введен новый инструмент «Перо кривизны». Суть его в том, что в зависимости от того, как вы ведете линию и где устанавливаете ключевые точки, линия контура сама искривляется или остается прямой. Теперь не требуется регулировать направляющие, зажимать дополнительные кнопки на клавиатуре и прочее, и прочее. Достаточно только прокликивать контур или установку точек. Хотя иногда для более тонкой коррекции придется использовать дополнительные точки и чуть-чуть подправлять отрезки контура.

Выбираем инструмент Перо -> Перо кривизны и устанавливаем первую точку на холсте. Затем перемещаем курсор мышки и ставим следующую. Линия получилась прямая. Но как только мы поставили третью точку, чуть ниже второй и дальше, обратите внимание, контур сам искривился.

 

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

У нас есть готовая фигура – бабочка (или это может быть набросок карандашом сфотографированный/отсканированный или иное изображение). Попробуем её обвести. Создаем новый слой, выбираем инструмент Перо кривизны и устанавливаем точки снизу вверх. Обратите внимание, какой кривой кажется обводка.

А теперь добавляем еще одну, седьмую, точку и далее, и контур преображается автоматически. Да, верхнюю часть крыла все же придется отредактировать дополнительно, но по сути…это уже «мелочи». Редактировать контур можно как с помощью перемещения уже имеющихся точек, так и путем создания новых. Но все тем же инструментом Перо кривизны.

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

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

Затем, если выбрать инструмент Выделение узла и зажав Shift, выбрать две точки для редактирования, можно изменять контур одновременно.

  • Если вы создавали контур (в панели управления инструментом перо), а затем заливали его, то при редактировании вы будете менять контур вне зависимости от заливки.

  • Если же создавали фигуру, то заливка будет автоматически подстраиваться и изменяться под контур.

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

Перетасовка слоев

Работа со слоями обычно не представляла каких-либо трудностей, но когда появлялись плагины, расширения и прочие возможности по дополнительному упрощению, они всегда приветствовались в среде дизайнеров. Если рассматривать улучшения Photoshop CC 2018, то работа со слоями также перетерпела изменения.

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

Выделим все слои и нажимаем Ctrl+C, затем переходим на другое изображение и нажимаем Ctrl+V. У нас сохранился порядок и даже привязки корректирующих слоев.  Иными словами, копируется не часть изображения, как если бы его выделили, а сразу слой с панели Слоев.

Аналогично копировать и вставлять слои можно  пределах одного документа.

Симметрия без сложностей

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

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

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

Важно: изначально симметрия на панели управления Кистью, Карандаша, Ластика и иных инструментов может быть недоступна. Поэтому перейдите в меню Редактирование - > Настройки -> Просмотры технологии и установите галочки рядом с Включить симметрию.

Мы выбрали четырехстороннюю и с помощью режима Следование за струной нарисовали некоторый объект.

 

Если требуется что-то стереть ластиком или подрисовать кисточкой, смотрите на то, какая у вас симметрия и включена она или нет. Можно, например, выключить и доработать отдельные моменты, можно изменить на горизонтальную или иную и прорисовать детали. Как говорится, каковы ваши цели и творчество.

Хитрости маски

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

Теперь Adobe решили не просто изменить систему выделения, а сделать её интеллектуальной, почти как изменение масштаба.

Открываем фотографию «котейкина», выбираем инструмент Быстрое выделение и видим, что на панели управления вверху рядом со знакомой уже кнопкой Выделение и маска появилась еще одна: «Выделить предмет». Кликаем по ней, но на самом изображении ничего не выделяем сами. Нажимаем затем Ctrl+J (возможен вариант F2) и наш объект копируется на новый слой.

Но что мы видим? Котейкин довольно хорошо выделится автоматически. Да, усики, шерстинки не попали, но они и обладают малым контрастом, ИИ их мог попросту не распознать. Но, в целом, время работы с объектом сокращено, если не сказать вдвое, то  раза в три точно. Дополнительно можно использовать Выделение и Маска и уточнить край и поработать над усиками отдельно, а затем слить два выделения-слоя.

Если посмотреть на работу Выделение объекта в следующем примере, то оно не слишком удачно получилось. Причина? Цветность. Практически вся фотография залита оранжевыми красками, и песик буквально сливается с окружением. Поэтому редактировать отдельно все равно придется.

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

 

Заключение

Это основные и самые интересные функции и улучшения, что появились в текущем уже Photoshop CC 2018 версии 19.1. Дополнительно было немного усовершенствовано окно Свойства, улучшена работа выделения по маске, введена поддержка Microsoft Surface Dial, появилась работа с документами Lightroom, возможности поделиться в соцсетях или с людьми из списка контактов (Windows 10) и некоторые другие «мелочи». Но, так или иначе, все эти новинки направлены на то, чтобы не просто быть незаметными, а на удобство работы с приложениями. Мы интуитивно привыкли чем-то делиться или выбрать инструмент и ждать нужного нам результата. Поэтому мы часто смотрим на панель, смотрим на пункты меню и не задумываемся, а было ли оно раньше. Оно есть сейчас и у нас получается то, что нам нужно.

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

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

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