Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Создаём Стильный Кожаный Текст в программе Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Retro Text Effect Tutorials.
How to Create a 3D Hologram Text Effect in Adobe Photoshop
How to Create an 80s-Inspired Silver Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

Создание 3D текста не всегда требует использование 3D инструментов. В этом уроке я покажу вам простой способ применения фигур в программе Adobe Photoshop CC, включая несколько стилей слоя, чтобы создать быстро и просто стильный кожаный 3D текст. Давайте приступим!

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

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

1. Создаём Задний Фон

Шаг 1

Создайте новый документ со следующими размерами 1000 x 750px. Установите цвет переднего плана на #e4e4e2, а цвет заднего плана на #0b0b0b. Выберите инструмент Градиент (Gradient Tool), установите градиент от цвета переднего плана к цвету заднего плана, а также установите Радиальный (Radial) градиент.

Далее, щёлкните в центре холста, а затем потяните градиент в один из углов рабочего документа, чтобы создать градиент на слое с задним фоном. Продублируйте слой с Задним фоном (Background).

Gradient Fill

Шаг 2

Дважды щёлкните по дубликату слоя с Задним фоном (Background copy), чтобы применить стиль слоя Наложение узора (Pattern Overlay). В окне настроек данного стиля слоя, установите Режим наложения (Blend Mode) на Жёсткий свет (Hard Light), в качестве узора примените узор Углеродное Волокно.

Background Pattern Overlay

Шаг 3

Итак, мы применили простой узор к заднему фону.

Pattern Applied to the Background

2. Создаём Текст и Фигуру

Шаг 1

Создайте текст, расположив каждую букву текста на отдельном слое. Примените шрифт Courgette, цвет шрифта #debc8b, а также размер шрифта 350 pt.

Creating the Text

Шаг 2

Выберите инструмент Прямоугольник (Rectangle Tool), чтобы создать прямоугольник ниже текста. Цвет прямоугольника должен быть таким же, как у текста.

Add a Rectangle

Шаг 3

Выберите инструмент Преобразовать точку (Convert Point Tool), далее, щёлкая и смещая каждую опорную точку в углу прямоугольника, закруглите углы.

Modify the Rectangles Corners

Шаг 4

Выберите инструмент Выделение контура (Direct Selection Tool), далее, вы можете щёлкнуть и потянуть опорную точку, чтобы её сместить или вы можете щёлкнуть за направляющие контрольные точки, которые находятся на кончиках направляющих усиков, а затем сместить их, чтобы изменить направление кривой или потянуть вовнутрь или наружу, чтобы сделать кривую шире или уже.

Shaping the Rectangle

Шаг 5

Продолжайте редактировать опорные точки, пока вы не получите желаемую фигуру. Сместите слой с фигурой вниз, расположив ниже всех слоёв с текстом.

Final Shape

3. Группируем Буквы и Создаём Дубликаты слоёв и Слой-Фигуры

Шаг 1

Поместите каждую букву в отдельную группу. Для этого выделите слой с буквой, а затем нажмите клавиши (Ctrl+G). Назовите каждую группу согласно названию буквы.

Grouping the Letters

Шаг 2

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

Итак, отключите видимость все слоёв с группами (для этого щёлкните по глазку рядом с миниатюрой слоя) за исключением слоя с группой с первой буквой.

Making the Groups Invisible

Шаг 3

Дважды продублируйте слой с буквой. Уменьшите значение Заливки (Fill) для обоих дубликатов слоёв до 0.

Duplicate the Text Layer and Change the Fill Value

Шаг 4

Теперь продублируйте оригинальный слой с буквой, сместите дубликат слоя вниз, расположив ниже оригинального слоя с буквой, далее, щёлкните правой кнопкой мыши по данному дубликату слоя и в появившемся окне, выберите опцию Преобразовать в фигуру (Convert to Shape), затем назовите этот дубликат слоя [ваша буква текста] Shape. Примечание переводчика: например [Е] Фигура ( [Е] Shape).

Продублируйте слой-фигуру, а затем переместите дубликат слоя вниз, расположив ниже оригинала.

Converting to Shape Layers

Шаг 5

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

Итак, внутри группы слои должны быть расположены сверху вниз - для группы с буквой 'Е' следующим образом:.

  • Дубликат слой-фигуры Е 2 (E Shape copy 2)
  • Дубликат слоя с буквой Е 2 (E copy 2)
  • Дубликат слоя с буквой Е (E copy)
  • Слой с буквой Е (Е)
  • Слой -фигура Е (E Shape)
  • Дубликат Слой -фигуры Е (E Shape copy)

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

Layers Names and Order

4. Меняем Настройки Фигур

Шаг 1

Перейдите на слой Дубликат слой-фигуры 2 (Shape copy 2), а затем выберите инструмент Выделение контура (Direct Selection Tool). В панели управления данного инструмента, мы изменим пару настроек.

Вначале поменяйте Заливку (Fill) на Не показывать (None), укажите цвет Обводки (Stroke) #91741c, а также укажите Ширину обводки (Stroke Width) 1. Далее, нажмите значок Задать тип штриха (Set shape stroke type) и в выпадающем меню, выберите пунктирную форму обводки, а также установите Выравнивание (Align) на Внутри (Inside). Таким образом, мы создали швы.

The Stitches

Шаг 2

Перейдите на оригинальный слой-фигуру (Shape layer), поменяйте цвет Заливки (Fill) на #e4e4e4, цвет Обводки (Stroke) на #d4d4d4, Ширина обводки (Stroke Width) 5, а также поменяйте Выравнивание (Align) на Снаружи (Outside).

Stroke Shape Layer

Шаг 3

Перейдите на слой дубликат слой-фигуры (Shape copy layer), убедитесь, чтобы цвет Заливки (Fill) был установлен на #e4e4e4, Обводка (Stroke) на Не применять (None), а затем идём Редактирование - Свободная трансформация (Edit > Free Transform). Один раз нажмите клавишу со стрелкой направления вправо и вниз, чтобы сместить фигуру буквы на 1рх вправо и вниз. Далее, нажмите клавишу (Enter), чтобы применить изменения.

Transform the Shape copy Layer

Шаг 4

Теперь нажмите клавиши (Alt+Ctrl+Shift+T) 5 раз, чтобы продублировать слой, включая трансформацию. В результате мы создали простую 3D экструзию.

Duplicate with Transformation to Create 3D Extrusion

5. Стилизуем Швы

Дважды щёлкните по слою дубликат слой-фигуры 2 (Shape copy 2), чтобы применить следующие стили слоя.

Шаг 1

  • Размер (Size): 0
Bevel and Emboss

Шаг 2

  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Contour

    Шаг 3

    • Цвет#edd67b - но вы можете выбрать любой цветовой оттенок на своё усмотрение.
    Color Overlay

    Шаг 4

    • Цвет#5b3e03
    • Смещение (Distance): 0
    • Размер (Size): 1
    Drop Shadow

    Шаг 5

    Итак, мы стилизовали швы.

    Stitches Styled

    6. Стилизуем Основной Слой с Текстом

    Дважды щёлкните по оригинальному слою с текстом, чтобы применить следующие стили слоя:

    Шаг 1

    • Размер (Size): 18
    • Поставьте галочку в окошке Сглаживание (Anti-aliased)
    • Режим тени (Shadow Mode) - цвет: #93804d
    Bevel and Emboss

    Шаг 2

    • Узор (Pattern): Large leather (выберите текстуру кожи)
    • Глубина (Depth): 60%
    • Поставьте галочку в окошке Инвертировать (Invert).
    Texture

    Шаг 3

    • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
    • Шум (Noise): 65%
    • Цвет#e6d842
    • Источник (Source): Из центра (Center)
    Inner Glow

    Шаг 4

    Итак, мы придали тексту вид кожи.

    Leather Styling

    7. Стилизуем Первый Дубликат Слоя с Текстом

    Дважды щёлкните по первому дубликату слоя с текстом, чтобы применить следующие стили слоя:

    Шаг 1

    • Размер (Size): 21
    • Смягчение (Soften): 5
    • Уберите галочку в окошке Глобальное освещение (Use Global Light)
    • Угол (Angle): -108
    • Высота (Altitude): 58
    • Поставьте галочку в окошке Сглаживание (Anti-aliased)
    • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%
    Bevel and Emboss

    Шаг 2

    • Контур (Contour): Cove - Deep
    • Поставьте галочку в окошке Сглаживание (Anti-aliased)
    Contour

    Шаг 3

    Итак, мы добавили световые блики, чтобы придать 3D вид текстуре кожи.

    Leather 3D Highlights Layer 1

    8. Стилизуем Второй Дубликат Слоя с Текстом

    Дважды щёлкните по второму дубликату слоя с текстом, чтобы применить следующие стили слоя:

    Шаг 1

    • Размер (Size): 21
    • Смягчение (Soften): 5
    • Уберите галочку в окошке Глобальное освещение (Use Global Light)
    • Угол (Angle): 99
    • Высота (Altitude): 58
    • Поставьте галочку в окошке Сглаживание (Anti-aliased)
    • Режим подсветки (Highlight Mode): Жёсткий свет (Hard Light)
    • Цвет#fffbe2
    • Непрозрачность (Opacity): 100%
    • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 0%
    Bevel and Emboss

    Шаг 2

    • Контур (Contour): Half Round
    • Поставьте галочку в окошке Сглаживание (Anti-aliased)
    Contour

    Шаг 3

    Итак, мы усилили 3D вид текстуры кожи, а также придали ей больше глубины.

    Leather 3D Highlights Layer 2

    9. Стилизуем Оригинальный Слой-Фигуру

    Дважды щёлкните по оригинальному слою-фигуре, чтобы применить следующие стили слоя:

    Шаг 1

    • Размер (Size): 1
    • Поставьте галочку в окошке Сглаживание (Anti-aliased)
    Bevel and Emboss

    Шаг 2

    • Контур (Contour): Ring
    • Поставьте галочку в окошке Сглаживание (Anti-aliased)
    • Диапазон (Range): 100%
    Contour

    Шаг 3

    Таким образом, мы стилизовали края экструзии.

    Extrusion Edges Styling

    10. Стилизуем Экструзию

    Дважды щёлкните по первому дубликату слоя-фигуры, чтобы применить следующие стили слоя:

    Шаг 1

    • Стиль (Style): Зеркальный (Reflected)
    • Угол (Angle): 45
    • Выберите градиент steel pipe 20 из набора градиентов CHROMES.grd.
    Gradient Overlay

    Шаг 2

    • Смещение (Distance): 15
    • Размер (Size): 7
    Drop Shadow

    Шаг 3

    Итак, мы создали простое отражение 3D экструзии.

    Styling the Extrusion

    11. Применяем Карту Градиента

    Шаг 1

    Повторите все шаги для остальных букв, если вы ещё не сделали этого. Расположите свои буквы на холсте на своё усмотрение. Слегка наложите буквы друг на друга, это сделает эффект более привлекательным.

    Placing the Letters

    Шаг 2

    Как только вы это сделали, нажмите значок Создать новый слой-заливку или корректирующий слой (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся окне, выберите опцию Карта градиента (Gradient Map).

    Add Gradient Map

    Шаг 3

    Выберите градиент CSP True Sky Sunradial из набора градиентов True Sky Gradients.grd, а затем поменяйте режим наложения для данного корректирующего слоя с картой градиента на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до 10%. Это поможет слегка откорректировать цвет итогового результата.

    Modifying the Gradient Map Settings

    И мы завершили урок!

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

    Мы изменили пару настроек для слой-фигур, а затем продублировали дубликат с последующей трансформацией, чтобы создать швы, экструзию краёв, а также 3D экструзию.

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

    В заключение, мы расставили буквы и провели небольшую коррекцию цвета с помощью корректирующего слоя Карта градиента.

    Не стесняйтесь оставлять свои комментарии и предложения, а также выкладывать свои работы.

    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.