Джинсовый текст со стежками

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

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

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Ресурсы для урока:

  1. Шрифт Grobold
  2. Коллекция градиентов
  3. Кисти Rust 'n Grunge

Шаг 1. Откройте Photoshop и создайте новый документ, установив размеры, как показано на изображении ниже.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Смените основной цвет на #83b7ca и фоновый цвет на #22576b, после этого инструментом Paint Bucket Tool (G) (Заливка) заполните фон основным цветом.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Теперь мы будем создавать джинсовую текстуру, которая в дальнейшем будет применена как для фона, так и для текста. Перейдите во вкладку Filter > Filter Gallery > Sketch > Halftone Pattern (Фильтр - Галерея фильтров - Эскиз - Полутоновый узор). В открывшемся окне измените следующие параметры: Size (Размер) 1, Contrast (Контрастность) 0, Pattern Type (Тип узора) - Dot (Точка). Нажмите ОК.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Мы создали основу для джинсовой текстуры.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Выберите фильтр Filter > Filter Gallery > Artistic > Smudge Stick (Фильтр - Галерея фильтров -Имитация - Растушевка) и внесите такие изменения: Stroke Length (Длина штриха) 2, Highlight Area (Область светов) 12, Intensity (Интенсивность) 10 и сохраните настройки, нажав ОК.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Вот, что у нас получилось:

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

После этого пройдите в Filter > Filter Gallery > Texture > Grain (Фильтр - Галерея фильтров - Текстура - Зерно) и установите значения для: Intensity (Интенсивность) 11, Contrast (Контрастность) 50, а в параметре Grain Type (Тип зерна) выберите Regular (Обычный).

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

В результате текстура стала выглядеть более реалистично.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

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

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Перейдите на фоновый слой оригинал и зайдите в меню Image > Adjustments > Hue/Saturation (Изображение - Коррекция - Цветовой тон/Насыщенность). Настройки смотрите на изображении ниже.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

При помощи коррекции Levels (Уровни) немного затемните текстуру.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 3. Выберите инструмент Type Tool (T) (Текст) с параметрами: цвет - белый, шрифт - Grobold, размер 300пт, Tracking (Трекинг) 75 и напишите любой текст.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Буква D расположена очень близко к букве e - это может привести к нежелательным перекрытиям в дальнейшей работе. Чтобы это избежать, выберите инструмент текст (T), установите курсор между буквами D и e и поменяйте значение Kerning (Кернинг) до 68.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 4. Сделайте видимым копию фонового слоя и разместите её над текстовым слоем. После этого создайте выделение для текста, для этого нажмите Ctrl + клик по миниатюре текстового слоя.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Затем расширьте выделение на 6 пикселей, перейдя в Select > Modify > Expand (Выделение – Модификация – Расширить). Если вы установите значение больше 6 пикселей, то буквы могут слиться друг с другом.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

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

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Создайте копию слоя Layer 1 и задайте для нее режим наложения Soft Light (Мягкий свет), значение непрозрачности уменьшите до 50% для усиления цветов и деталей текстуры.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

К слою копии примените стиль Inner Shadow (Внутренняя тень), установив такие значения: Opacity (Непрозрачность) 50%, Distance (Смещение) 0 пикселей, Size (Размер) 2 пикселя.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

В результате края букв приобрели четкость.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 5. Сделайте копию текстового слоя и уберите видимость оригинала текстового слоя. Копию текстового слоя переместите выше всех слоев.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Сделайте клик правой кнопкой мыши по текстовому слою и из меню выберите команду Convert to Shape (Преобразовать в фигуру). Теперь текст редактироваться не будет.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Выберите любую форму во вкладке инструментов Shape Tool (U), а затем посмотрите на панель настроек вверху. В Photoshop версии CS6 появились новые параметры, с помощью которых можно легко и быстро создавать стежки.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Теперь нам нужно удалить внутреннюю часть формы, для этого кликните по значку Fill (Заливка) и в появившемся окошке выберите No Color (Нет цвета). Тем самым мы избавимся от цвета внутри формы, не затрагивая цвет стежков.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 6. Теперь осталось выполнить обводку формы. Для этого кликните по значку Stroke (Штрих) и в открывшемся окне выберите Solid Color (Чистый цвет). Затем нажмите на Color Picker (Палитра цветов) и установите цвет #c0b384.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Установите толщину штриха 3 пикселя и из списка штрихов выберите Dashed line (Пунктирная линия). Если вам нужно внести какие-либо изменения в параметре обводки, то нажмите на More Options (Другие параметры).

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

В окне More Options (Другие параметры) для параметра Align (Выровнять) установите Inside (Внутри), Caps (Концы) - Butt (Стык), Corners (Углы) - Miter (Срез). Чуть ниже измените значение первого стежка Dash (Штрих) на 2,5 и значение Gap (Пробел) на 1,0. Параметр Dash (Штрих) отвечает за длину стежка, Gap (Пробел) другими словами - это расстояние между стежками.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 7. К слою со стежками добавим некоторые стили.

Bevel and Emboss (Тиснение): в связи с маленьким размером стежков для значения Size (Размер) установите 0 пикселей, цвет для подсветки задайте #bea85a.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Contour (Контур): все настройки по умолчанию.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

В стиле внутренняя тень установите Distance (Смещение) 0 пикселей, Size (Размер) 1 пиксель.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Для стиля наложение градиента введите следующие параметры: Blend Mode (Режим наложения) - Multiply (Умножение), Opacity (Непрозрачность) 35%, Style (Стиль) - Reflected (Зеркальный). В редакторе градиентов установите такие же цвета, как и в Gold Rail G2 из коллекции градиентов.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Перейдите к стилю внешнее свечение и установите Blend Mode (Режим наложения) - Multiply (Умножение), цвет свечения #444425, Size (Размер) 0. Тем самым мы усилим эффект тени.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Вот настройки для тени: цвет тени смените на #112d37, Opacity (Непрозрачность) 80%, Distance (Смещение) 0 пикселей, Size (Размер) 7 пикселей, Contour (Контур) - Cove Deep (Глубокая выемка).

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Вот результат:

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Если на ваш взгляд стежки кажутся резкими, то понизьте значение Opacity (Непрозрачность) для этого слоя до 85%.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 8. Создайте выделение для слоя с текстурой текста.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

После этого нажмите по значку Create New Fill or Adjustment Layer (Создать новый корректирующий слой или слой-заливку) внизу панели слоев, из списка выберите Hue/Saturation (Цветовой тон/Насыщенность). Это позволит нам внести изменения только для выделенного слоя, не затрагивая другие.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Для параметра Hue (Цветовой тон) установите значение 10, для Saturation (Насыщенность) -25.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Снова создайте выделение для джинсовой текстуры текста и затемните ее при помощи коррекции Levels (Уровни).

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Для тени установите значение 30.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 9. На панели инструментов выберите Brush Tool (B) (Кисть), откройте панель для настроек кистей Window > Brush (Окно - Кисть) или F5 и из набора выберите кисть Dune Grass 112. Опираясь на изображения ниже, настройте кисть.

Brush Tip Shape (Форма отпечатка кисти):

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Shape Dynamics (Динамика формы):

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Scattering (Рассеивание):

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Dual Brush (Двойная кисть): из набора кистей выберите кисть Chalk 36.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Color Dynamics (Динамика цвета):

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 10. Перейдите на оригинал текстового слоя, сделайте клик правой кнопкой мыши и выберите команду Create Work Path (Создать рабочий контур).

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Поменяйте основной цвет на #597f91 и фоновый на #081f30. Чуть ниже двух слоев с текстурой джинсы создайте новый слой Stroke.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

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

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

В открывшемся окне выберите Brush (Кисть), уберите галочку возле Simulate Pressure (Имитировать нажим).

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

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

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Теперь края получились более реалистичные. Чтобы убрать рабочий контур нажмите Enter.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 11. К слою Stroke добавьте стиль тень, установив такие параметры: цвет #222222, Distance (Смещение) - 10 пикселей, Spread (Размах) - 15%, Size (Размер) 10 пикселей.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Тень придала плоской текстуре глубину.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 12. Выше всех слоев создайте новый слой Dirt, и смените режим наложения на Darker Color (Темнее). Поменяйте основной цвет на #8c6239.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Сначала нажмите Ctrl + клик по миниатюре слоя с джинсовой текстурой, а затем нажмите Ctrl + Shift + клик по миниатюре слоя Stroke для создания общего выделения.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Воспользуйтесь любой кистью из набора Rust 'n Grunge, чтобы добавить грязных пятен.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 13. Не снимая выделения, выше всех слоев создайте новый слой Clouds. Смените основной цвет на черный и фоновый цвет на белый и к этому слою примените фильтр Filter > Render > Clouds (Фильтр - Рендеринг - Облака). Снимите выделение Ctrl + D или Select > Deselect (Выделение - Отменить выделение).

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Для слоя Clouds задайте режим наложения Overlay (Перекрытие), измените значение непрозрачности до 20%. Тем самым мы придали текстуре яркость.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

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

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Корректирующий слой должен быть расположен поверх всех слоев. Установите режим наложения Soft Light (Мягкий свет) и непрозрачность 50%.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

В редакторе градиентов установите такие цвета: слева #504d44, справа #aba277.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Шаг 15. Между слоями Clouds и Dirt создайте новый слой Rivets.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

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

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

И в заключении нам осталось добавить заклепки. Для этого установите основной цвет #564a2e, возьмите круглую кисть размером 13 пикселей и на углах букв нарисуйте заклепки.

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

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

 title="Джинсовый текст со стежками" alt="Джинсовый текст со стежками"

Ссылка на источник урока.