Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Текст из заклепок в Adobe Photoshop

17 июля 2014 | Опубликовано в Уроки | 2 Комментариев »

Сегодня мы будем создавать текст из заклепок в Adobe Photoshop. Этот урок не займет у вас много времени, зато результат выглядит очень натурально и интересно. Процесс создания текста состоит из работы кистью, а также применения стилей слоев. А завершенный вид дизайну придадут несколько корректирующих слоев.

 

Результат

Исходники

1- Шрифт ETH font (ETH Sans/EthRomainEthon.ttf).
2- Текстура FabricPlain0067 (Small 1024×625 ) texture.

Загрузите контуры

Нам понадобятся контуры, чтобы использовать их в стилях слоев позже. Для того, чтобы загрузить их, выберите в меню Edit -> Preset Manager/Редактировать>Управление наборами, и выберите Contours/Контуры в выпадающем меню Preset Type/Тип набора.

Кликните по маленькой стрелки в правой верхней части экрана и выберите Contours/Контуры.

Кликните по кнопке Append/Добавить, чтобы добавить новые контуры к уже существующим.

Шаг 1

Откройте файл “FabricPlain0067″, затем кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой-заливку в палитре Layers/Слои. Выберите тип корректирующего Levels/Уровни.

Настройте уровни как показано ниже.

Создайте текст, используя шрифт ETH, или любой другой, который вам нравится. Вы можете настроить параметры шрифта как в примере, ориентируясь на картинку ниже.

Шаг 2

Возьмите инструмент Brush/Кисть и откройте палитру Brush/Кисть (Window > Brush/Окно>Кисть). Выберите нерастушеванную кисть размера 30 px и измените для нее параметр Spacing/Интервалы на 131.

Создайте новый слой поверх всех существующих и назовите его “1″. Выберите в качестве первого цвета #726023, затем начинайте создавать заклепки поверх текста, который у вас есть в качестве ориентира.

Создавать прямые линии можно так:
1- Кликните и тяните курсор, зажимая клавишу Shift, или
2- Кликните один раз там, где хотите начать линию, зажмите Shift, затем кликните снова туда, где хотите линию закончить.

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

Шаг 3

Для более сложных букв с изгибами, вы можете воспользоваться инструментом Pen/Перо. Обведите с его помощью букву, включив опцию Path/Контур в панели настроек. Кликните один раз чтобы создать точку. Кликните и потяните, чтобы создать узел для кривой.

Возьмите инструмент Direct Selection/Прямое выделение, чтобы подправить контур. Перемещайте сами точки и корректируйте форму изгибов, работая с манипуляторами.

После того как вы закончите корректировку контура, кликните правой кнопкой по контуру и выберите Stroke Path/Обводка контура.

Выберите Brush/Кисть в меню Tool/Инструмент и нажмите Ok. Затем нажмите Enter/Return, чтобы избавиться от рабочего контура.

После того как вы закончили с обводкой букв заклепками, сделайте слой с оригинальным текстом невидимым. Для этого просто кликните по иконке с глазом напротив этого слоя в палитре Layers/Слои.

Дублируйте слой “1″, переименуйте копию в “2″, затем укажите ему параметр Fill/Заливка равный 0. Дублируйте слой “2″ и переименуйте копию в “3″.

Шаг 4

Дважды кликните по иконке слоя “1″ в палитре Layers/Слои, чтобы применить к слою следующие стили слоя /Layer Style:

– Bevel and Emboss/Тиснение:

– Contour/Контур:

– Stroke/Обводка:

Для этого стиля создайте градиент (кликнув по полоске градиента) из следующих цветов.
Цвет – Расположение бегунка:
#2c2410 – 0
#f6ee91 – 19
#2f2d13 – 37
#f9f3c3 – 63
#302e17 – 82
#faf2b2 – 100

– Inner Shadow/Внутренняя тень:

– Inner Glow/Внутреннее свечение:
Цвет: #b6b6b6

– Drop Shadow/Тень

Вот как будет выглядеть наш слой после применения этого стиля:

Шаг 5

Дважды кликните по слою “2″, чтобы применить к нему следующие стили слоя:

– Bevel and Emboss/Тиснение:

– Contour/Контур:

Результат:

Шаг 6

Дважды кликните по слою “3″, чтобы применить  к нему следующие стили слоя:

– Bevel and Emboss/Тиснение

– Contour/Контур

Вот что получится:

Шаг 7

Создайте новый корректирующий слой типа Gradient Map/Карта градиента.

Настройте его как показано ниже, используя цвета #0a1e59 и #ffc600. Затем смените Blend Mode/Режим наложения для этого слоя на Color Burn/Затемнение основы и снизьте его Opacity/Непрозрачность до 20%.

Шаг 8

Создайте новый корректирующий слой Gradient/Градиент.

Выберите градиент от прозрачного к непрозрачному от цвета #dfdbba к #5b5b5b. Смените тип градиента ра Radial/Радиальный, и настройте его как показано ниже.

Смените Blend Mode/Режим наложения этого слоя на  Linear Burn/Линейный затемнитель и снизьте Opacity/Непрозрачность до 35%. Это немного затемнит финальный результат и создаст мягкую виньетку.

Результат

Автор урока Rose

Перевод — Дежурка

Смотрите также:




Комментарии