Рубрика: Photoshop Уроки | Урок прочитали: 1342
 (голосов: 0)

Граффити текст в Фотошоп

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

Видео версия урока

Финальное изображение

Изображение, с которым мы начнём работать это обычная кирпичная стена, которую можно найти где угодно, но если у вас такого изображение нет, то вам поможет ресурс Shutterstock.

Прежде чем мы начнём работу над текстом, создадим карту смещения, она пригодится нам в дальнейшем. Карта смещения, это обычно высококонтрастная черно-белая версия Вашего изображения, которая поможет 'подогнать' наш текст, соответствуя изгибам кирпичам стены.
Начнём с преобразования изображения со стеной в чёрно-белое. Это можно сделать быстро с помощью комбинации клавиш Ctrl + U.

После обесцвечивания изображения нам необходимо повысить его контраст. Есть несколько способов достигнуть этого, но автор предлагает воспользоваться Уровнями (Levels), чтобы усилить тени и повысить света.

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

Теперь займёмся текстом. Откройте снова цветное изображение с кирпичной стеной, не перепутайте с файлом для карты смещения.

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

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

Как только вы применили все стили у вас должен быть примерно такой результат.

Теперь когда текст готов, займёмся применением карты смещения, которую мы создали ранее.  Прежде чем добавить фильтры, преобразуем слой с текстом в смарт объект. Сделать это можно в меню Фильтр – Преобразовать для смарт фильтров (Filter – Convert for smart filters). Это позволит вам редактировать текст и цветовую гамму на более позднем этапе, если это необходимо! А теперь идём в меню Фильтр – Искажение – Смещение (Filter – Distort – Displace).

Настройки фильтра ниже на скриншоте.

Горизонтальная и вертикальная шкала значений будет контролировать, насколько эффективно смещение. Чем выше значение, тем большее искажение применяется к слою. Нам большое искажение не нужно, поэтому значений 3 или 4 вполне хватит. После нажатия на кнопку ОК, вы перейдёте к выбору PSD-файла, сохраненного ранее.

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

Очевидно, что смещение сделало свою работу, исправив совершенно прямые границы текста, но этого недостаточно. Теперь нужно сделать надпись на стене более реалистичной. Есть несколько способов, которыми это можно сделать, в том числе экспериментировать с различными режимами наложения, но автор предлагает воспользоваться способом Наложить если (Blend If).

Чтобы получить доступ к этой функции, откройте окно стилей слоя в меню Слои – Стиль слоя – Параметры наложения (Layer > Layer Styles > Blending Options).

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

Расположите маркеры как показано на скриншоте – тени вправо, света влево. Вы увидите, как слой с кирпичной стеной смешается с текущим слоем.

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

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

Урок окончен, успехов!

           

Похожие файлы и публикации:

Граффити текст в Фотошоп
В этом коротком уроке я покажу вам, как создать текст с эффектом мозаики, используя случайные фотографии и жирный шрифт. Все что вам нужно – это несколько хороших фотографий, разные по творчеству, которые можно достать везде. Это очень легко осуществить, единственное, вы можете получить очень впечатляющие результаты, если вы вложите свой творческий ум в работу.
Граффити текст в Фотошоп
Этот урок создан для того, чтобы показать вам как можно интересно оформить дизайн текста с помощью несложных действий и не затратив на работу много времени. Начнём урок, читайте внимательно, если что-то не совсем понятно -  спрашивайте. Пишу это,  потому что в процессе перевода поняла, что автор подробно урок не описывает, не говоря уже о мельчайших деталях
Граффити текст в Фотошоп
В этом уроке вы научитесь делать очень интересный, стильный эффект для текста. Говорить о нём можно очень много и долго, так как этот эффект нынче очень моден и часто используется как для дизайнерских текстовых надписей, так и для текста вообще. А пока одни будут ещё говорить, мы не тратя время даром, пожалуй, уже начнём урок! Вот собственно о чём пойдёт речь. Нравится? Тогда вперёд!
Граффити текст в Фотошоп
Мы собираемся создавать "пивной текст"!  Экспериментируйте со стилями слоя, чтобы получить более точный результат!
Граффити текст в Фотошоп
В этом несложном уроке автор расскажет, как создать старинный текст с блестящим, золотым эффектом.
Граффити текст в Фотошоп
 В этом уроке, мы будем создавать блестящий Солнечный эффект текста, используя стили слоя и размытие фильтров. Это простой урок, но результат удивительный.
Граффити текст в Фотошоп
В этом уроке будет показано, как создать красивый текстовый эффект при помощи текстуры печенья и стилей слоя. Метод очень простой и не займёт больше 30 минут.
Граффити текст в Фотошоп
Этот урок посвящен световым эффектам. При их создании, мы будем использовать режимы наложения, например, Осветление  основы  (Color Dodge). Этот режим наложения является очень важным  и мощным  для создания световых эффектов в Photoshop. Прежде чем мы начнем, взгляните на изображение, которое мы будем создавать. Предлагаю вам посмотреть его реальный размер
Граффити текст в Фотошоп
Шаг 1. Создание фона Зайдите в меню File > New (Файл > Новый) и создайте новый документ 600 х 200px с белым фоном. Посмотрите на изображение ниже, если вы не уверены в настройках.
Граффити текст в Фотошоп
Несколько недель назад, прогуливаясь по улицам Нью Йорка, я увидел большой рекламный щит с плакатом к фильму «Бурлеск». Вот что действительно привлекло мое внимание, так это эффект, примененный к тексту, в эдаком ретро-казино стиле. Мне очень понравился этот эффект, и я подумал, что было бы неплохо повторить его в Photoshop.
Граффити текст в Фотошоп
Детали урока Программа: Adobe Photoshop CS2+ Сложность: Легкая Примерное время выполнения: 20 минут
Граффити текст в Фотошоп
Задумывались ли вы, как создаются анимированные GIF-файлы?  Автор урока предлагает вам за одну ночь освоить некоторые секреты анимации с помощью этого урока. Так же вы научитесь использовать Шкалу времени (Timeline) , которая доступна в версии Photoshop CS6. А теперь начнём!
Граффити текст в Фотошоп
Шаг 1. Для этого урока автор использовал изображения с DeviantART. На сайте есть фото с изображениями такого платья, так что если Вы хотите выбрать другой образ, посетите сайт.
Граффити текст в Фотошоп
В этом уроке будет  рассмотрено применение Карты смещения к векторным формам, так же будет применены Обтравочная маска и Стиль слоя, для достижения вот такого результата:
Граффити текст в Фотошоп
Шаг 1. Итак, начнем с создания нового документа размером 900х700px. Создайте новый слой в документе и залейте его любой текстурой, похожей на дерево.