Advertisement
  1. Design & Illustration
  2. Adobe Photoshop
Design

Як створити реалістичний ефект вишитого тексту в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

Ukrainian (українська мова) translation by Elen (you can also view the original English article)

Final product image
What You'll Be Creating

В цьому уроці я покажу вам, як створити реалістичний ефект вишитого тексту в програмі Photoshop, використовуючи пензлі Шви та стилі шару.

Даний ефект Вишивки є частиною Embroidery and Stitching Photoshop Creation Kit, який ви можете знайти в моєму портфоліо на Envato Market.

Embroidery and Stitching Photoshop Actions
Embroidery and Stitching Photoshop Actions

Матеріали для уроку

Для створення даного уроку використовувалися наступні ресурси:

1. Створюємо фон з джинсової текстури

Крок 1

Створіть новий документ в програмі Photoshop розміром 1100 x 600px. Створіть новий шар, назвіть його Джинсовий фон (Jeans Background). Скопіюйтеставте на даний шар джинсову текстуру. Переконайтесь, що ви використовуєте оригінальні розміри текстуры (2000 x 1500 px).

Create Jeans Background

Крок 2

Створіть новий шар, назвіть його Текстурування (Textured), залийте його білим кольором. Переконайтесь, що фон переднього плану встановлено білий колір, а колір заднього планучорний. Далі зайдіть в Фільтр – Візуалізація – Хмари (Filter > Render > Clouds).

Add Clouds Filter

Крок 3

Перейдіть в Фільтр - Штрихи - Перехресні штрихи (Filter > Brush Strokes > Crosshatch).  Встановіть наступні значення параметрів даного фільтра: Довжина штрихів (Stroke Length) 15, Різкість (Sharpness16 та Інтенсивність (Strength) 2. Звичайно, ви можете налаштувати фільтр на свій смак.

Add Crosshatch Filter

Крок 4

Поміняйте режим накладання для шару Текстурування (Textured) на Розсіяне світло (Soft Light), а також зменшіть Непрозорість (Оpacity) шару приблизно до 50%.  Якщо бажаєте, ви можете поміняти колір джинсової тканини; для цього додайте до шару Текстурування (Textured) стиль шару Накладання кольору (Color Overlay) з режимом накладання Колір (Color), та просто оберіть колір, який вам до вподоби.

Change Jeans Color

2. Створюємо пензлі Шов/Стібок

Крок 1

Щоб завершити створення заднього фону з джинсової текстури та почати створення вишитого тексту, нам необхідні пензлі Шов/Стібок, які ми створимо з нуля.

Створіть новий документ в програмі Photoshop розміром 27 x 5 px. Залийте задній фон чорним кольором.  Далі зайдіть в Правка – Визначити стиль пензля (Edit > Define Brush).  Вкажіть ім'я нового пензля Шов (Stitch), та натисніть кнопку OK.

Define Brush Preset

Тепер ви можете закрити новий документ PSD, не зберігаючи його; тепер повертаємося до нашого робочого документу (з джинсовою текстурою).

Крок 2

Далі ми налаштуємо пензель, який ми щойно створили. Виберіть інструмент Пензель (Brush Tool), а потім виберіть пензель Шов (Stitch) в наборі пензлів. Зайдіть на панель Пензель (Brush), чтоб встановити наступні значенні: Кут (Angle) 90, Закруглення (Roundness) 50%, Інтервали (Spacing) 87%, а також встановіть Коливання кута (Angle Jitter), Контроль: Напрямок (Direction).

Create Custom Brush

Крок 3

Клікніть в верхньому правому куті в вікні налаштувань пензля і в спадаючому меню виберіть Створити стиль пензля (New Brush Preset). Назвіть новий пензель Шов 1 (Stitch1).

Create Stitch Brush

Крок 4

Далі, ми створимо другий пензель. Ще раз виберіть інструмент Пензель (Brush Tool), а потім - пензель Шов (stitch) в наборі пензлів. Зайдіть в панель Пензель (Brush), чтоб встановити наступні значення параметрів: Інтервали (Spacing) 750%, а також встановіть Коливання кута (Angle Jitter), Контроль: Напрямок (Direction).

Create Dashed Brush

Крок 5

Клікніть в правому верхньому куті на панелі налаштувань пензля та в спадаючому меню виберіть Створити стиль пензля (New Brush Preset). Назвіть новий пензель Шов 2 (stitch2).

Create Dashed Line Brush

3. Додаємо Шви

Крок 1

За допомогою інструмента Прямокутник (Rectangle Tool), намалюйте фігуру, як показано на скріншоті нижче. Фігура повинна виходити за верхній, лівий та правий краї робочого полотна.  Назвіть цей шар Облямівка джинсової тканини (Jeans Border).

Draw Rectangle

Крок 2

Далі, зайдіть в Фільтр – Деформація – Хвиля (Filter > Distort > Wave), та встановіть значення Довжини хвилі (Wave length)Амплітуди (Amplitude) і Масштабу (Scale), щоб створити хвилясту облямівку.  А також зайдіть в Фільтр – Розмиття – Гаусове розмиття (Filter > Blur > Gaussian Blur). Встановіть Радіус (Radius) розмиття 0.7 px.

Filter Distort Wave

Крок 3

Тепер додайте наступні стилі шару для Облямівки Джинсової тканини (Jeans Border)Тінь (Drop Shadow) (колір #131e26), Внутрішня тінь (Inner Shadow) (колір #131e26), Внутрішнє світіння шару (Inner Glow) (колір #ffffff), Фаска та рельєф (Bevel and Emboss) (кольори#ffffff і #131e26).

Drop Shadow
Inner Shadow
Inner Glow
Bevel and Emboss

Крок 4

Створіть новий шар, назвіть його Шов (Stitch). Виберіть інструмент Пензель (Brush Tool), з набору пензлів виберіть пензель Шов 2 (stitch2). Встановіть розмір пензля близько 13 px, колір пензля #ffffff . Утримуючи клавішу (Shift), намалюйте пряму лінію. Таким же чином додайте другий шов в нижній частині джинсової тканини.

Add Stitch

Крок 5

Для шару Шов (Stitch), додайте наступні стилі шару: Тінь (Drop Shadow), Внутрішнє світіння шару (Inner Glow), Фаска та рельєф (Bevel and Emboss), Обведення (Stroke).

Drop Shadow
Inner Glow
Bevel and Emboss
Stroke

Крок 6

Зайдіть в Фільтр – Деформація – Брижі (Filter > Distort > Ripple). Встановіть Кількість (Amount) 30%, а також Розмір (Size): Дрібний (Small). Результат повинен бути як на скріншоті нижче.

Filter Distort Ripple

Крок 7

Створіть новий шар, назвіть його Потерті края (Ripple Edge). Виберіть інструмент Пензель (Brush Tool), а потім стандартний м'який круглий пензель. Далі зайдіть в панель Пензель (Brush), щоб встановити наступні значення параметрів пензля: Розмір (Size) 50 pxКут (Angle) 90Закруглення (Roundness) 45%, Інтервали (Spacing) 150%.

Create Custom Brush

Крок 8

Намалюйте дві лінії за допомогою налаштованого пензлю, колір пензля – білий.  Поміняйте режим накладання для шару Потертий край (Ripple Edge) на Перекриття (Overlay), непрозорість шару 40%. А також додайте стиль шару Тінь (Drop Shadow) (колір #0f1114).

Add Line Border

4. Створюємо вишитий текст

Крок 1

Додайте текст, назвіть шар з тексту Вишитий текст (Embroidered Text). Використовуйте шрифт False Positive. Далі, на верхній панелі управлення інструментом текст натисніть на іконці Перемикання панелі символів і абзаців (Character and Paragraph). Встановіть Розмір шрифту (Font Size) близько 230 px, задайте Вертикальну шкалу, Горизонтальне масштабування (Vertically/Horizontally Scale), та ін., як показано на скріншоті нижче.

False Positive Font

Звичайно, ви можете використовувати будь-який шрифт на ваш розсуд, або навіть об'єднати текст з векторними фігурами. В останньому випадку вам потрібно буде перетворити шари в смарт-об'єкти.

Крок 2

Для шару Вишитий текст (Embroidered Text) додайте стиль шару Обведення (Stroke). Я роблю це для того, щоб зробити текст трохи нижче. Тепер клікніть правою кнопкою по шарі та в меню, що з'явиться, виберіть Перетворити в смарт-об'єкт (Convert to Smart Object).

Add Stroke

Крок 3

Додайте наступні стилі шару для Вишитого тексту (Embroidered Text)Тінь (Drop Shadow) (колір #000000), Внутрішня тінь (Inner Shadow) (колір #000000), Фаска та рельєф (Bevel and Emboss) (кольори #ffffff та #000000), Фаска та рельєф – Текстура (Bevel and Emboss – Texture), Візерунок (Pattern) ("піксельний діагональний візерунок")Накладання кольору (Color Overlay) (колір #686565).

Drop Shadow
Inner Shadow
Bevel and Emboss
Bevel and Emboss Texture
Color Overlay

Крок 4

Ще раз перетворіть шар на смарт-об'єкт, щоб можна було додатково додати стилі шару без растеризування ефектів. Натисніть Ctrl+T для трансформації тексту, а також для збільшення масштабу до 130%, рівномірно по вертикалі та горизонталі.

Convert to Smart Object

Крок 5

Продублюйте шари зі смарт-об'єктом Вишитий текст (Embroidered Text), назвіть дублікат шару Тінь (Shadow). Змістіть даний дублікат вниз, розмістивши його нижче оригінального шару зі смарт-об'єктом Вишитий текст (Embroidered Text).

Крок 6

Тепер ми додамо стилі до двох шарів.  Розпочнемо з шару зі смарт-об'єктом Вишитий текст (Embroidered Text).  Додайте наступні стилі шару: Внутрішня тінь (Inner Shadow) (колір #000000), Фреска та рельєф (Bevel and Emboss) (кольори #ffffff та #000000), Накладання кольору (Color Overlay) (колір #ffc000) та Накладання градієнта (Gradient Overlay) (кольори #ffffff та #ffffff). Ви можете вибрати будь-який колір в якості кольору накладання, тільки не забудьте відрегулювати непрозорість накладання градієнта, якщо ви будете використовувати темніший чи світліший тон.

Inner Shadow
Bevel and Emboss
Color Overlay
Gradient Overlay

Крок 7

Щоб ефект мав більш реалістичний вигляд, застосуємо фільтр Брижі (Ripple), для чого зайдемо в Фільтр – Деформація – Брижі (Filter > Distort > Ripple), а також фільтр Шум (Noise), Фільтр – Шум – Додати Шум (Filter > Add Noise > Noise).  Обидва ефекта ми застосовуємо в якості смарт-фільтрів, тому в будь-який момент ви можете відредагувати їх, для чого просто двічі клікніть по назві фільтра.

Filter Distort Ripple and Noise

Крок 8

Перейдіть на шар Тінь (Shadow), зменшіть значення заливки (Fill) до 0%. Далі додайте стиль шару Фреска та рельєф (Bevel and Emboss) (кольори #ffffff і #000000). Вишитий текст повинен виглядати, як на скріншоті нижче.

Embroidered Text

Крок 9

Створіть новий шар нижче шару Тінь (Shadow). Назвіть його Шви по краям (Stitched Border). Утримуючи клавішу (Ctrl), клікніть по мініатюрі шару Вишитий Текст (Embroidered Text), щоб зробити активне виділення навколо тексту.  Далі, зайдіть в Виділити – Модифікувати - Розгорнути (Select > Modify > Expand). Задайте значення Розгорнути на (expand by) 5 px.

Expand Selection

Крок 10

Далі, зайдемо на панель Контури (Paths), щоб вибрати опцію Створити робочий контур (Make Work Path).

Make Work Path

Крок 11

Виберіть інструмент Пензель (Brush Tool), колір #ffffffШов1 (stitch1).  Ще раз заходимо на панель Контури (Paths), щоб вибрати опцію Виконати обведення контуру (Stroke Path).  Клікніть Delete, щоб видалити робочий контур.

Stroke Path

Крок 12

Застосуйте до шару Шви по краям (Stitched Border) стиль шару Тінь (Drop Shadow) (колір #000000). Перетворіть даний шар в смарт-об'єкт.

Drop Shadow

Крок 13

Наостанок, давайте застосуємо наступні стилі до шару зі смарт-об'єктом Шви по краям (Stitched Border): Тінь (Drop Shadow) (колір #161616), Внутрішня тінь (Inner Shadow) (колір #161616), Фреска та рельєф (Bevel and Emboss) (колір #ffffff і #161616), Накладання кольору (Color Overlay) (колір #f5f5f5, або будь-який інший на ваш розсуд).

Drop Shadow
Inner Shadow
Bevel and Emboss
Color Overlay

Вітаю! Ви це зробили!

В цьому уроці ви дізналися, як створити вишитий текст в програмі Photoshop. Сподіваюсь, урок вам сподобався!

Даний ефект вишитого тексту є частиною Embroidery and Stitching Photoshop Creation Kit, який можна знайти в моєму портфоліо на Envato Market.

Embroidered Text in Photoshop
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.