Уроки Photoshop. Иллюстрация "Потерянное время"

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

Исходные материалы:
Задний фон
Мужчина
Девушка
Листик дерева
ШАГ 1
Мы начнём со стокового изображения Заднего фона, поэтому, откройте данное изображение в программе Photoshop.

ШАГ 2
Откройте стоковое изображение мужчины, сидящего на пирсе. С помощью инструмента Перо (Pen Tool (P) или инструментаМагнитное лассо (Magnetic Lasso tool), создайте выделение вокруг мужчины и пирса, чтобы отделить их от оригинального заднего фона. Далее, скопируйте выделенное изображение, а затем вклейте на наш документ, на новый слой поверх слоя с задним фоном, примените масштабирование при необходимости. Я назвал этот слой "мужчина".

ШАГ 3 Совмещаем мужчину с задним фоном
Для того, чтобы совместить мужчину с задним фоном, я использовал стили слоя и корректирующие слои. Давайте, применим вначале стили слоя. Я использовал опцию Наложение градиента (Gradient Overlay), чтобы изменить освещение, потому что я хотел создать больше света в верхней части изображения и больше теней в нижней части, а также использовал опциюВнутренняя тень (Inner Shadow) для имитации небольшого света по краю изображения. См. скриншот ниже.

ШАГ 4 - Проводим цветовую коррекцию изображения мужчины
Вы можете заметить, что изображение мужчины имеет слишком высокую цветовую насыщенность по сравнению с задним фоном, поэтому, я использовал пару корректирующих слоёв в качестве обтравочных масок, чтобы уменьшить насыщенность, а также придать необходимую цветность изображению мужчины для того, чтобы совместить с цветовыми оттенками заднего фона.
Вначале, я использовал корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски. Я уменьшил значение Насыщенности (Saturation) до -75%. Затем, я использовал корректирующий слой Карта Градиента(Gradient Map), также в качестве обтравочной маски.
Цветовые оттенки, которые использовались при создании градиента, указаны на скриншоте ниже. Для слоя Карта Градиента(Gradient Map), установите режим наложения Умножение (Multiply), непрозрачность слоя 90%. После того, как вы поменяете режим наложения для слоя с картой градиента на Умножение (Multiply), спина мужчины станет слишком тёмной, поэтому, я использовал мягкую кисть.
С помощью чёрной кисти с низкой непрозрачностью, я прокрасил на слой-маске корректирующего слоя поверх спины мужчины, чтобы немного ослабить эффект.

ШАГ 5 Проводим коррекцию девушки
Итак, мы совместили изображение мужчины с задним фоном. Теперь, давайте, добавим изображение девушки на наш документ. Откройте стоковое изображение девушки, отделите её от оригинального заднего фона с помощью инструмента Перо (Pen Tool) или с помощью любой другой техники выделения, с которой вы предпочитаете работать. Добавьте выделенное изображение девушки на наш документ, изменив масштаб изображения по мере необходимости. Расположите изображение девушки, как показано на скриншоте 5.
Вам также необходимо применить корректирующие слои к изображению девушки, чтобы совместить её с изображением заднего фона. Вначале, я использовал корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски. Я уменьшил значение Насыщенности (Saturation) до -40%. Затем, я добавил корректирующий слой Кривые (Curves) в качестве обтравочной маски, чтобы немного затемнить изображение девушки.
Далее, я использовал корректирующий слой Карта Градиента (Gradient Map), также в качестве обтравочной маски, и поменял режим наложения для слоя с картой градиента на Умножение (Multiply) для совмещения с цветовыми оттенками заднего фона. Нарисуйте тени на земле под девушкой, а также на дереве для создания большего реализма.

ШАГ 6 - Падающие листья
Откройте стоковое изображение листика дерева, переместите данное изображение на наш документ. Я просто продублировал данное изображение несколько раз, далее повернул и исказил листья с помощью инструмента Свободная трансформация(Free Transform tool), чтобы добавить больше разнообразия.
Также, к некоторым листьям я применил фильтр Размытие по Гауссу (Gaussian Blur), радиус размытия несколько пикселей, чтобы создать ощущение глубины резкости. Оригинальное изображение листика дерева имеет слишком высокую цветовую насыщенность и контрастность, поэтому, с помощью корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation), уменьшите насыщенность и яркость.

ШАГ 7
Далее, я использовал инструмент Осветлитель / Затемнитель (Dodge/Burn tool) на отдельном слое, который я залил50 % Серым (50% Gray). Режим наложения для этого слоя установите Перекрытие (Overlay). На скриншоте ниже, вы можете увидеть участки, которые, я осветлил и затемнил.

Урок по созданию светотеней.

ШАГ 8 - Коррекция всего изображения
Я решил изменить общий цвет всей сцены, для этого, я использовал корректирующее слои Карта Градиента (Gradient Map) иВыборочная коррекция цвета (Selective Color).
Установите режим наложения для корректирующего слоя Карта Градиента (Gradient Map) на Цветность (Color), непрозрачность слоя 20%, а для корректирующего слоя Выборочная коррекция цвета (Selective Color) на Нормальный(Normal), непрозрачность слоя 50%. В настройках корректирующего слоя Выборочная коррекция цвета (Selective Color), я изменил настройки только для каналов Нейтральные (Neutrals) и Чёрные (Blacks).
Примечание переводчика: корректирующие слои НЕ используйте в качестве обравочных масок, т.к. автор применяет коррекцию ко всему изображению.

Итоговый результат

Рисунок из фото

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

В этом материале я буду использовать Photoshop CS6, но действия и команды, применяемые в статье, подойдут для всех версий Photoshop вплоть до CS3.

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

Первое, с чего мы начнём - это создание копии оригинального изображения. Откройте фотографию в программе Photoshop, затем откройте палитру слоёв (нажать клавишу F7) и нажмите комбинацию клавиш Ctrl+J, после чего фоновый слой продублируется:

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

Теперь нам надо обесцветить изображение. Для этого пройдите по вкладке главного меню Изображение --> Коррекция --> Обесцветить (Image --> Adjustments --> Desaturate) или просто нажмите комбинацию клавиш Ctrl+Shift+U.

Теперь нам понадобится создать дубликат чёрно-белого слоя, в данный момент он у нас активен (подсвечен синим), поэтому для дублирования снова нажмите Ctrl+J:

Инвертируем цвета слоя. Пройдите по вкладке главного меню Изображение --> Коррекция --> Инверсия (Image --> Adjustments --> Invert) или просто нажмите комбинацию клавиш Ctrl+I.
Данное действие в нашем случае инвертирует значения яркости, что делает светлые участки тёмными, а тёмные - светлыми, иными словами, мы получим негатив фотографии:

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

Теперь проходим по вкладке главного меню Фильтр --> Размытие --> Размытие по Гауссу (Filter --> Blur --> Gaussian Blur)

Это открывает диалоговое окно соответствующего фильтра. Начните перемещать ползунок "Радиуса" вправо, и Вы увидите, как в документе начнёт проявляться эффект эскиза. Чем дальше вы переместите ползунок, тем больший будет применяться эффект размытия и, соответственно, будет повышаться интенсивность эффекта эскиза. Однако, если вы переместите ползунок слишком далеко, будут появляться полутона и эффект карандашного рисунка будет пропадать. В моём случае я остановился на значении 12,5 пикселей:

Кликните правой клавишей мыши по активному (верхнему) слою, при этом откроется контекстное меню, в котором наведите курсор мыши на пункт "Объединить видимые" (Merge Visible), зажмите клавишу Alt и кликните левой клавишей мыши по этому пункту. Благодаря зажатой Alt у нас появится новый слой, состоящий из двух объединённых верхних (видимых) слоёв. При этой манипуляции вид фотографии в рабочем окне документа не изменится. Вот как будет выглядеть палитра слоёв:

Изменим режим наложения этого нового слоя на "Умножение" (Multiply), это действие затемнит линии в эскизе. Если вы обнаружили, что линии стали слишком тёмными, уменьшите значение Непрозрачности (Opacity) слоя. У себя я понизил Непрозрачность до 50%:

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

Итак, продолжаем. Сделаем копию фонового слоя, находящегося внизу палитры слоёв, для чего кликаем левой клавишей мыши по этому слою и нажимаем комбинацию Ctrl+J, при этом новый слой создастся непосредственно над оригиналом.
Но нам этот слой нужен для придания цветов эскизу, поэтому мышкой перетащим его на самый верх в палитре слоёв.

Теперь осталось только изменить режим наложения на "Цветность" (Color) и уменьшить Непрозрачность (Opacity), в моём примере я задал значение Непрозрачности 65%:

Взгляните ещё раз на конечный результат:

Загибаем текст в фотошоп

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

Создайте новый документ размером 720х480px. Выберите инструмент "горизонтальный текст" (T) и напишите текст - FOLDED TEXT.

Растрируйте текстовый слой, щелкнув правой клавишей мыши по слою, и выбрав пункт "Растрировать слой". Теперь выберите инструмент "Перо" (P) в Режиме контуров и выделите часть текста как показано ниже.

Образуйте контур в выделение, щелкнув правой клавишей мыши по контуру и выбрав пункт "Образовать выделенную область" (Ctrl+Enter).
Примечание: такое же выделение можно получить при помощи инструмента "Прямолинейное лассо" (L).

При помощи инструмента "Перемещение" (V) отодвиньте выделенный участок текста в сторону.
Примечание: Если Вы хотите видеть трансформацию, включите функцию "Показать управляющие элементы" на верхней панели настроек инструмента.

Выберите инструмент "Заливка" (G) и залейте выделенный участок красным цветом - #FF0000, затем передвиньте выделенную область на место и скопируйте выделенный участок на новый слой (Ctrl+Shift+J).

Выберите слой с текстом и при помощи любого инструмента выделения выделите первые две буквы - F и O. Так же при помощи инструмента "Перемещение" (V) перетащите выделенные буквы в сторону и при помощи инструмента "Заливка" (G) залейте выделенные буквы белым цветом. Затем верните выделенные буквы на место и скопируйте их на новый слой (Ctrl+Shift+J).

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

Выберите слой с первым слогом F и O, и перейдите в Меню - Редактирование - Трансформирование - Искажение. Измените форму букв как показано ниже.

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

Теперь точно так же исказите нижний срез от буквы F.

После трансформирования текст потеряет качество, но мы можем вернуть качество при помощи инструмента "Перо" (P). Например, инструментом "Перо" (P) в Режим контуров, повторите кусочки текста, затем преобразуйте контур в выделение (Ctrl+Enter) и при помощи инструмента "Заливка" (G) залейте выделение белым и красным цветом. Помните, что каждый созданный кусочек должен быть на отдельном слое.
Примечание: Чтобы не тратить свое время, инструментом "Перо" (P) в Режиме фигур, можно сразу подрисовать текст поверх оригинального.

Результат:

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

После того как все готово, нужно определить единый цвет для всех срезов. В нашем случае это розовый цвет #FD0077. Т.к. мы воссоздали текст при помощи инструмента "Перо" (P), нам легче будет изменить цвет фигур. Для этого щелкните по миниатюре слоев с кусочками и установите нужный цвет.

Далее мы будем придавать объем при помощи Стилей слоя. Выберите слой с кусочками от букв F и O и примените Стили слоя (эти два кусочка должны находиться на одном слое).
Наложение градиента:

Цвета:

Результат:

Итак, давайте двигаться дальше. Выберите слой с нижней частью от букв F и O и применитеСтили слоя.
Наложение цвета:

Результат:

Первые буквы готовы, теперь поработаем с остальной частью текста - буквами LDED. Выберите верхние кусочки от текста LDED и примените Стили слоя (эти четыре кусочка должны находиться на одном слое).
Наложение градиента:

Цвета:

Теперь выберите нижний кусочек от буквы D и примените Стили слоя.
Наложение градиента:

Цвета:

Результат:

Теперь переходим к слову TEXT. Выберите верхние кусочки от букв TEX (эти три кусочка должны находиться на одном слое). Примените к этому слою Стили слоя.
Наложение градиента:

Цвета:

Результат:

Теперь выберите нижние три кусочка от букв TEX (эти кусочки так же должны быть на одном слое). Примените к этому слою Стили слоя.
Наложение градиента:

Цвета:

Результат:

Теперь осталось поработать с последней буквой. Выберите верхний кусочек от буквы T и примените Стили слоя.
Наложение градиента:

Цвета:

Результат:

Теперь выберите нижний кусочек от буквы T и примените к нему Стили слоя.
Наложение цвета:

Вот и все! Наш текст готов!

Теперь можно добавить тень от текста при помощи инструмента "Кисть" (B) с уменьшенной Непрозрачностью. Слой с тенью должен быть ниже слоев с текстом. Так же можно изменить цвета каждой буквы или отдельного слова. Для этого необходимо объединить все кусочки от букв в один слой (Ctrl+E) и перейти в Меню - Изображение - Коррекция - Цветовой тон/Насыщенность (Ctrl+U).
Результат урока: