Простой типографический портрет в Photoshop

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

Шаг 1

Открываем Фотошоп и создаем новое изображение произвольного рамера. Я созда изображение размера 2560x1440px. Импортируйте в это изображение ваше фото и удалите фон с вашей фотографии (я использовал фото с белым фоном, поэтому для меня это не составило труда).

Простой типографический портрет в Photoshop

Шаг 2

Дублируйте слой и выполните Image > Adjustment > Desaturate. Поучится черно-белое фото. Залейте фоновый слой беым цветом (для этого выберите фоновый слой, нажмите D, X, Alt+Backspace). Затем сохраните полученный файл в формате PSD.

Простой типографический портрет в Photoshop

Шаг 3

Создайте новое изображение примерно такого же рамера и залейте фон черным. Инструментом Horizontal Type Tool (T) создайте текстовые блоки и начните добавлять в них текст. Поиграйте со шрифтами, но помните, что они дожны быть читабельными и четкими, не используйте слишком сложные шрифты. Уменьшите межстрочный интервал, чтобы строки текста «соприкосались» друг с другом.

Выделите какие-то ключевые для вас слова. Сделайте их больше и жирнее остального текста. Я, например, выделил слова Photoshop Tutorials, Illustrator, Inspiration… Кроме того поиграйте с начертаниями текста (курсив, жирный, регулярный), выравниванием и размерами.

Примечание: Я использовал шрит Garamond. Я считаю, что он лучше всех подходит для этого эффекта.

Простой типографический портрет в Photoshop

Шаг 4

Для каждого текстового слоя выполните Layer > Layer Style > Drop Shadow. В появившемся окне установите режим смешивания Multiply, черный цвет, угол 90 градусов и значение 5px для Distance, Spread и Size.

Сгруппируйте текстовые слои (выберите текстовые слои на панели слоёв и нажмите Ctrl + G). Дублируйте группу. Для дубликата выполните Layer > Merge Group, а затем Filter > Blur > Gaussian Blur радиусом 10px. Этот слой расположите под основным текстом. Он будет использоваться для придания тексту глубины.

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

Простой типографический портрет в Photoshop

Шаг 5

Склейте все текстовые слои и выполните Filter > Distort > Displace. Первые два параметра установите на 15, далее выберите Tile и Repeat Edge Pixels. Нажмите Ok. Появится диалоговое окно, которое попросит вас выбрать файл. Выберите PSD-файл, который мы сохранили в шаге 2.

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

Простой типографический портрет в Photoshop

Шаг 6

Переместите слой с фото над слоем с текстом и установите режим смешивания этого слоя Light Burn.

Простой типографический портрет в Photoshop

Шаг 7

Фото слишком детализировано, поэтому выполним для него Filter > Noise > Dust & Scratches с радиусом 7px и Threshold (Порог) 0.

Простой типографический портрет в Photoshop

Шаг 8

Выберите текстовый слой, затем Ctrl+Клик по слою с текстом на панели слоёв. Shift+Ctrl+I, а затем Delete, чтобы удалить текст, не ежащий на фото.

Простой типографический портрет в Photoshop

Заключение

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

Этот способ, наверное, – самый легкий для создания данного эффекта, но нужно быть аккуратным, иначе можно получить совсем не то, чего ожидали 🙂

Простой типографический портрет в Photoshop

Автор: Fabio Sasso
Перевод: true-coder.ru