Эффективная обработка фотографий в Photoshop

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

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

Но что же вы узнаете в этих уроках?

• 1 Начало работы в Photoshop - быстрое выделение и заливка

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

• 2 Слои и текст
  

  Все изображения Photoshop строятся на слоях. Именно поэтому редактировать в программе так удобно. Урок расскажет, что такое слои, зачем они нужны и как с ними работать. Кроме того, здесь описаны приёмы создания и обработки надписей, а также перемещения расположенных на холсте объектов. После прохождения урока обработка многослойных документов не будет для вас проблемой.

• 3 Фильтры
  

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

• 4 Работа с изображениями
  

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

• 5 Трансформация
  

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

• 6 Рисование - кисть и карандаш
  

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

• 7 Рисование - фигуры
  

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

• 8 Рисование - контуры и растровые изображения
  

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

• 9 Рисование - инструмент Перо
  

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

• 10 Рисование - инструмент Магнитное перо
  

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

• 11 Инструменты ретуширования изображений
  

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

• 12 Инструменты коррекции изображений
  

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

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

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

Глава 1

Для того чтобы портреты выглядели более броско и привлекательно ретушёры не редко прибегают к дополнительным корректировкам освещения уже после съёмки. Если надо дополнительно затемнить или наоборот высветлить какой-то участок применяют так называемую технику “Dodge&Burn”. Это ничто иное как “высветление и затемнение”. И там где кривые не справляются прибегают к этой технике.

Давайте рассмотрим инструменты которые нам в этом помогут. Сначала будем подчёркивать объём деструктивным способом, в нём есть свои преимущества, которые вы сейчас увидите. И очень рекомендую для такой ретуши обзавестись хотя бы простеньким графическим планшетом. Жизнь себе облегчите в разы.

Так как техника деструктивная, то давайте сначала дублируем наш слой с портретом комбинацией клавиш Ctrl+J.

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

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

Теперь подредактируем немного средние тона. Копируем всю видимую информацию на новый слой комбинацией клавиш Ctrl+Alt+Shift+E. Переключаемся на инструмент BurnTool. Можем это сделать либо на панели инструментов, либо можем не переключаться с DodgeTool и просто временно включать BurnTool, нажимая на клавишу Alt. Он будет работать с теми же настройками и в том же диапазоне яркостей. Выставляем область средних тонов и немного пройдёмся по контуру лица, носу, бровям.

Давайте немного понизим Opacity.

Я бы ещё немного добавил бликов на волосах. Копируем всё на новый слой комбинацией Ctrl+Alt+Shift+E. И теперь переключимся снова на DodgeTool и поработаем в средних тонах, высветляя блики на волосах. И опять немного понизим опейсити. При постоянных корректировках глаз может замылиться и очень легко перегнуть палку.

Поэтому, если где-то переборщили, то просто понижайте параметр Opacityу корректировки.

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

Давайте теперь тонируем наш портрет по любой удобной схеме, которые мы разбирали в прошлых главах. Я выбрал — холодные тени, тёплые света.

Глава 2

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

Редактировать этот снимок будем исходя из того что ему не хватает объёма.

Как этот объём добавить? Очень просто — надо усилить блики и затемнить полутона. Тоже самое что мы делали ручную, но теперь нам помогут маски.

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

Он нам как раз и нужен для создания маски бликов. Запомнили это и идём обратно в Layers, где создаём корректирующий слой ChannelMixer. Пока всё что нам надо знать в настройках этого слоя — это список пресетов. Нам нужен Black&WhitewithBlueFilter.

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

Теперь создаём новый пустой слой комбинацией клавиш Ctrl+Alt+Shift+N. И чёрным цветом кистью с мягкими краями закрашиваем неугодные области, чтобы была выделена только кожа на сюжетно важных частях снимка. А теперь то что получилось надо преобразовать в выделение. Идём во вкладку Channels и с зажатой клавишей Ctrl кликаем по RGB каналу.

Теперь опять в Layers и создаём корректирующий слой с кривыми. Теперь все вспомогательные слои объединяем в группу клавишами Ctrl+G и скрываем её. У слоя с кривыми автоматически создаётся маска. Выбираем её с зажатой клавишей Alt. И редактируем параметр Feather, чтобы размыть границы.

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

Понижаем Opacity немного.

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

Делать это будем уже известным нам GradientMap. Создаём корректирующий слой. И выбираем третий пресет.

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

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

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

Чем круче будет кривая, тем сильнее будет насыщаться цвет, чем более пологая, тем цвет будет больше стремиться к серому. Уменьшим параметр Opacity.

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

Глава 3

Давайте теперь научимся пользоваться инструментами DodgeTootи BurnTool недеструктивно. Для этого нам потребуется создать слой с заливкой в средне-серый цвет.

Давайте создадим новый слой комбинацией клавиш Ctrl+Shift+N, только в опциях выберем режим наложения не Normal, а SoftLight. И проставим галочку для заливки его серым цветом.

SoftLight- это контрастный режим наложения, при котором если яркость пикселов ниже чем 50% серый, то этот слой будет затемнять, если выше, то высветлять. Если яркость пикселов это слоя будет строго на уровне 50% серого, то изменений никаких не будет. Поэтому, если мы хотим как-то увеличить объём, подчеркнуть тени и блики, то нам надо взять уже известный там инструмент DodgeTool, выставить у него диапазон средних тонов, так как вы будем рисовать по средне-серому, а это и есть средние тона. И экспозицию выставить не больше 50%, а кисть выбрать с мягкими краями. Теперь просто рисуем по этому слою там где должны быть блики.

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

Теперь настало время для прорисовки теней. Давайте создадим новый SoftLight слой с заливной 50%-ым серым. Берём инструмент BurnTool, ставим у кисти мягкие края, диапазон тоже средние тона и экспозицию не больше 50%. И начинаем прорисовывать тени. Всегда лучше разделять прорисовку теней и бликов, так как всегда можно потом отдельно их редактировать. Когда закончили, то понижаем немного Opacity.

Этот метод немного неудобен тем, что если вы где-то перестарались, то вы не можете просто удалить корректировку ластиком. Так как сотрётся сам слой и вы больше не сможете его затемнять или осветлять. Для отмены корректировки надо взять кисть, выбрать в качестве цвета 50% серый и зарисовать эту область.

Есть ещё один метод. Он позволяет отрисовывать объём на пустом слое, но вместо инструментов DodgeTool и BurnTool нам надо будет использовать кисть с чёрным и белым цветом. Но по-моему это даже удобнее.

Создадим новый слой, выберем режим наложения SoftLight, но заливать его не будем. Теперь берём инструмент кисть и выбираем пресет с мягкими краями. С помощью клавиши D сбрасываем цвета на чёрный и белый. А с помощью клавиши X будем их переключать. Непрозрачность у кисти, не у слоя, выставляем не больше 20%, а часто требуется ещё меньше. И давайте рисовать объём.

Я не рекомендовал бы всё же на одном слое рисовать и тени и блики, хотя если вы уже руку набили, то клавиша X вам очень поможет в быстром переключении цветов. Плюс этого метода, что мы можем отменить корректировку простым ластиком, не надо ничего дополнительно делать, просто стёрли неугодное место и продолжили рисовать.

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

Глава 4

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

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

А теперь всё что нам надо это взять инструмент кисть, поставить мягкие границы и порисовать по маске этого слоя чёрным цветом, чтобы вернуть обратно свет.

Делать это лучше на графическом планшете, но если такового нет, то лучше выставить параметр Opacity поменьше, чтобы больше контролировать наши действия. Прорисовывать лучше там, где свет уже был, чтобы ещё больше создать ощущение сияния этих областей, увеличивая тем самым контраст. Конечно прорисовываем сюжетно важные объекты, здесь можно сделать размер кисти поменьше. И немного по окружению тоже. Старайтесь самые углы снимка не трогать, так композиционно приятнее смотреться будет. Эдакая виньетка получается.

Теперь нам надо покрасить окружающий фон в холодный цвет. Тем самым мы отделим передний план от заднего и создадим цветовой контраст. Вы, скорее всего, уже догадываетесь как это можно сделать через уровни или кривые, поэтому мы пойдём другим путём. Создаём новый слой и выставляем ему режим наложения Overlay. Грубо говоря, это тоже самое что и SoftLight, только сильнее по воздействию. Выбираем инструмент кисть, ставим мягкие края и Opacity100%. Цвет выставляем насыщенный синий, со сдвигом немного в циановый. И рисуем по нашему слою.

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

Теперь понижаем параметр Opacityу самого слоя где-то до 20%.

И, если надо, то можем подкорректировать цвет и тон с помощью Hue/Saturation. Редактировать будем деструктивно, нажимаем Ctrl+U и правим.

Теперь давайте добавим дыма. В прессетах кисти выбираем вот этот. И увеличиваем диаметр. Понижаем параметр Opacity и аккуратно прорисовываем на переднем плане слой за слоем. Рисуем так, чтобы к краям дымка уплотнялась. По маске чёрным цветом немного корректируем туман.

Теперь давайте добавим немного свечения на небе. Создаём новый слой и выставляем режим наложения Screen. Действует он таким образом, что любой тон, отличающийся от чёрного высветляет нижележащий слой. Чёрный — нейтральный цвет для этого режима. При выбранном инструменте кисть с зажатой клавишей Alt пипеткой берём образец цвета с облаков. Opacity ставим поменьше и рисуем свечения.

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

Глава 5

Давайте теперь поработаем над созданием небольшого коллажа. Если бы у нас на снимке не было бы выбито небо, то мы смогли бы обойтись одной фотографией, но так даже интереснее.

Давайте копируем исходный слой, нажав Ctrl+J.

Теперь давайте его зеркально отобразим, для этого нажимаем комбинацию клавиш Ctrl+T и правой клавишей мыши кликаем по слою. В выпадающем меню выбираем Flip Horizontal. После чего нажимаем на галочку.

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

Выбираем инструмент RectangularMarqueeTool для прямоугольного выделения и обрисовываем половину снимка. После чего создаём маску и повышаем непрозрачность у слоя.

Уже круто смотрится, но давайте теперь кликнем на маску и инвертируем её комбинацией клавиш Ctrl+I.

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

Теперь давайте заменим белое выбитое небо, на более привлекательное. Для этого нам надо выделить белое пятно. Давайте создадим маску. Попробуем немного другие способы, нежели мы делали раньше. Создаём корректирующий слой Black & White. И в нём подвигаем ползунки всех цветов до упора в левую сторону.

Теперь создаём корректирующий слой Levels. В нём сильно поджимаем чёрную точку и чуть-чуть белую.

А теперь осталось избавиться от небольших белых областей внутри чёрной. Для этого создаём новый пустой слой и и полигональным лассо быстренько рисуем выделение не вылезая за контуры чёрной области. Теперь сбрасываем цвета клавишами D и с помощью клавиши X ставим чёрный цветом переднего плана.

Потом нажимаем Alt+Backspace и маска готова. После чего идём во вкладку Channels. Кликаем с зажатой клавишей Ctrl на RGB канале, возвращаемся в Layers и отключаем вспомогательные слои.

Кликнув на верхний видимый нажимаем Ctrl+Alt+Shift+E и копируем всю видимую область на новый слой. Обратите внимание, что выделение ещё не снято. Теперь кликаем на значок создания маски и комбинацией клавиш Ctrl+I инвертируем её. Теперь можем удалить вспомогательные слои.

Настала очередь заменить небо. Открываем второй снимок и копируем содержимое в буфер Ctrl+C. Переключаемся на наш основной документ и нажимаем Ctrl+V. Размешаем этот слой под верхним.

Теперь давайте сделаем небо холодным. Создаём корректирующий слой Levels и перемещаем его над слоем с небом. Понижаем гамму у красного канала и немного повышаем у синего.

Теперь давайте затемним небо и верхушки домов с помощью кривых. Понижаем средние тона и по маске прорисовываем чёрной мягкой кистью внизу. И понижаем параметр Opacity.

Давайте в заключении добавим небольшую виньетку с помощью выделения LassoTool с высоким параметром Feather. Затемним корректирующим слоем Levels.

Работа со слоями. Photoshop для фотографа: Урок №2 Цветокоррекция и тонирование в Фотошопе. PHOTOSHOP ДЛЯ ФОТОГРАФА: УРОК №4

Из серии «Пффф, я это давно знал!».

На самом деле это скорее полезные инструменты и приёмы, которые помогают в работе над проектами в CG, айдентике и вебе о которых вы могли не знать.

Начнем с полезных приёмов в Фотошопе, и так, поехали!

1 - Заливка с учётом содержимого

Edit > Fill или Shift + Backspace

Удобный инструмент для удаления с изображения объектов с учётом содержимого, просто выделите с помощью лассо объект, нажмите Shift + Backspace и Ок .

2 - Blending Options

fx > Blending Options

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

3 - Defringe

Layer > Matting > Defringe

Инструмент обработки краёв изображения. Простой приём, который поможет избавиться от светлого или тёмного края в слое. Эта команда перекрашивает пикселы на границе выделенной области в соответствии с цветом пикселов, расположенных на определенном расстоянии внутри области помогает лучше вписать объект.

4 - Rubber Band

Верхняя панель управления > Rubber Band

Наверняка многие не знают, что в настройках пентула есть такая галочка, попробуйте, вам понравится:)

5 - Нормальный нойз

Filter > Camera RAW Filter или Shift + Cmd (Ctrl) + A

Стандартный фильтр нойза зачастую не подходит для композинга, он слишком «цифровой» и не имеет настроек, поэтому лучше использовать Grain в Camera RAW Filter , настройки которого позволяют изменять размер зерна и его резкость. Это часто помогает в финальном постпродакшене для придания оптической естественности изображению.

6 - Nik Collection от Гугл

Отличный плагин для фотошопа с различными эффектами и пресетами, есть точечное редактирование. Тут не без треша конечно, но есть и несколько неплохих инструментов. Например в Analog Efex Pro есть раздел Classic Camera , где можно имитировать оптические искажения камеры, там есть достаточно корректный эффект Бокэ, размытие по углам и другие инструменты, которые помогут сделать картинку реалистичнее и живее. А в Color Efex Pro есть удобные инструменты повышения контраста и детализации изображений (Tonal Contrast, Pro Contrast, Detail Extractor) .

7 - Хроматические аберрации

Filter > Lens Correction или Shift + Cmd (Ctrl) + R

Если на фото принято убирать хроматические аберарции, то при композинге, особенно сцен с использованием 3D эти искажения наоборот делают картинку натуральнее, оживляя сырые рендеры. Только держите себя в руках, не стоит им злоупотреблять:)

8 - Просмотр конкретного слоя

Alt + левая кнопка мыши находясь на слое

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

9 - Кроп с учётом содержимого

Crop Tool > верхняя панель управления > Content-Aware

Начиная с версии Photoshop CC (2015.5) появилась возможность делать кроп с учётом содержимого, для этого нажмите клавишу C и поставьте галочку Content-Aware в верхней панели управления. Кстати в этой же панели есть замечательный инструмент Straighten , который помогает выровнять горизонт, просто проведите линию вдоль объекта и алгоритм сам все сделает.

10 - Быстрый экспорт слоёв

Правая кнопка мыши по выделенным слоям > Export As…

Чтобы сохранить сразу несколько слоёв в отдельные файлы просто выделите их и нажав правую кнопку мыши , выберите Export As … и в появившемся окне можно изменить размер, выбрать необходимый формат и

Photoshop для вас в новинку? Мы поможем вам разобраться, что к чему!

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

1. Познакомьтесь с Инструментами

Это панель инструментов Photoshop.

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

А вы знали, что ее можно настроить под себя?

Хотя множество полезных инструментов всегда будут у вас на виду, вы можете упустить дополнительные инструменты, скрытые за треугольниками в правом нижнем углу, пользуясь только тем, что расположено «на поверхности».

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

Нажмите Edit > Toolbar (Редактирование > Панель инструментов…), чтобы вручную выбрать инструменты. Группируйте их, согласно уровням приоритетности - например, одну группу могут составить инструменты, которые еще предстоит освоить, а другую - те, что вы используете постоянно.

Не перегружайте панель инструментами, которые вы не используете; вместо этого поместите в нее свои самые любимые инструменты!

Определитесь с Основным набором инструментов

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

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

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

А еще не забывайте, что многие инструменты Photoshop можно использовать для разных целей. Например, инструментом Pen (Перо) можно воспользоваться как для того, чтобы отделить модель от фона, так и для создания векторной иллюстрации.

Есть и другие инструменты, которые вам понадобятся, но считайте их второстепенными. Например, инструменты Pen (Перо) и Move (Перемещение), на первый взгляд не кажутся особо креативными, однако они нужны (и порой нужны очень часто) для улучшения рабочего процесса.

А какие у вас основные инструменты?

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

2. Знакомство с Панелью слоев

Одновременное нажатие клавиш Control-Shift-N создает новый слой.

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

Но каким образом?

Ну, вообще, панель позволяет контролировать несколько параметров. Opacity (Непрозрачность), Fill (Заливка) и Color (Цвет) лишь немногие из них. При помощи этих параметров вы можете изменять свои слои, создавая множество классных эффектов.

Текстовые эффекты, например, зачастую создаются при помощи невероятных Layer Styles (Стилей слоя).

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

Испытываете проблемы с цветом? Попробуйте поработать с Layer Blend Modes (Режимы наложения слоев). Хотите получить более яркий результат? Возможно, ваше решение - это Adjustment Layer (Корректирующий слой).

3. Экономьте время при помощи Слой-Масок

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

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

Чтобы воспользоваться слой-маской:

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

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

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

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

4. Control-S Правильно?

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

• Зачем мне нужен этот файл?
• Где я могу его хранить?
• В каком формате он мне нужен?
• Как сохранить его в наилучшем качестве?

Выше вы видите сравнение разных уровней качества, 1 - 83%, 2 - 1%. Изображение взято с Envato Elements.

Что и Где

Ответ на первый вопрос - это будет ли ваша работа использована онлайн. В графических материалах для постов онлайн качество не столь важно, в то время как печатные материалы должны быть сохранены с высоким разрешением. Исследуйте рекомендации для печати, чтобы понять, для чего нужны такие важные настройки, как Color Modes (Цветовой профиль) и как ими управлять.

Храните свои файлы в таком месте на компьютере, куда у вас имеется быстрый доступ. Photoshop может выдать ошибку, если в файле недостает некоторых элементов (например, шрифтов), поэтому постарайтесь содержать все в порядке.

Формат и качество

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

Нажмите File > Export > Save for Web (Файл > Экспортировать > Сохранить для Web).

Проверьте, как выглядит ваша работа с разными настройками сжатия. Избегайте потери качества!

Как хорошо будет выглядеть ваш дизайн в распечатанном виде?

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

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

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

Работайте согласно своей ситуации. Чтобы открыть/изменить Color Mode (Цветовой профиль) вашего файла, нажмите Edit > Color Settings (Редактирование > Настройка цветов…).

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

6. Наборы! Наборы! Наборы!

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

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

Чтобы просмотреть их все, нажмите Edit > Presets > Preset Manager (Редактирование > Наборы > Управление наборами).

Одни из моих любимых наборов - это наборы кистей. Наборы кистей от ваших любимых художников - это тоже круто, но воспользуйтесь и теми, которые у вас уже есть!

Эти наборы включают различные текстуры, красивые градиенты и многое другое.

На скриншоте вы видите пример набора кистей Wet Media (Мокрые кисти).

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

7. С легкостью изменяйте цвета при помощи корректирующих слоев

Создавайте невероятные схемы освещения, сделав всего лишь пару кликов!

Adjustment Layers (Корректирующие слои) просто идеально подходят новичкам в Photoshop. Они позволяют без проблем изменить множество визуальных аспектов вашей работы.

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

Чтобы воспользоваться корректирующим слоем Color Lookup (Поиск цвета):

Нажмите Layer > New Adjustment Layer > Color Lookup (Слой > Новый Корректирующий слой > Поиск цвета). Выберите набор для файла 3DLUT File из выпадающего меню. Нажмите ОК и наслаждайтесь результатом.

Фотография со стока Envato Elements.

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

Художники, специализирующиеся на рисовании в Photoshop, используют эти коррекции, чтобы попробовать разные цветовые палитры, прежде чем принять окончательное решение. Исследуйте разные схемы освещения и многое другое с невероятными инструментами, как, например, Curves (Кривые).

8. Научитесь организовывать свое Рабочее пространство

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

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

Для начала закройте все лишние вкладки!

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

Затем нажмите Window > Arrange (Окно > Упорядочить).

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

Стандартное решение - это Consolidate All to Tabs (Объединить все на вкладках), но вы также можете выбрать, например, 2-up Vertical (2 вверх, по горизонтали), чтобы поместить образец рядом со своей работой.

Нужно вернуть свое рабочее место в первоначальный вид? Нажмите Window > Workspace > Reset Essentials (Окно > Рабочая среда > Сбросить Основная рабочая среда).

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

9. Освойте инструмент Перо

Инструмент Pen (Перо) (Р) порой может пугать, однако, со временем вы сможете полностью его освоить.

Для начала изучите сам инструмент. Опция Path (Контур) нужна для выделения области, а Shape (Фигура) позволяет вам создавать собственные фигуры.

Затем познакомьтесь с Path Operations (Операции с контуром), Alignment (Выравнивание контура) и Arrangement (Упорядочение контура). Дизайнерам, которые знакомы с Adobe Illustrator, может быть проще освоиться с этим инструментом.

Самый лучший способ что-либо освоить - это экспериментировать! Создайте кучу линий и завитушек, а потом поиграйте с настройками, вроде Blending Options (Параметры наложения). Возможности поистине безграничны! Не забывайте пользоваться инструментом Перо при создании текстовых эффектов, иллюстраций и многого другого!

10. Запомните Горячие клавиши

Горячие клавиши - это не новинка.

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

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

Нажимая букву В, которая вызывает инструмент Brush (Кисть), я автоматически представляю вот это:

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

Чтобы увеличить размер кисти, например, нажмите правую или левую квадратную скобку: [ или ] .

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

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

Прежде, чем вы закроете этот урок, запомните:

1. Определитесь со своим основным набором инструментов
2. Познакомьтесь с панелью слоев
3. Экономьте время при помощи слой-масок
4. Правильно сохраняйте файлы
5. Знайте разницу между рекомендациями для печати и для интернета
6. Пользуйтесь наборами…
7. …и корректирующими слоями.
8. Организуйте свое рабочее место.
9. Изучите инструмент Перо.
10. Запомните горячие клавиши.

Опробуйте эти советы и расскажите нам в комментариях о самом полезном для вас!

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

Ранее, мы уже публиковали подобную статью с другими 5 приемами недеструктивной работы.

Сегодня я представляю вашему вниманию другие 5 недеструктивных приемов работы в Photoshop. Я сам очень часто пользуюсь ими для оптимизации своего рабочего процесса, поэтому, надеюсь, они будут полезны и вам.

1. Применение стилей слоя к нескольким слоям
Настройка и применение одного и того же стиля слоя к множеству слоев – процесс довольно нудный. Хотя этот процесс можно ускорить, кликнув ПКМ на слое готовым стилем, выбрать “скопировать стиль слоя” (copy layer style), после чего применить этот стиль к нескольким нужным слоям.

Еще более быстрый способ – преобразовать ваши слои в смарт-объект.

Давайте рассмотрим конкретный пример:

Допустим, вам нужно применить стиль слоя Тень ко множеству слоев с текстом. У вас есть фоновый слой и несколько слоев, содержащих текст. Ваша структура слоев выглядит примерно вот так:

Выделите все слои, к которым намерены применить стиль слоя.

Ниже вы можете видеть как ваши слои будут выглядеть после преобразования в смарт-объект:

Теперь, кликните ПКМ по этому смарт-объекту на палитре слоев и выберите пункт “Параметры наложения” (blending options). Примените нужные стили слоя, и посмотрите что станет с вашими слоями с текстом. В данном конкретном примере я применил стиль слоя Тень:

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

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

Создайте новый слой и назовите его “Инструмент штамп”. Активируйте инструмент Штамп (clone stamp tool), после чего, на панели опций в верхней части окна программы найдите и поставьте галочку на пункте “Выравн. Образец” (aligned sample). После него располагается выпадающее меню. По умолчанию в нем выставлено значение “Активный слой” (current layer). Измените это значение на “Все слои” (all layers).

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

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

Вы так же можете использовать опцию “образца от всех слоев” (sample all layers) и при работе с другими инструментами, такими, как например, Восстанавливающая кисть (healing brush).

3. Инструмент уточнения краев
Этот инструмент появился в версии Photoshop CS5. С его помощью можно прекрасно корректировать грани ваших отделенных от фона изображений. Этот способ тоже обратимый (недеструктивный), так как вы можете скопировать ваши уточненные грани на новый слой с маской.

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

При активном инструменте выделения кликните по опции “Уточнить край” (refine edge) на панели в верхней части окна программы.

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

Здесь важно в пункте “Вывод в” (output to) задать значение “Новый слой со слоем-маской” (new layer with layer mask):

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

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

4. Маскирующие смарт-фильтры
Многим пользователям Photoshop уже приходилось использовать смарт-фильтры. Если вы сами не сталкивались с ними, то могу вас заверить, это тоже один из прекрасных приемов для применения фильтров к вашему изображению.

Теперь маскировать можно выборочные области смарт-фильтров.

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

1. Открываем портретное фото
2. Дублируем слой с портретом
3. Применяем к дубликату фильтр гауссовского размытия
4. Стираем центральную часть продублированного слоя, проявляя оригинальный не размытый слой
5. Ваш портрет с размытыми гранями готов, но его центральная часть слишком резка

Все это можно сделать недеструктивно при помощи смарт-фильтров. Как? Самое замечательное – вам достаточно будет одного единственного слоя – слоя с портретом.

Открываем портретное фото:

Пройдите в меню Фильтр > Преобразовать для смарт-фильтров (filter>convert for smart filters). Нажмите OK. Таким образом, ваше фото будет преобразовано в смарт-объект, что позволит вам применять фильтры недеструктивно.

Теперь пройдите в меню Фильтр > Размытие > Гауссовское размытие (filter>blur>gaussian blur). Примените гауссовское размытие интенсивностью (strength) 10 пикс.:

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

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

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

5. Недеструктивная обрезка фотографий
Кадрирование – еще один инструмент Photoshop, который мы, обычно, не рассматриваем в контексте недеструктивной работы. Совершенно напрасно!

Выберите инструмент Рамка (crop tool) на панели инструментов. Затем, на панели опций в верхней части окна программы включите пункт “Скрыть” (hide) вместо установленного по-умолчанию “Удалить” (delete).

Это просто скроет участки вне рамки, вместо того, чтобы безвозвратно удалить их.

Ниже вы можете видеть правильные установки кадрирования и предварительный результат:

Вот такое прекрасное, аккуратно кадрированное изображение получится в итоге:

Теперь, если вы захотите снова отобразить скрытые в процессе кадрирования области, у вас есть два пути. Либо через меню Изображение > Показать все (image>reveal all):

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