Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop
Design

Создаём Текст из Вышивки в программе Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product image
What You'll Be Creating

В этом уроке я покажу вам, как создать реалистичный текст из вышивки в программе Photoshop, используя кисти Швы и стили слоя.

Данный эффект Вышивки является частью Экшена Вышивка и Строчки, который доступен в моём профиле на Envato Market.

Embroidery and Stitching Photoshop Actions
Экшены Photoshop Вышивка и Строчки

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

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, Резкость (Sharpness) 16 и Интенсивность (Strength) 2. Конечно же, вы можете установить настройки фильтра на своё усмотрение.

Add Crosshatch Filter

Шаг 4

Поменяйте режим наложения для слоя Текстурирование (Textured) на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (opacity) слоя примерно до 50%. Если хотите, то вы можете поменять цвет джинсовой ткани; для этого к слою Текстурирование (Textured), добавьте стиль слоя Наложение цвета (Color Overlay) с режимом наложения Цветность (Color), а затем просто выберите цвет, который вам нравится.

Change Jeans Color

2. Создаём кисти Шов / Строчка

Шаг 1

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

Создайте новый документ в программе Photoshop со следующими размерами 27 x 5 px. Залейте задний фон чёрным цветом. Далее, идём Редактирование – Определить кисть (Edit > Define Brush). Дайте название новой кисти Шов (stitch), а затем нажмите кнопку ‘OK’.

Define Brush Preset

Теперь вы можете закрыть новый документ без сохранения, а затем возвращаемся на наш рабочий документ (с джинсовой текстурой).

Шаг 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%, равномерно по вертикали и горизонтали. Примечание переводчика: удерживайте клавишу (Shift) во время масштабирования, чтобы создать равномерное масштабирование.

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). Примечание переводчика: 1. Если панель Контуры (Paths) не активна, то идём Окно – Контуры (Window - Paths) 2. В верхнем правом углу панели контуров, нажмите на значок выпадающего меню, чтобы выбрать опцию Образовать рабочий контур (Make Work Path).

Make Work Path

Шаг 11

Выберите инструмент Кисть (Brush Tool), цвет кисти #ffffff, выберите кисть Шов 1 (stitch1). Ещё раз идём в панель Контуры (Paths), чтобы выбрать опцию Выполнить обводку контура (Stroke Path). Нажмите клавишу (Delete), чтобы удалить рабочий контур. Примечание переводчика: не забудьте создать новый слой, в противном случае, вы не сможете активировать функцию Выполнить обводку контура (Stroke Path).

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. Надеюсь, что вам понравился этот урок.

Данный эффект из вышивки, включая другие эффекты из вышивки можно создать с помощью Экшена Вышивка и Строчки, который доступен в моём профиле на сайте Envato Market.

Embroidered Text in Photoshop
Advertisement
Advertisement
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.