Джинсовый текст со строчкой и клёпками

25 ноября 2012 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Ресурсы урока:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N).

Для основного цвета введите значение #83b7ca, а для фонового — #22576b. Залейте фон (Alt + Backspace).

Чтобы создать джинсовую текстуру, мы применим несколько фильтров. Перейдите в галерею фильтров (Filter → Filter Gallery) и выберите фильтр Halftone Pattern в категории Sketch. Введите значения, показанные на скриншоте, и нажмите ОК.

Результат:

Следующий фильтр — Smudge Stick из категории Artistic.

Последний фильтр — Grain из категории Texture.

Шаг 2

Создайте копию фонового слоя (Ctrl + J) и скройте её, кликнув на иконку глаза.

Снова перейдите на фоновый слой «Background» и откройте окно коррекции Hue/Saturation (Image → Adjustments → Hue/Saturation). Введите значения, показанные ниже.

Далее перейдите к коррекции Levels (Image → Adjustments → Levels) и переместите ползунок теней.

Шаг 3

Инструментом Horizontal Type Tool (T) напишите слово «Denim». Я использовал шрифт «Grobold» размером 300pt. В окне Character (Window → Character) установите значение трекинга на 75.

Буква «D» всё ещё стоит слишком близко к бувке «e». Позже это может привести к наложению букв друг на друга. Текстовым инструментом поставьте курсор между этими двумя буквами и установите значение кернинга на 68.

Шаг 4

Сделайте скрытую копию видимой и расположите её поверх о стальных слоёв. Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя).

Перейдите в меню Select → Modify → Expand и введите значение 6 пикселей, чтобы расширить выделенную область. Большее значение может стать причиной объединения выделенных участков.

Выберите копию фонового слоя и нажмите Ctrl + J. У Вас появится новый слой, на который будет скопирована текстура джинсы в форме букв. Копию фонового слоя снова можете скрыть или удалить.

Создайте копию слоя с текстурными буквами «Layer 1» (Ctrl + J). Установите режим наложения копии на Soft Light и понизьте Opacity до 50%. Цвет букв станет ярче, а текстура более детализированной.

Перейдите к стилям слоя «Layer 1» (кликните дважды на слое) и примените стиль Inner Shadow:

На краях букв появится слабая обводка.

Шаг 5

Создайте копию текстового слоя (Ctrl + J) и скройте оригинал. Расположите копию поверх остальных слоёв.

Кликните правой кнопкой мыши на копии и выберите пункт Convert to Shape. Текст на этом слое больше нельзя будет изменить текстовым инструментом.

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

Сначала избавьтесь от внутренней части букв, установив значение No Color для параметра Fill. Этот параметр не идентичен параметру Fill у слоя. Параметр инструмента удалит внутреннюю часть фигуры, но не тронет обводку, а параметр слоя повлияет и на оба элемента.

Шаг 6

Сейчас добавим обводку. Кликните на иконке параметра Stroke и выберите значение Solid Color. Затем кликните на иконке редактора цвета и введите значение #c0b384.

В поле толщины обводки введите значение 3pt и выберите пунктирную линию. Чтобы изменить другие параметры обводки, нажмите на кнопку More Options.

Введите значения, показанные ниже. Параметр Dash определяет длину одной чёрточки, а параметр Gap — расстояние между ними.

Шаг 7

К слою со строчкой примените следующие стили:

Если Вам покажется, что строчка слишком выделяется, понизьте Opacity слоя до 85%.

Шаг 8

Выделите копию слоя «Layer 1».

Через иконку чёрно-белого круга в нижней части палитры слоёв создайте корректирующий слой Hue/Saturation. Благодаря выделенной области для этого слоя будет создана маска, которая ограничит область применения коррекции.

Снова выделите тот же слой с буквами и создайте корректирующий слой Levels.

Шаг 9

Выберите инструмент Brush Tool (B) и перейдите в палитру кистей (F5). Выберите кисть «Dune Brush» и настройте её так:

Шаг 10

Кликните правой кнопкой мыши на оригинальном текстовом слое и выберите пункт Create Work Path.

Установите основной цвет на #597f91, цвет фона — #081f30. Создайте новый слой (Ctrl + Shift + N) под слоями с текстурными буквами и назовите его «Stroke».

Выберите инструмент Direct Selection Tool (A), кликните правой кнопкой мыши на контуре и выберите пункт Stroke Path.

В появившемся окне выберите пункт Brush и уберите галочку с функции Simulate Pressure, если она установлена. Нажмите ОК.

Контур будет обведён настроенной кистью, и мы получим маленькие нити по контуру букв. Чтобы усилить эффект, сделайте ещё пару обводок.

Когда получите более реалистичные края джинсы, нажмите Enter, чтобы удалить контур.

Шаг 11

К слою «Stroke» примените стиль Drop Shadow.

Тень создать эффект глубины.

Шаг 12

Поверх всех слоёв создайте слой «Dirt». Установите его режим наложения на Darker Color, а основной цвет на #8c6239.

Выделите слой с текстурными буквами «Layer 1». Затем добавьте к имеющейся выделенной области обводку (удерживая Ctrl + Shift, кликните на миниатюре слоя).

Любой кистью ржавчины добавьте немного грязи на текст. Как закончите, не убирайте выделение.

Шаг 13

Создайте новый слой поверх остальных и назовите его «Clouds». Установите цвета по умолчанию (D) и примените фильтр Clouds (Filter → Render → Clouds). После этого можно убрать выделение (Ctrl + D).

Установите режим наложения слоя «Clouds» на Overlay и понизьте Opacity до 20%. Благодаря облакам на тексте будет неравномерное освещение.

Шаг 14

Создайте корректирующий слой Gradient Map.

Установите режим наложения этого слоя на Soft Light и понизьте Opacity до 50%.

Градиент: #504d44#aba277

Шаг 15

Создайте новый слой между слоями «Clouds» и «Dirt», назовите его «Rivets».

Примените к нему следующие стили:

Установите основной цвет на #564a2e и выберите жёсткую 13-пиксельную кисть. Нарисуйте клёпки на буквах.

Конечный результат:

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

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

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

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

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

Обсуждение урока

Спасибо за урок! Вот как-то так получилось.

Йуху, класс!