Уроки Работа с текстом Татьяна Гапонова 13 января 2010

Создай текст в стиле граффити в Фотошоп

Сложность урока: Средний

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

Вот финальное изображение.

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

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

Шаг 2. С помощью инструмента Перо  (Pen Tool) обведите буквы в режиме Слой фигура (Shapes layers). Можно форму буквы создавать из нескольких деталей, позже будет легче  определить пропорции объекта  и пространство между буквами.

Шаг 3. Следующим шагом будет добавление контура. После настройки нужного размера  обводки (обводку можно сделать в Стилях слоя - Layer Style), отделим её от основного слоя  (а это можно сделать пройдя в меню  Слои-Стиль слоя-Образовать слой (Layer-Layer Style-Creatе Layer ) на отдельный слой и расположим ниже.

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

Шаг 5. Сделаем внутреннюю тень на буквах. Для этого дублируем слой с буквами. С помощью инструмента Прямоугольное выделение (Rectangular Marquee Tool) создадим фигуру, с помощью  этой фигуры  мы удалим ненужную часть букв (инвертировать выделение и очистить).  А так же загрузив выделение на слое с буквами, удалим ненужные участки тени с созданной фигуры.
Затем дублируем эту тень, добавляем к ней обводку, отделяем её  от слоя  ( это можно сделать пройдя в меню  Слои-Стиль слоя-Образовать слой (Layer-Layer Style-Creatе Layer ), загружаем её выделение и удаляем часть тени на слое с тенью. С помощью инструмента Ластик (Eraser Tool)скруглим и сгладим края созданной внутренней тени.  Весь процесс представлен на скриншотах ниже.

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

Шаг 6. Для объёма добавим блики на буквы. Для этого автор нарисовал два элемента: один для буквы Р, а второй для остальных букв. Разместил их на всех буквах, масштабирую и  трансформируя каждый элемент.

Шаг 7. Наша дизайнерская работа почти готова. Для того чтобы надпись сделать интереснее,  можно добавить каплю краски на нижнюю часть и небольшую тенюшку над буквой F на желтой обводке .

Шаг 8. Последний шаг - добавление тени ко всей надписи. Для этого можно слить все слои кроме фона и в Стилях слоя (Layer Style) добавить тень.

Вот результат данного труда.

Успехов вам в выполнении урока и интересных дизайнерских идей!

Автор: Filip Komorowski
 

Источник: www.artjunks.com

88 тыс. 82
Печать Жалоба

Комментарии 82

Срасибо !

Создай текст в стиле граффити в Фотошоп. Спасибо.

А какой похожий шрифт?

Благодарю!

Спасибо! Интересно!

Вот я давно делал граффити текст, но шаги некоторые похожи как в этом уроке!

плиз кто может сделайте мне так надпись Dim4iQ или Dimasik ) у меня не получилось чего то

Спасибо за урок!

а у меня вышло так

блин, ребят, а как так ровно перенести с бумаги на комп?
так аккуратно пером выделить??? как это возможно???

А вто что получилось у меня!

Рисунок взял со 2 этапа.
Урок интересный но сильно сжатый, лучше было бы описать все своими словами, а не переводить слово-в слово. :)

hebik512, можно уменьшит разрешение специално для сайта

урок прикольный, жалко выложить не могу, делал разрешение 1920 на 1680 чтобы напечатать на большом листе, а так все сделал, но описаниея действительно маловато

Симпатичный урок. но описание не очень пришлось попотеть что бы добиться нужного эффекта.

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

Добавил ещё искорки !

а дайте на похожий шрифт ссылку

Супер урок!!!

как сделать самой фотошоп ответьте прямо сейчас?

Мудно =) хороший урок

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее