Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Создаём Текст в виде Красочной Подвески в программе Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Ищите красивый подарок? В этом уроке я покажу вам, как использовать стили слоя, текстуры и фигуры, чтобы создать яркий и красочный текст в виде подвески. ОК. Давайте приступим!

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

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

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

Шаг 1

Создайте новый документ со следующими размерами 1024 x 683px. Расположите текстуру Атласной ткани поверх слоя с Задним фоном (Background). Примените масштабирование по мере необходимости.

Adding the Satin Texture

Шаг 2

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

Levels Layer

Шаг 3

В окне настроек корректирующего слоя Уровни (Levels), установите значение Гаммы (Gamma) на 1.85, а значение Световых бликов (Highlights) на 205. Таким образом, мы сделаем текстуру светлее.

Levels Settings

2. Создаём Текст и Стилизацию Обводки

Шаг 1

Создайте текст, используя шрифт Sedona Script FLF, размер шрифта 350pt, цвет шрифта #f062b2.

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

Creating the Text Layers

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

Шаг 2

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

  • Метод (Technique): Обводящее тиснение (Stroke Emboss)
  • Размер (Size): 8
  • Контур Глянца (Gloss Contour): Конус (Cone)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Непрозрачность (Opacity): 75%
  • Режим тени (Shadow Mode) – Умножение (Multiply) Непрозрачность (Opacity): 50%
Bevel and Emboss

Шаг 3

Выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:

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

Шаг 4

Далее, выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 5
  • Положение (Position): Снаружи (outside)
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 90
  • Используйте градиент stove pipe 80
Stroke

Шаг 5

Далее, выберите следующий стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

  • Непрозрачность (Opacity): 45%
  • Смещение (Distance): 11
  • Размер (Size): 20
Drop Shadow

Шаг 6

Щёлкните по значку ‘+’, чтобы добавить ещё один стиль слоя Тень (Drop Shadow).

Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Затемнение основы (Color Burn)
  • Непрозрачность (Opacity): 15%
  • Смещение (Distance): 10
  • Размер (Size): 5
Drop Shadow 2

Итак, мы создали стилизацию обводки кулона.

Styled Stroke

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

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

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

  • Размер (Size): 16
  • Контур Глянца (Gloss Contour): Двойное кольцо (Ring-Double)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
  • Режим тени (Shadow Mode) – Затемнение основы (Color Burn)
  • Цвет: #4c0d33
Bevel and Emboss

Шаг 2

Далее, выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:

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

Шаг 3

Далее, выберите следующий стиль слоя Текстура (Texture). Установите следующие настройки для данного стиля слоя:

  • Узор (Pattern): Metallic Snakeskin Примечание переводчика: в качестве узора автор применяет металлическую текстуру змеиной кожи.
Texture

Итак, мы применили стилизацию к первому дубликату слоя с текстом.

Styled Text Layer 1

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

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

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

  • Размер (Size): 18
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Угол (Angle): 135
  • Высота (Altitude): 74
  • Контур Глянца (Gloss Contour): Перевёрнутый конус (Cone - Inverted)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Режим тени (Shadow Mode) – Линейный затемнитель (Linear Burn)
  • Цвет: #11d6b3
Bevel and Emboss

Шаг 2

Далее, выберите следующий стиль слоя Текстура (Texture). Установите следующие настройки для данного стиля слоя:

  • Узор (Pattern): Metallic Snakeskin
Texture

Итак, мы применили стилизацию ко второму дубликату слоя с текстом.

Styled Text Layer 2

5. Создаём Крепёжные Колечки

Шаг 1

Выберите инструмент Эллипс (Ellipse Tool). Нажмите и удерживайте клавишу (Shift), нарисуйте круг 25 x 25 px. Отпустите кнопку мыши и клавишу.

Нажмите и удерживайте клавишу (Alt), чтобы вычесть маленький круг из большого круга.

Щёлкните+потяните курсор, отпустите клавишу (Alt), теперь нажмите и удерживайте клавишу (Shift). Далее, создайте круг поменьше размером 15 x 15 px.

Вы можете нажать и удерживать клавишу Пробел (Spacebar) для перемещения маленького круга. Отпустите клавишу Пробел (Spacebar), когда маленький круг будет в центре большого круга. Таким образом, мы создадим фигуру кольца. Примечание переводчика: 1. нажатие клавиши (Alt) позволяет переключиться на режим Вычесть из области фигуры (Subtract from Shape Area) 2. Чтобы нарисовать кольцо, вначале нарисуйте круг с помощью инструмента Эллипс (Ellipse Tool) в режиме слой-фигура, а затем удерживайте клавишу (Alt), нарисуйте маленький кружок внутри большого круга. 3. Выберите инструмент Выделение контура (Direct Selection Tool), щёлкните по контуру маленького круга и с помощью трансформации (Ctrl+T), вы можете масштабировать кружок и перемещать его внутри большого круга. 4. Преобразуйте слой с нарисованным крепёжным кольцом в смарт-объект.

Creating the Ring Shape

Шаг 2

Продублируйте слой с фигурой Эллипса 1 (Ellipse 1) три раза. Назовите второй дубликат слоя Эллипс 2 (Ellipse 2), а третий дубликат слоя Эллипс 2 копия (Ellipse 2 copy). Примечание переводчика: первый дубликат слоя будет Эллипс 1 копия (Ellipse 1 copy).

Расположите фигуры колец Эллипса 1 (Ellipse 1) и Эллипса 1 копия (Ellipse 1 copy) где-нибудь на крае первой буквы, а фигуры колец Эллипса 2 (Ellipse 2) и Эллипса 2 копия (Ellipse 2 copy) где-нибудь на крае последней буквы.

Placing the Ring Shapes

6. Стилизуем нижний Слой с Кольцом

Дважды щёлкните слою Эллипс 1 (Ellipse 1), чтобы применить следующие стили слоя.

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

  • Размер (Size): 7
  • Контур Глянца (Gloss Contour): Кольцо (Ring)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 50%
Bevel and Emboss

Шаг 2

Далее, выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:

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

Шаг 3

Далее, выберите следующий стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

  • Непрозрачность (Opacity): 45%
  • Смещение (Distance): 11
  • Размер (Size): 20
Drop Shadow 1

Шаг 4

Добавьте ещё один стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode) – Затемнение основы (Color Burn)
  • Непрозрачность (Opacity): 15%
  • Смещение (Distance): 10
  • Размер (Size): 5
Drop Shadow 2

Шаг 5

Итак, мы применили стилизацию к нижнему слою с кольцом.

Щёлкните правой кнопкой мыши по слою Эллипс 1 (Ellipse 1) и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style). Далее, щёлкните правой кнопкой мыши по слою Эллипс 2 (Ellipse 2 layer) и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).

Copy and Paste Layer Style

7. Стилизуем Дубликаты Слоёв с Кольцами

Дважды щёлкните по слою Эллипс 1 копия (Ellipse 1 copy), чтобы применить следующие стили слоя.

Шаг 1

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:

  • Размер (Size): 7
  • Контур Глянца (Gloss Contour): Кольцо (Ring)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 50%
Bevel and Emboss

Шаг 2

Далее, выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:

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

Шаг 3

Итак, мы применили стилизацию ко второму дубликату слоя с кольцом. Скопируйте / вклейте стили слоя к слою Эллипс 2 копия (Ellipse 2 copy).

Copy and Paste Layer Style

8. Добавляем Цепочку

Шаг 1

Откройте исходное изображение с кулоном. С помощью инструмента Лассо (Lasso Tool), выделите правый фрагмент цепочки. Вы можете воспользоваться инструментом Быстрое выделение (Quick Selection Tool) или инструментом Магнитное лассо (Magnetic Lasso Tool), чтобы создать выделение вокруг фрагмента цепочки.

Далее, идём Редактирование – Скопировать (Edit > Copy), а затем возвращаемся на наш рабочий документ.

Select the Chain

Шаг 2

Идём Редактирование- - Вклеить (Edit > Paste), а затем идём Изображение – Коррекция – Обесцветить (Image > Adjustments > Desaturate).

Расположите слой с фрагментом цепочки поверх всех слоёв с Эллипсами (Ellipse), примените масштабирование при необходимости. С помощью инструмента Перемещение (Move Tool), расположите фрагмент цепочки над правым крепежным колечком.

Adding the Chain

Шаг 3

Скопируйте / вклейте стили слоя слоя Эллипс 1 (Ellipse 1) к слою с фрагментом цепочки. Дважды щёлкните по слою с цепочкой, чтобы появилось окно настроек стилей слоя. Отключите стили слоя Тиснение (Bevel and Emboss) и Контур (Contour).

Таким образом, мы применили единственный стиль слоя Тень (Drop Shadow) к слою с цепочкой.

Adding the Drop Shadow Effects

Шаг 4

Продублируйте слой с цепочкой. Далее идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Vertical). Расположите отражённый по вертикали фрагмент цепочки над левым крепёжным колечком.

Flip the Chain Copy

9. Добавляем Блики и Размытие на Задний фон

Шаг 1

Создайте новый слой поверх всех остальных слоёв. Назовите этот слой Блики (Flares), поменяйте режим наложения для данного слоя на Линейный свет (Linear Light).

Выберите инструмент Кисть (Brush Tool), установите цвет переднего плана на #f4f1e2.

Выберите любую кисть из набора кистей Звёзды и Блики, уменьшите размер, если хотите, то вы также можете изменить угол наклона в панели настроек кисти Окно - Кисть (Window > Brush). Добавьте несколько маленьких бликов на самые яркие участки текста.

Adding the Flares

Шаг 2

Перейдите на слой с атласной тканью, а затем идём Фильтр - Галерея фильтров Размытия – Тилт-Шифт (Filter > Blur Gallery > Tilt-Shift). Установите значение Размытия (Blur) на 7, а затем потяните линии, чтобы получить результат, который вам нравится.

Tilt-Shift Blur

10 Добавляем Тени

Шаг 1

Выделите все слои с текстом, с эллипсами и фрагментами цепочки. Продублируйте выделенные слои, а затем щёлкните правой кнопкой по любому из продублированных слоёв и в появившемся окне, выберите опцию Очистить стили слоя (Clear Layer Style). Далее, идём Слой- Объединить слои (Layer > Merge Layers).

Назовите объединённый слой Тень (Shadow), расположите данный слой поверх корректирующего слоя Уровни (Levels).

Create the Shadow Layer

Шаг 2

Далее, идём Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Уменьшите значение Яркости (Lightness) до -100.

Lightness Value

Шаг 3

Идём Фильтр – Преобразовать для Смарт-фильтров (Filter > Convert for Smart Filters), а затем идём Фильтр – Размытие- Размытие в движении (Filter > Blur > Motion Blur). Поменяйте Угол (Angle) на -35, а значение Смещения (Amount) на 115.

Motion Blur

Шаг 4

С помощью инструмента Перемещение (Move Tool), расположите тень так, чтобы она падала от текста.

Move the Shadow

Шаг 5

Поменяйте режим наложения для слоя с тенью на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до 7, или установите значение непрозрачности на своё усмотрение.

Shadow Layer Settings

Шаг 6

В заключение, с помощью инструмента Перемещение (Move Tool), слегка сдвиньте слой Эллипс 1 копия (Ellipse 1 copy) и Эллипс 2 копия (Ellipse 2 copy). Это создаст ощущение 3D вида.

Nudge the Top Rings

Шаг 7

Не забывайте, что вы можете смещать и менять размеры любой детали созданного эффекта, если захотите внести изменения.

Finishing Touches

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

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

Далее, с помощью инструмента Эллипс (Ellipse Tool), мы создали фигуры колец, к которым также применили стилизацию. Используя исходное изображение, мы создали фрагменты цепочки, провели коррекцию цвета, применили стилизацию и добавили к тексту. В заключение, мы добавили несколько бликов и размыли задний фон, чтобы завершить эффект.

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

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.