как сделать надпись в фотошопе как на стене

Граффити на стене в Photoshop

Путём нехитрых манипуляций я получил вот такой результат, затратив всего несколько минут времени:

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

Фоном для граффити послужит кирпичная стена, изображение с которой скачать можно на этой страничке:

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

Создаём карту смещения (Displacement Map)

Для того, чтобы наш будущий текст повторял неровности поверхности, на которой он будет нанесён, создадим картe смещения (Displacement Map), которую мы будем использовать в дальнейшем. Кстати, «Displacement Map» можно перевести как «карта объёма».

Для начала, давайте преобразуем изображение в чёрно-белое, это проще всего сделать нажатием комбинации клавиш Ctrl+Shift+U. Затем, мы должны увеличить его контраст. Есть несколько способов добиться этого, но я пришёл к выводу, что в данном случае использование инструмента «Уровни» (Levels) даст нам наилучшие результаты. Нажмите комбинацию клавиш Ctrl+L для открытия диалогового окна «Уровней», и, затем, сместите крайние чёрные и белые ползунки несколько к центру:

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

Теперь наше изображение должно иметь примерно такой вид:

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

Теперь наступил очень важный момент. Сохраните полученное изображение обязательно в формате PSD, иначе вы не сможете выбрать его в дальнейшем. Я назову этот файл disp_map.psd.

Текст

Подошло время создания текста!
Для надписи, вы можете, конечно, использовать любой шрифт, который захотите, но чтобы получить лучший эффект «граффити» в вашем дизайне, рекомендуется использовать шрифт именно в стиле граффити. В данном примере я использовал шрифт Zit Graffiti, скачать, который, вместе с другими шрифтами этого стиля, в т.ч., поддерживающими русские буквы, вы можете на этой страничке. Но, к сожалению, сам Zit Graffiti кириллицу не поддерживает. Я выбрал его из-за того, что при вводе в строчных букв, буквы залиты цветом, а если Вы вводите буквы верхнего регистра, то получаете только контур. Так как я хочу, чтобы мой текст был залит цветом, я буду вводить текст в нижнем регистре. Для примера я вбил своё имя:

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

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

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

Применив эти стили, я получил такой результат:

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

Придаём тексту рельеф

На надпись на стене должна повторять неровности стены, т.е иметь рельеф. Для этого мы и используем сделанную ранее карту смещения.

Одно важное дополнение. Перед тем, как применить карту, преобразуем наш текст в
смарт-объект (Smart Object) для того, чтобы при необходимости редактировать текст, его стили слоя и цвета на более позднем этапе, после применения фильтра «Смещение»:

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

Нажимаем ОК, после чего появляется окно выбора файла, где нам следует выбрать сохранённый файл PSD с картой смещения, который мы созданный в начале, у меня этот файл называется disp_map.psd:

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

Вот что получилось у меня после этого. Текст вроде-как начал принимать форму стены, но, пока ещё, мы далеки от идеала:

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

Смешивание слоёв

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

Этот раздел содержит два бара. Верхний для текущего (активного) слоя, и нижний для слоя, находящегося под ним. Оба бара содержат слайдер регулировки теней и светов, которые и позволяют смешивать активный слой, и/или слой под ним (нижележащий слой, или, как в офиц. переводе, подлежащий). В нашем случае, мы хотим смешать тени и блики кирпичной стены (подлежащий слой) с текстом.

как сделать надпись в фотошопе как на стене. Смотреть фото как сделать надпись в фотошопе как на стене. Смотреть картинку как сделать надпись в фотошопе как на стене. Картинка про как сделать надпись в фотошопе как на стене. Фото как сделать надпись в фотошопе как на стене

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

Если зажать клавишу Alt и кликнуть по ползунку, то он разделится надвое, а эти половинки следует несколько раздвинуть:

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *