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

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

Мы же посмотрим на все возможности Photoshop CC 2018 и сравним некоторые из них с тем, как они работали ранее.

Новинки

Поддержка параметров шрифтов OpenType

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

Это добавляет совершенно новое измерение для Photoshop в целом. Не все способны иметь подписку и лицензию на тот же InDesign, но благодаря такой настройке надписей и шрифтов, процесс работы становится более тонким, гибким, как говорится, «на кончиках пальцев».

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

  • Напечатать текст
  • Выделить его
  • Выбрать шрифт, подходящий с иконкой var из списка всех шрифтов в окне Шрифты. 

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

  • Настроить ползунки в окне Свойства.
    • Если ползунок только один, то шрифт поддерживает отдельные вариации. Просто посмотрите на стили, выберите нужный и его регулируйте. Но некоторые шрифты сразу позволяют регулировать все ползунки.

Посмотрим на примере шрифта Source Serif Variable, что поддерживает кириллицу. В данном примере мы изменили значение «Толщина» для стиля Regular.

Теперь открыв список стилей, выберем ExtraLight и тоже изменим положение ползунка.

Для слова «Day» мы выбрали другой шрифт –  Acumin Variable Concept и увидели сразу несколько ползунков. Изменили их расположение.

Выглядит все просто, удобно. Для нас, веб-дизайнеров, художников, тех, кто только иногда работает с текстом и шрифтами такое нововведение, конечно, только поднимает настроение. За последние годы Photoshop не лучшим образом справлялся с типографикой и значительно отставал по возможностям от Illustrator и InDesign. Теперь же он не просто с ними сравнялся, он даже поднялся чуть-чуть, на ступеньку выше.

Что важно еще отметить, шрифты при изменении с помощью ползунка не деформируются или трансформируются. То есть, если выбранный шрифт не поддерживает такие атрибуты, то Photoshop и не сможет «заставить» шрифт обладать ими. Но, если атрибуты уже есть в выбранном шрифте, то его можно немного изменять.

Функции и управление инструмента Кисточка

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

Наиболее интересная функция «Сглаживание», что находится на панели управления Кисти вверху экрана.

Важно: Прежде чем начинать работать с этой функцией, перейдите в настройки приложения и в меню Курсоры установите галочку: «Показать след кисти при сглаживании».

Тонкая розовая линия на скриншотах и есть направляющая кисти.

Удивительно то, что работать с функцией можно в трех режимах:

  • Следование за мазком – курсор кисточки находится впереди, а линия его догоняет. Если замереть курсором в конечной точке и не отпускать ЛКМ, то линия догонит курсор.

  • Следование за струной  – смысл сводится к тому, что на экране появляется окружность, а курсор кисточки нужно вести в нее её границ. Но при этом линии получаются более овальные, округлые. Таким образом, витиеватые линии становится легче создать. Для примера, попробуйте нарисовать петельку обычным способом и с помощью окружности.

  • Следование до конца мазка – очень похоже на режим следования за мазком, но разница в том, что как только вы отпустите ЛКМ, мазок автоматически догонит курсор и завершит линию.

Благодаря трем режимам можно получить больший контроль над теми рисунками, что вы создаете. Как результат, функцию Отмена последнего действия или отмену части в Истории приходится использовать реже, да и направление движения кисти теперь гораздо проще видеть. Есть, впрочем, одно уточнение. На РС эти режимы могут изначально показаться не нужными или громоздкими. Но попробуйте порисовать стилусом, пером на графическом планшете, пальцем по сенсорному экрану, и заметите значительное удобство в том, чтобы нарисовать «нужную» линию с нужным изгибом.

Настройки кистей

Еще одно больше улучшение-нововведение в Photoshop СС2018. Не совсем, конечно, новое, но скорее дальнейшее улучшение и модернизация уже имеющегося.

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

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

При этом все новые кисти автоматически помещаются в папочку с называнием набора. И те кисти, что в самом приложении уже имеются, тоже разбиты по папкам.

Изменилось и меню кистей. Если кликнуть по шестеренке, то оно и появится. Так, например, новые кисти добавляются через пункт «Импорт кистей». А меню «Группа кистей» как раз и позволяет создать папки и подпапки. Если папки создаются друг за другом, то чтобы сделать подпапку, выделите нужную, зажмите ЛКМ и просто перетащите в нужную папку. Появится древовидная структура.

 

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

 

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

Ползунок в нижней части окна выбора кистей отвечает за масштаб отображения иконок.

Работа с контентом 360 градусов

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

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

Уже затем готовое и склеенное изображение можно открыть в Photoshop. Аналогично и с картинками из Интернета.

Создать сферическую панораму можно двумя способами:

  • либо нажать 3D -> Сферическая панорама -> Импорт панорамы и затем выбрать нужный файл на вашем жестком диске;
  • либо открыть само изображение в Photoshop, а затем прейти в 3D -> Сферическая панорама -> Новый слой из выбранных слоев.

Таким образом, появится окно нового документа, подстроенного под ваше изображение. Нажимаете ОК и увидите новую панораму.

Теперь, если переместить курсор мышки на изображение, зажать ЛКМ и начать его двигать, то…вы сможете двигать его во всех направлениях бесшовно, в сфере. Магия и фантастика! Увидите и небо/полоток, и землю/пол. Сравните исходное изображение и кусочки панорамы.

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

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

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

Что касается Экспорта панорамы, то если вы готовите её для Facebook, то в меню 3D -> Сферическая панорама выбирайте Экспорт и сохраняйте в jpg. Если хотите загрузить на Yutube, или использовать как видео на сайте, то внизу увидите окно Шкала времени.

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

 

В меню Файл выбираете Экспортировать… и либо Эспортировать видео, либо Экспорт для Web. Выбираете формат Gif и сохраняете.

Таким образом, эта функция показывает, насколько сильно Adobe признает технологический сдвиг и появление новых технологий. Напомним, что YouTube только недавно (года 1,5) стал поддерживать видео в 360 градусов.

Удобные подсказки

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

 

Завершение

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

Таким образом, Adobe наконец-то представила то приложение, что уже давно хотелось увидеть многим. Более насыщенное, более интересное, более удобное. Возможно, кому-то оно покажется слишком усложненным, но это только поначалу. Ибо настройки из прошлых версий можно переносить, а значит, основные моменты для работы наладить будет гораздо проще.