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

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

В этом материале я буду использовать 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).
Результат урока: