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

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

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

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

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

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

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), а также уменьшите Непрозрачность (opacity) слоя примерно до 50%. Если хотите, то вы можете поменять цвет джинсовой ткани; для этого к слою Текстурирование (Textured), добавьте стиль слоя Наложение цвета (Color Overlay) с режимом наложения Цветность (Color), а затем просто выберите цвет, который вам нравится.

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

Шаг 1

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

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

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

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

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

Шаг 11

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

Шаг 12

К слою Швы по краю (Stitched Border), примените стиль слоя Тень (Drop Shadow) (цвет #000000). Преобразуйте данный слой в смарт-объект.

Шаг 13

В заключение, давайте добавим следующие стили слоя к слою со смарт-объектом Швы по краю (Stitched Border): Тень (Drop Shadow) (цвет #161616), Внутренняя тень (Inner Shadow) (цвет #161616), Тиснение (Bevel and Emboss) (цвета #ffffff и #161616), Наложение цвета (Color Overlay) (цвет #f5f5f5—вы можете использовать любой цветовой оттенок для швов на своё усмотрение).

Поздравляю! Мы завершили урок!

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

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