Минимализм и гранджевый текст

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

1 Шаг

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

2 Шаг

Откройте Image > Adjustments > Desaturate, чтобы перевести изображение в черно-белый режим. После этого идем в Adjustments > Brightness/Contrast и понижаем Brightness до -100, а Contrast до -90.

3 Шаг

Здесь я хочу, чтобы вы что-нибудь написали посередине вашего документа. Легкий способ найти середину — растянуть поле Horizontal Type Tool от одного края документа к другому и сделать нужную вам надпись с выравниванием по центру. В качестве шрифта я использовал крупный Tahoma жирного начертания.

4 Шаг

Теперь откроем окно стилей данного слоя и зададим ему Inner Shadow, Inner Glow и Gradient Overlay с параметрами, указанными ниже. В результате у меня получилось вот что:

5 Шаг

Снова откройте изображение с пятнами плесени и вставьте его на новом слое поверх слоя с вашим текстом. Здесь вам нужно грубо подогнать размеры картинки под ширину самой надписи. Поэтому воспользуйтесь инструментом Free Transform Tool.

6 Шаг

Теперь отключите видимость этого нового слоя с краской, чтобы добраться до текста под ним. Перейдите на слой с текстом и с помощью инструмента Magic Wand Tool создайте выделение всей темной области вокруг текста, а также не забудьте потом добавить внутренние области букв P, D и A. После этого вернитесь на новый слой с плесенью и выполните Layer > Add Layer Mask > Hide Selection. Это спрячет все ненужное и оставит лишь части заплесневевшей стены, которые соответствуют контурам вашей надписи.

7 Шаг

После этого смените режим наложения данного слоя на “Hard Light” и понизьте значение Opacity до 50%.

8 Шаг

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

9 Шаг

Теперь продублируйте ваш слой, получившийся в результате. Сместите дубль ниже оригинального текста, затем выполните Edit > Transform > Resize и уменьшите его где-то до половины величины оригинала. Поместите теперь этот текст строго под частью “PSD” вашей главной надписи. Дублируйте уменьшенную копию еще раз и перенесите ее теперь строго над частью “FAN” вашего основного текста. Подкорректируйте размеры обеих уменьшенных копий, чтобы они были красиво выровнены по буквам основной надписи.

10 Шаг

Повторите эту технику еще раз, помещая одну уменьшенную копию под частью PSD нижнего текста, а вторую — над частью FAN — верхнего.

11 Шаг

Повторяйте эти шаги снова и снова до тех пор, пока дальнейшее уменьшение станет уже ни к чему. Пользуйтесь при этом масштабированием. После всего этого выполните Layer > Merge Down и слейте все эти слои друг с другом в один единый слой.

12 Шаг

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

13 Шаг

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

14 Шаг

Далее откройте Image > Adjustments > Hue/Saturation. Задайте параметр Hue равным -10, Saturation +20, Lightness -10. Вот что у вас должно получиться в итоге:

15 Шаг

Дублируйте текстовый слой. Теперь вернитесь обратно к оригинальному слою, находящемуся под дублем и вызовите Image > Adjustments > Brightness/Contrast. Понизьте Brightness до -100, Contrast поднимите до +100. Это сделает текст полностью черным. После этого при помощи стрелок на клавиатуре сдвиньте слой вниз на 2px и вправо на 2px. Продублируйте этот слой и повторите то же самое. Повторяйте дублирование и сдвиг слоя до тех пор, пока у вас не получится полноценный 3D эффект. Затем слейте все эти черные слои текста в один.

16 Шаг

Теперь откройте меню стилей для этого слоя и примените Stroke белого цвета с 60% Opacity. На результат данной операции смотрим ниже.

17 Шаг

Сейчас вставьте на новом слое сюда фото какой-нибудь липкой ленты. Вырежьте ее из фона, подстройте по размерам и поместите на нужное место, понизив Opacity слоя до 25%.

18 Шаг

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

Заключение

Чтобы клякса качественно вписалась в композицию, ей нужно было задать режим смешения “Multiply”.

Я думаю, что вы найдете как применить знания, полученные в этом уроке. Успехов в графике!

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта psd.fanextra.com, автор перевода указан в начале урока.