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

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

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

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

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

• Шрифт False Positive
• Джинсова текстура від psddude
• Діагональний Піксельний візерунок

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

Крок 1

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

Крок 2

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

Крок 3

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

Крок 4

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

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

Крок 1

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

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

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

Крок 2

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

Крок 3

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

Крок 4

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

Крок 5

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

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

Крок 1

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

Крок 2

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

Крок 3

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

Крок 4

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

Крок 5

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

Крок 6

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

Крок 7

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

Крок 8

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

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

Крок 1

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

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

Крок 2

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

Крок 3

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

Крок 4

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

Крок 5

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

Крок 6

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

Крок 7

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

Крок 8

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

Крок 9

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

Крок 10

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

Крок 11

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

Крок 12

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

Крок 13

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

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

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

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