Урок создания текстового портрета в Photoshop

Урок посвящен созданию текстового портрета в Photoshop. постараемся создать модный нынче портрет из текста. Вот такой:

текстовый портрет в фотошоп
Рисунок 1 – Итоговый рисунок
Для увеличения нажмите на рисунок

Существует такая программа - Pixelmator, с ее помощью создавать портрет из текста (назовем его для простоты «текстовый портрет») просто. Но Pixelmator работает только для MAC OS. Поэтому я решила сделать урок в обычном Фотошопе (я использую Adobe Photoshop CS4) и показать на примере, что рисунки такого плана делаются за несколько телодвижений. Начнем.

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

Фотография для обработки в Photoshop
Рисунок 2 – Начальная фотография для обработки в Фотошопе
Для увеличения нажмите на рисунок

Теперь нужно обесцветить фотографию. Для этого дублируем слой background, идем в меню Image>Adjustments>Desaturate или просто жмем Shift+Ctrl+U.

Обесцвечивание фотографии с помощью Desaturate в Photoshop
Рисунок 3 – Обесцвечивание фотографии с помощью Desaturate
Для увеличения нажмите на рисунок

Теперь размоем фотографию с помощью Filter>Blur>Gaussian Blur. Радиус размытия зависит от размера фотографии. Например, у меня небольшое фото 1000*1500 пикселей, для него я поставила радиус 6,0.

 Размытие фотографии в фотошопе с помощью фильтра Gaussian Blur
Рисунок 4 – Размытие фотографии в Photoshop с помощью фильтра Gaussian Blur
Для увеличения нажмите на рисунок

Теперь инвертируем изображение: Image> Adjustments>Invert (Ctrl+I). Сохраняем рисунок как PSD (под именем, например photo2.psd), он нам пригодится в будущем.

Инвертируем изображение в Photoshop
Рисунок 5 – Инвертируем изображение
Для увеличения нажмите на рисунок

Новый этап работы. Теперь поработаем над текстом. Текст будет белым цветом, поэтому, чтобы его было лучше видно (на рабочей стадии, для удобства) создадим новый слой и зальем его черным цветом. Копируете любой текст и вставляете его так, чтоб слова заполняли все пространство и не оставалось пустого места. Шрифт я выбрала курсивный: Georgia Italic.

Добавляем текст на всю ширину рисунка
Рисунок 6 – Добавляем текст на всю ширину рисунка
Для увеличения нажмите на рисунок

Дублируем слой с текстом и меняем цвет текста на черный. Размываем этот слой с помощью Filter>Blur>Gaussian Blur (радиус небольшой, у меня 1,0). Теперь сдвигаем слой чуть-чуть вниз и вправо. Нужно, чтобы получилась как бы тень.

Добавляем тень на текст, используя фильтр размытия Gaussian Blur и сдвигая слой
Рисунок 7 – Добавляем тень на текст, используя фильтр размытия Gaussian Blur и сдвигая слой
Для увеличения нажмите на рисунок

Добавим текста разного размера. Учитывайте, что текст лучше ставить на более «ровные» части портрета, там его будет лучше видно. И снова добавляем тень (дублируем, заливаем черным, размываем, сдвигаем вниз и вправо).

Добавляем текст разного размера
Рисунок 8 – Добавляем текст разного размера
Для увеличения нажмите на рисунок

Заполним все пространство текстом! Для этого выберем мелкий шрифт, в половину меньше того, что был на первом шаге (снова-таки зависит от размера фото). Размоем с помощью Gaussian Blur, но тень не делаем! Все слои с текстом сливаем: Layer>Merge Layers (Ctrl+E).

Добавляем текст еще более мелкого размера, чтобы заполнить весь фон
Рисунок 9 – Добавляем текст еще более мелкого размера, чтобы заполнить весь фон
Для увеличения нажмите на рисунок

Теперь берем первую фотографию (еще до обработки), помещаем на самый верхний слой, поставив режим смешивания Linear Burn. Дублируем слой, ставим режим смешивания Multiply и opacity 50%.

Размещаем фотографию на самом верхнем слое в режиме смешивания Linear Burn
Рисунок 10 – Фотография размещена на самом верхнем слое в режиме смешивания Linear Burn
Для увеличения нажмите на рисунок

Используем фильтр Displace, для которого применим созданный вначале файл photo2.psd (он будет представлять собой карту смещения). Этот фильтр немного сдвинет и деформирует наш рисунок, как бы добавив теней, глубины. Открываем Filter>Distort>Displace. Величины Horizontal и Vertical Scale будут указывать, насколько сместятся цвета изображения. Параметры Stretch to Fit и Tile указывают, как размещать карту смещения: по размеру изображения или плиткой. В нашем случае размер карты совпадает с самой фотографией, поэтому выбираем Stretch to Fit. Параметры Repeat Edge Pixels (Повторять пикселы на гранях) и Wrap Around (Завернуть) вкладки Undefined Areas (Неопределенные области) определяют способ окраски пикселов по краям выделенной области.

Использоуем фильтр Displace для искажения фотографии
Рисунок 11 – Использование фильтра Displace для искажения изображения

Сливаем вместе все слои. Полученный слой дублируем, ставим режим смешивания Screen и opacity 50%. Это действие даст нам больше света на рисунке и добавит свечение. Чтобы текст и прочие мелкие детали не так сильно «впивались», размоем слой, поставив радиус Gaussian Blur на 10,0.

Сливаем слои, дублируем в режиме Screen, размываем с помощью Gaussian Blur
Рисунок 12 – Сливаем слои, дублируем в режиме Screen, размываем с помощью Gaussian Blur
Для увеличения нажмите на рисунок

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

Затемняем углы фотографии
Рисунок 13 – Затемняем углы фотографии
Для увеличения нажмите на рисунок

Автор урока – Ирина Gitane.

P.S. Если у вас есть какие-то комментарии, вопросы или пожелания – отправить сообщение можно с главной страницы сайта или на электронную почту.

blog comments powered by Disqus

© 2009–2018 Gitane Group

Электронная почта: Contact@GitaneGroup.com