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

Создаём Текст с Золотым Орнаментом в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

В этом уроке я покажу вам, как создать текстовый эффект, украшенный золотом в Adobe Photoshop CC. А в качестве бонуса вы узнаете, как создавать бесшовные текстуры.

Я знаю, что многие читатели Envato Tuts + из Индонезии, поэтому я решил создать этот урок, используя индонезийское слово. "Mulia" означает "благородный" на индонезийском языке, и на мой взгляд, это слово отлично сочетается с текстовым эффектом, который мы собираемся создать.

Данный текстовый эффект является частью эффектов Эпические Металлические Стили 3. Полный пакет включает 15 различных текстовых эффектов, а также совместим с фигурами и текстом.

Epic Metallic Styles 3 promo image
Эпические Металлические Стили 3

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

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

  • Шрифт Titania
  • узоры и градиенты внутри zip файла в приложении к этому уроку (выборочно)

1. Создаём Декоративный Узор

Шаг 1

Создайте новый документ 2000 x 2000 px, установите Разрешение (Resolution) 300. Назовите этот документ ‘Ornamental Pattern’.

Creating a new document

Шаг 2

Нажмите клавиши (Shift+Backspace), чтобы открыть окно Заполнить (Fill). Из выпадающего меню, выберите опцию Цвет… (Color...), а затем установите цветовой оттенок на #1a1515.

Changing the color of the background

Шаг 3

Выберите инструмент Кисть (Brush Tool (B), установите следующие настройки кисти:

  • Кисть (Brush): Жёсткая круглая (Hard Round)
  • Размер (Size): 35
  • Жёсткость (Hardness): 100%
  • Режим (Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Нажим (Flow): 100%
  • Сглаживание (Smoothing): 100% (данная настройка доступна только в версии Adobe Photoshop CC)
Brush tool settings

Шаг 4

Нажмите клавиши (Ctrl+Shift+N), чтобы создать новый слой. Назовите этот слой ‘Brush’, а затем нажмите кнопку ‘OK’.
Далее, идём Окно – Настройки кисти (Window > Brush Settings). Установите следующие настройки кисти:

  • Кисть (Brush): Жёсткая круглая (Hard Round)
  • Размер (Size): 35 px
  • Форма (Roundness): 100%
  • Жёсткость (Hardness): 100%
  • Интервал (Spacing): 1%
Brush tool extended settings

Шаг 5

Теперь начинается расслабляющая часть (по крайней мере для меня). Убедитесь, чтобы инструмент Кисть (Brush Tool) был активным, выберите нужный вам цвет и начните рисовать абстрактные кривые.

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

Пожалуйста, не касайтесь границ рабочего документа во время рисования; об этом мы поговорим позже. Не переживайте, если у вас дрожат руки, поскольку настройка кисти Сглаживание (smoothness) 100% поможет вам в этом.

Drawing the first line of the pattern

Шаг 6

Продолжайте рисовать линии. Если вам не понравился результат, нажмите клавиши (Ctrl+Z), а затем попробуйте ещё раз. Не спешите!

Иногда вам придётся рисовать что-то наподобие веток. Не забудьте начать рисовать ветвь точно из середины предыдущей линии, чтобы ваш рисунок выглядел плавным и естественным.

How to draw branches

Шаг 7

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

Showing the basic pattern

Шаг 8

Далее, мы сделаем этот узор целостным с помощью фильтра Сдвиг (Offset). Данный фильтр может сдвинуть углы документа к центру, что намного упрощает работу по завершению текстуры.

Идём Фильтр – Другое – Сдвиг (Filter > Other > Offset). Установите следующие настройки:

  • По горизонтали (Horizontal): +956
  • По вертикали (Vertical): +949
  • Вставить отсечённые фрагменты (Wrap Around): Активировать
Adjusting the Offset filter

Шаг 9

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

Drawing more lines to complete the pattern

На скриншоте ниже вы можете увидеть, как я заполнил узором пустое пространство. Я поменял цвет линий на красный, чтобы вы могли увидеть новые линии.

Showing the new lines

Шаг 10

Теперь отключите видимость фонового слоя (background), а затем идём Редактирование – Определить узор (Edit > Define Pattern). Нажмите кнопку ‘OK’.

Saving the basic pattern

Шаг 11

Вновь включите видимость фонового слоя (background). После этого, нажмите клавиши (Ctrl+R), чтобы активировать линейки в Photoshop. Далее, щёлкая по линейкам, сдвиньте четыре направляющие линии к границам документа.

Placing 4 margins to the document

Шаг 12

Идём Изображение – Размер холста (Image > Canvas Size). Установите следующие настройки:

  • Ширина (Width): 2665 px
  • Высота (Height): 2665 px
  • Относительная (Relative): уберите галочку
  • Исходное точка (Anchor): по центру
  • Цвет расширения холста (Canvas extension color): Другое (Other)
  • Цвет: #1a1515
Expanding the canvas size

Шаг 13

Перейдите на слой ‘Brush’, а затем нажмите клавиши (Shift+Backspace), чтобы открыть окно Заполнить (Fill). Далее, установите следующие настройки:

  • Содержимое (Contents): Цвет…(Color...)
  • Цвет: #262626 (вы можете выбрать любой цвет)
  • Режим (Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Сохранить прозрачность (Preserve Transparency): уберите галочку
Filling the brush layer with a color

Шаг 14

Находясь всё ещё на слое ‘Brush’, уменьшите значение Заливки (Fill) до 0%. После этого, идём Слой- Стиль слоя – Параметры наложения (Layer > Layer Style > Blending Options). Выберите стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Узор (Pattern): Ornamental Pattern.psd (выберите узор, который мы только что сохранили)
  • Масштаб (Scale): 100%
  • Связать со слоем (Link with Layer): поставьте галочку

... и нажмите кнопку ‘OK’.

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

Adding the ornamental pattern to the brush layer

Шаг 15

Теперь щёлкните правой кнопкой по слою ‘Brush’ и в появившемся окне, выберите опцию Растрировать слой (Rasterize layer). Далее, идём Слой- Стиль слоя – Параметры наложения (Layer > Layer Style > Blending Options). Выберите стиль слоя Наложение цвета (Color Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Цвет: #ff8400
  • Непрозрачность (Opacity): 100%
Adding a color overlay effect

Шаг 16

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

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 1000%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 16 px
  • Смягчение (Soften): 0 px
  • Угол Затенения (Shading Angle): 20°
  • Высота Затенения (Shading Altitude): 26°
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Светлее (Lighter Color)
  • Режим подсветки (Highlight Mode) - Цвет: #ffd179
  • Режим подсветки (Highlight Mode) - Непрозрачность (Opacity): 66%
  • Режим тени (Shadow Mode): Затемнение (Darken)
  • Режим тени (Shadow Mode) - Цвет: #1c1505
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 100%

Щёлкните по окошку Контур глянца (Gloss Contour) для редактирования следующих настроек:

  • Точка 1: Вход (Input): 0% Выход (Output): 100% Угол (Corner): Уберите галочку
  • Точка 2: Вход (Input): 13% Выход (Output): 29% Угол (Corner): Уберите галочку
  • Точка 3: Вход (Input): 38% Выход (Output): 45% Угол (Corner): Уберите галочку
  • Точка 4: Вход (Input): 44% Выход (Output): 76% Угол (Corner): Уберите галочку
  • Точка 5: Вход (Input): 76% Выход (Output): 100% Угол (Corner): Уберите галочку
  • Точка 6: Вход (Input): 87% Выход (Output): 1% Угол (Corner): Уберите галочку
  • Точка 7: Вход (Input): 100% Выход (Output): 0% Угол (Corner): Уберите галочку

После этого, нажмите кнопку ‘OK’.

Adding a Bevel and Emboss effect

Шаг 17

Выберите опцию Контур (Contour) внутри стиля слоя Тиснение (Bevel & Emboss). Установите следующие настройки:

  • Контур (Contour): Rolling Slope - Descending
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 74%
Activating the Contour option of the Bevel and Emboss

Шаг 18

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Затемнение (Darken)
  • Непрозрачность (Opacity): 74%
  • Шум (Noise): 0%
  • Цвет: #000000
  • Метод (Technique): Мягкий (Softer)
  • Размах (Spread): 0%
  • Размер (Size): 59%
  • Контур (Contour): Линейный (Linear)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 48%
  • Колебание (Jitter): 0%

После этого, нажмите кнопку ‘OK’, чтобы закрыть окно настроек Стилей слоя (Layer Style).

Adding an Outer Glow effect

Шаг 19

Теперь, удерживая клавишу (Ctrl), щёлкните по обоим слоям ‘Brush’ и фоновому (Background) слою, чтобы выделить их. Далее, щёлкните правой кнопкой мыши по любому из выделенных слоёв и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Converting to smart object

Шаг 20

Идём Фильтр – Галерея фильтров (Filter > Filter Gallery). Выберите фильтр Целлофановая упаковка (Plastic Wrap), а также установите следующие настройки:

  • Подсветка (Highlight Strength): 4
  • Детализация (Detail): 1
  • Смягчение (Smoothness): 9
Applying the Plastic Wrap filter

Шаг 21

Теперь выберите инструмент Прямоугольная область (Rectangular Marquee Tool (M), а затем выделите небольшой квадрат.

Creating a square selection

Шаг 22

Щёлкните правой кнопкой мыши по выделенной области и в появившемся окне, выберите опцию Трансформировать выделенную область (Transform Selection). Далее, увеличьте масштаб выделенной области, чтобы узор подходил по границы направляющих линий, которые мы ранее создали. Узор должен быть идеально совмещён с границами.

Expanding the selection

Шаг 23

Теперь выберите инструмент Рамка (Crop Tool (C), а затем дважды нажмите клавишу (Enter), чтобы кадрировать изображение. Далее, идём Редактирование – Определить узор (Edit > Define Pattern). Назовите этот узор ‘Ornamental Pattern Final’.

Вы можете закрыть документ после того, как сохраните узор.

Saving the final ornamental pattern

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

2. Создаём Вспомогательный Узор (Выборочно)

Вы можете установить любой узор (который находится внутри zip файла) и перейти к Параграфу 3 “Создаём Текстовый Эффект", если вы не хотите узнать, как создать вспомогательный узор. Вспомогательный узор представляет собой радиальную металлическую текстуру, которая идёт поверх орнаментного узора. Данная текстура также является необязательной для создания итогового текстового эффекта.

Шаг 1

Создайте новый документ 980 x 1696 px, установите Разрешение (Resolution) 300, цвет заднего фона красный #d11212. Назовите этот документ ‘Radial Pattern’. Далее, выберите инструмент Эллипс (Ellipse Tool (U), установите режим Фигура (Shape) в панели управления данного инструмента.

Setting the Ellipse tool to shape mode

Шаг 2

Не меняя инструмент Эллипс (Ellipse Tool (U), щёлкните в центре документа, чтобы создать эллипс со следующими размерами 980 x 980 px.

Creating a new ellipse

Шаг 3

Нажмите клавиши (Ctrl+A), чтобы выделить полностью документ, а затем выберите инструмент Перемещение (Move Tool (V), щёлкните по значкам Выравнивание центров по горизонтали (Align Horizontal) и Выравнивание центров по вертикали (Vertical Centers). Это поможет расположить эллипс точно по центру документа.

Movint the ellipse to the center of the document

Шаг 4

Отключите видимость слоя с эллипсом ‘Ellipse’, а затем создайте новый слой, назовите этот слой ‘Noise’. После этого, нажмите клавиши (Ctrl+Backspace), чтобы залить этот слой цветовым оттенком #797979. Этот цветовой оттенок поможет нам, когда мы начнём сдвигать радиальные фигуры. Мы не хотим, чтобы были видны красные участки на итоговой текстуре.

Filling the layer with a grey color

Шаг 5

Идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise). Установите следующие настройки:

  • Эффект (Amount): 400 %
  • Распределение (Distribution): По Гауссу (Gaussian)
  • Монохромный (Monochromatic): поставьте галочку
Adding noise to the image

Шаг 6

Идём Фильтр – Размытие – Радиальное Размытие (Filter > Blur > Radial Blur). Установите следующие настройки:

  • Количество (Amount): 100
  • Метод (Blur Method): Кольцевой (Spin)
  • Качество (Quality): Наилучшее (Best)
Adding a radial blur to the noise

Шаг 7

Нажмите клавиши (Alt+Ctrl+F), чтобы применить ещё раз тот же самый фильтр с радиальным размытием. Далее, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя ‘Ellipse’, чтобы загрузить активное выделение. После этого, нажмите клавиши (Ctrl+C) и (Ctrl+V), чтобы создать новый слой, назовите этот слой ‘Radial’, преобразуйте этот слой в смарт-объект. После этого, вы можете удалить слой с шумом.

Creating an ellipse selection and converting to smart object

Шаг 8

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя ‘Radial’, чтобы загрузить активное выделение, а затем щёлкните по значку Добавить слой-маску (Add vector mask).

Creating a vector mask

Шаг 9

Находясь на слое ‘Radial’, идём Слой- Стили слоя – Параметры наложения (Layer > Layer Style > Blending Options), чтобы открыть окно настроек Стилей слоя (Layer Style). Добавьте стиль слоя Наложение цвета (Color Overlay) со следующими настройками:

Adding a color overlay

Шаг 10

Теперь добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Осветление основы (Color Dodge)
  • Дизеринг (Dither): уберите галочку
  • Непрозрачность (Opacity): 87%
  • Градиент (Gradient): Радиальный градиент (Radial gradient) (находится внутри zip файла в приложении к этому уроку)
  • Инверсия (Reverse): уберите галочку
  • Стиль (Style): Угловой (Angle)
  • Выровнять по слою (Align with Layer): поставьте галочку
  • Угол (Angle): -90°
  • Масштаб (Scale): 100%
Adding a Gradient Overlay

Чтобы установить исходный файл с градиентами, щёлкните по выпадающему меню Градиент (Gradient), а затем щёлкните по маленькому значку шестерёнки, который расположен в верхнем правом углу и в появившемся окне, выберите опцию Загрузить градиенты… (Load Gradients)…

Installing the gradient file

Шаг 11

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

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 834%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 250 px
  • Смягчение (Soften): 16 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 73°
  • Высота (Altitude): 37°
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление основы (Color Dodge)
  • Режим подсветки (Highlight Mode): Непрозрачность (Opacity): 25%
  • Режим подсветки (Highlight Mode): Цвет: #ffffff
  • Режим тени (Shadow Mode): Умножение (Multiply)
  • Режим тени (Shadow Mode): Непрозрачность (Opacity): 34%
  • Режим тени (Shadow Mode): Цвет: #000000

Щёлкните по окошку Контур глянца (Gloss Contour) для редактирования следующих настроек:

  • Точка 1: Вход (Input): 0% Выход (Output): 0% Угол (Corner): Уберите галочку
  • Точка 2: Вход (Input): 15% Выход (Output): 89% Угол (Corner): Уберите галочку
  • Точка 3: Вход (Input): 22% Выход (Output): 24% Угол (Corner): Уберите галочку
  • Точка 4: Вход (Input): 33% Выход (Output): 99% Угол (Corner): Уберите галочку
  • Точка 5: Вход (Input): 58% Выход (Output): 37% Угол (Corner): Уберите галочку
  • Точка 6: Вход (Input): 100% Выход (Output): 53% Угол (Corner): Уберите галочку
Adding a Bevel and Emboss

Шаг 12

Выберите опцию Контур (Contour) внутри стиля слоя Тиснение (Bevel & Emboss). Установите следующие настройки:

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

Далее, нажмите на кнопку ‘OK’, чтобы закрыть окно Стилей слоя (Layer Style).

Activating the contour of the bevel and emboss

Шаг 13

Идём Изображение – Коррекция - Кривые (Image > Adjustments > Curves), чтобы применить коррекцию кривых со следующими настройками:

  • Показать Эффект для (Show Amount of): Яркость (Light) (0-255)
  • Канал (Channel): RGB
  • Точка 1: Вход (Input) 0% Выход (Output): 0%
  • Точка 2: Вход (Input): 56% Выход (Output): 43%
  • Точка 3: Вход (Input): 181% Выход (Output): 167%
  • Точка 4: Вход (Input): 255% Выход (Output): 183%
Adjusting the curves filter

Шаг 14

Идём Фильтр – Усиление резкости – Резкость (Filter > Sharpen > Sharpen), чтобы применить фильтр резкости. Далее, щёлкните правой кнопкой мыши по слою ‘Radial’ и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Converting to smart object

Шаг 15

Создайте четыре копии слоя ‘Radial’, расположив каждую копию в каждый угол документа, выравнивая центр эллипсов с углами документа.

Moving four copies of the radial layer

Шаг 16

Перейдите на первый слой ‘Radial’, а затем создайте ещё четыре копии слоя, расположив их ниже оригинального слоя ‘Radial’. Вы можете задать цветовой код для каждой группы копий и сгруппировать их в две группы, чтобы вам было легче ориентироваться и работать со слоями.

Creating four more copies of the radial layer

Шаг 17

Щёлкните по линейкам, а затем сместите направляющие линии в центр документа. Расположите по одной копии слоя ‘Radial’ на каждый край документа, выравнивания центр эллипсов с границами и краями документа. (маленькие кружочки на скриншоте ниже представляют центры эллипсов).

Moving the new copies to the borders of the document

Шаг 18

Идём Редактирование – Определить узор (Edit > Define Pattern). Назовите этот узор ‘Radial Pattern’. После этого, вы можете сохранить и закрыть документ.

Savint the radial pattern

3. Создаём Текстовый Эффект

Шаг 1

Создайте новый документ 2160 x 1025 px, установите Разрешение (Resolution) 300, цвет заднего фона тёмно-синий #132125. Я собираюсь назвать этот документ ‘Mulia’, но вы можете выбрать любое другое название, которое вам нравится.

Creating a new document

Шаг 2

Дважды щёлкните по фоновому слою (Background), чтобы разблокировать его. Далее, выберите инструмент Кисть (Brush Tool (B), установите мягкую круглую кисть, размер кисти 2173 px, цвет кисти #365861.

Brush tool settings

Шаг 3

Не меняя инструмент Кисть (Brush Tool (B), щёлкните в центре документа. Далее, идём Фильтр – Шум - Добавить шум (Filter > Noise > Add Noise), чтобы применить эффект шума со следующими настройками:

  • Эффект (Amount): 1%
  • Распределение (Distribution): По Гауссу (Gaussian)
  • Монохромный (Monochromatic): поставьте галочку
Adding noise to the image

Шаг 4

Идём Слой – Стиль слоя – Параметры наложения (Layer > Layer Style > Blending Options). Добавьте стиль слоя Наложение узора (Pattern overlay) со следующими настройками:

  • Режим наложения (Blend Mode): Яркость (Luminosity)
  • Непрозрачность (Opacity): 5%
  • Узор (Pattern): Ornamental Pattern Final
  • Масштаб (Scale): 10%
  • Связать со слоем (Link with Layer): поставьте галочку
Pattern overlay settings

Шаг 5

Преобразуйте данный слой в смарт-объект, а затем идём Фильтр – Усиление резкости- Резкость (Filter > Sharpen > Sharpen). После этого, идём Окно – Коррекция (Window > Adjustments), чтобы добавить новый корректирующий слой Карта градиента (Gradient Map).

Creating a new gradient map layer

Шаг 6

Дважды щёлкните по миниатюре слоя Карта градиента (Gradient Map), чтобы открыть окно настроек Свойства (Properties). Далее, щёлкните по шкале градиента, чтобы открыть окно Редактора градиента (Gradient Editor).

Gradient editor

Шаг 7

Здесь вы можете использовать любой цвет, который вам нравятся, но я собираюсь создать красный задний фон. Маленькие квадратики с маленькими треугольниками, указывающие на шкалу градиента – называются Контрольные точки (Stops). Вы можете создать новую контрольную точку, щёлкнув ниже шкалы градиента. Создайте новый градиент со следующими настройками:

  • Контрольная точка 1 (Stop 1): Позиция (Location): 0% Цвет: #020007
  • Контрольная точка 2 (Stop 2): Позиция (Location): 66% Цвет: #c61717
  • Контрольная точка 3 (Stop 3): Позиция (Location): 100% Цвет: #ffdbdb
Creating a new gradient

Шаг 8

Выберите инструмент Горизонтальный текст (Horizontal Type Tool (T), установите размер шрифта на 160 pt. Выберите шрифт ‘Titania’, а затем напишите свой текст.

Writing the text

Шаг 9

Дважды щёлкните по слою с текстом, чтобы открыть окно Стилей слоя (Layer Style) (не щёлкайте по названию или по миниатюре слоя). Добавьте стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Узор (Pattern): Ornamental Pattern Final
  • Масштаб (Scale): 50%
  • Связать со слоем (Link with Layer): Поставьте галочку

Подсказка: если стиль слоя Наложение узора (Pattern Overlay) активен в панели слоёв, то вы можете щёлкнуть по тексту поверх рабочего холста и сместить текстуру в более удачное положение.

Pattern overlay settings

Шаг 10

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

  • Стиль (Style): Обводящее тиснение (Stroke Emboss)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 100%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 24 px
  • Смягчение (Soften): 0 px
  • Поставьте галочку в окошке Глобальное освещение (Use Global Light)
  • Угол затенения (Shading Angle): 90°
  • Высота (Altitude): 30°
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление (Screen)
  • Режим подсветки (Highlight Mode): Цвет: #ffffff
  • Режим подсветки (Highlight Mode): Непрозрачность (Opacity): 50%
  • Режим тени (Shadow Mode): Умножение (Multiply)
  • Режим тени (Shadow Mode): Цвет: #000000
  • Режим тени (Shadow Mode): Непрозрачность (Opacity): 50%

Щёлкните по окошку Контур глянца (Gloss Contour) для редактирования следующих настроек:

  • Точка 1: Вход (Input): 0% Выход (Output): 0% Угол (Corner): Поставьте галочку
  • Точка 2: Вход (Input): 46% Выход (Output): 69% Угол (Corner): Поставьте галочку
  • Точка 3: Вход (Input): 50% Выход (Output): 0% Угол (Corner): Поставьте галочку
  • Точка 4: Вход (Input): 94% Выход (Output): 73% Угол (Corner): Поставьте галочку
  • Точка 5: Вход (Input): 100% Выход (Output): 0% Угол (Corner): Поставьте галочку
Bevel emboss settings

Шаг 11

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

  • Размер (Size): 28 px
  • Положение (Position): Из центра (Center)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Оттиск (Overprint): уберите галочку в окошке
  • Тип заливки (Fill Type): Узор (Pattern)
  • Узор (Pattern): Ornamental Pattern Final
  • Масштаб (Scale): 25%
  • Связать со слоем (Link with Layer): поставьте галочку в окошке
Stroke settings

Шаг 12

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

  • Режим наложения (Blend Mode): Осветление основы (Color Dodge)
  • Цвет: #ffffff
  • Непрозрачность (Opacity): 96%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 0°
  • Смещение (Distance): 18 px
  • Стягивание (Choke): 28 %
  • Размер (Size): 6 px
  • Контур (Contour): выберите Линейный (Linear), далее, сдвиньте вторую точку Входа (Input) на 100% и Выхода (output) на 71 %
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
Inner Shadow settings

Шаг 13

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Затемнение (Darken)
  • Непрозрачность (Opacity): 69%
  • Шум (Noise): 0%
  • Цвет: #000000
  • Метод (Technique): Точный (Precise)
  • Источник (Source): На краях (Edge)
  • Стягивание (Choke): 66%
  • Размер (Size): 21 px
  • Контур (Contour): Линейный (Linear)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 55%
  • Колебание (Jitter): 0%
Inner glow settings

Шаг 14

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Цвет: #000000
  • Непрозрачность (Opacity): 57%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 0°
  • Смещение (Distance): 27 px
  • Размах (Spread): 33%
  • Размер (Size): 16 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
  • Слой выбивает тень (Layer Knocks Out Drop Shadow): поставьте галочку в окошке

После этого, нажмите кнопку ‘OK’.

Drop shadow settings

Шаг 15

Создайте копию текстового слоя, назовите дубликат слоя ‘Mulia TOP’, а затем щёлкните правой кнопкой по данному дубликату слоя и в появившемся окне, выберите опцию Очистить стили слоя (Clear Layer Style).

Clearing the layer style

Шаг 16 (Выборочно)

Данный шаг добавит нежный эффект к тексту, а иногда текст выглядит немного лучше без него.

Дважды щёлкните по слою ‘Mulia TOP’, чтобы открыть окно настроек Стилей слоя (Layer Style). Далее, добавьте стиль слоя Наложение узора (Pattern Overlay) со следующими настройками: 

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Непрозрачность (Opacity): 100%
  • Узор (Pattern): Радиальный узор (Radial Pattern) (вы можете сместить данную текстуру точно так же, как первую текстуру)
  • Масштаб (Scale): 25%
  • Связать со слоем (Link with Layer): поставьте галочку
Pattern overlay settings

Шаг 17

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

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 240 %
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 68 px
  • Смягчение (Soften): 0 px
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол затенения (Shading Angle): 90°
  • Высота (Altitude): 37°
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Светлее (Lighter Color)
  • Режим подсветки (Highlight Mode): Цвет: #ffdb95
  • Режим подсветки (Highlight Mode): Непрозрачность (Opacity): 7%
  • Режим тени (Shadow Mode): Затемнение (Darken)
  • Режим тени (Shadow Mode): Цвет: #000000
  • Режим тени (Shadow Mode): Непрозрачность (Opacity): 26%

Щёлкните по окошку Контур глянца (Gloss Contour) для редактирования следующих настроек:

  • Точка 1: Вход (Input): 0% Выход (Output): 9% Угол (Corner): Уберите галочку
  • Точка 2: Вход (Input): 35% Выход (Output): 25% Угол (Corner): Уберите галочку
  • Точка 3: Вход (Input): 52% Выход (Output): 23% Угол (Corner): Уберите галочку
  • Точка 4: Вход (Input): 60% Выход (Output): 97% Угол (Corner): Уберите галочку
  • Точка 5: Вход (Input): 100% Выход (Output): 0% Угол (Corner): Уберите галочку
Bevel and emboss settings

Шаг 18

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

  • Размер (Size): 24 px
  • Положение (Position): Из центра (Center)
  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 0%
  • Оттиск (Overprint): уберите галочку в окошке
  • Тип заливки (Fill Type): любой тип
  • Цвет: любой цвет

Данный эффект обводки использован здесь только для того, чтобы показать обводку первого слоя; поэтому тип и цвет заливки не имеют значения. Обратите внимание, что Непрозрачность (Opacity) установлена на 0%.

Stroke settings

Шаг 19

Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Шум (Noise): 0%
  • Цвет: #1a1a1d
  • Метод (Technique): Мягкий (Softer)
  • Размах (Spread): 90%
  • Размер (Size): 14 px
  • Контур (Contour): Линейный (Linear)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 100%
  • Колебание (Jitter): 0%
Outer glow settings

Шаг 20

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Цвет: #0c0b0c
  • Непрозрачность (Opacity): 100%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 0°
  • Смещение (Distance): 8 px
  • Размах (Spread): 100%
  • Размер (Size): 14 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
  • Слой выбивает тень (Layer Knocks Out Drop Shadow): поставьте галочку в окошке

После этого, нажмите на кнопку ‘OK’.

Drop shadow settings

Шаг 21

Мы почти завершили урок; осталось провести несколько действий. Выделите оба текстовых слоя, а затем преобразуйте их в один смарт-объект. Далее, нажмите клавиши (Ctrl+T), чтобы уменьшить масштаб до 55%.

Converting the layers to smart object

Шаг 22

Идём Фильтр – Усиление резкости – Резкость (Filter > Sharpen > Sharpen). Далее, дважды щёлкните по текстовому слою, чтобы открыть окно настроек Стилей слоя (Layer Style). Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Цвет: #000000
  • Непрозрачность (Opacity): 23%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -1%
  • Смещение (Distance): 21%
  • Размах (Spread): 8 %
  • Размер (Size): 6 px
  • Контур (Contour): Линейный (Linear)
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
  • Слой выбивает тень (Layer Knocks Out Drop Shadow): поставьте галочку в окошке
Drop shadow settings

Шаг 23

Создайте новый слой, поменяйте режим наложения для данного слоя на Осветление (Screen). Далее, выберите инструмент Кисть (Brush Tool (B), установите мягкую круглую кисть, размер кисти 473 px.

Установите цвет кисти на #120202, а затем начните кликать по тексту, добавляя световые блики к нему. Небольшие кружочки на скриншоте ниже показывают участки, где я кликал кистью поверх текста.

Lights layer

Шаг 24

Создайте ещё один новый слой с режим наложения Нормальный (normal). Далее, поменяйте размер кисти на 213 px, а цвет кисти на #170c00.

Продолжайте кликать по тексту, добавляя больше световых бликов (эффект будет выглядеть ужасно, но не переживайте).

Second light layer

Шаг 25

Уменьшите значение Заливки (Fill) для второго слоя со световыми бликами до 0%. Далее, дважды щёлкните по данному слою, чтобы открыть окно настроек Стилей слоя (Layer Style). Добавьте стиль слоя Наложение цвета (Color Overlay) со следующими настройками:

  • Режим наложения (Blend Mode): Осветление (Screen)
  • Цвет: #390300
  • Непрозрачность (Opacity): 41%

После этого, нажмите на кнопку ‘OK’. 

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

Color overlay settings

Шаг 26

Теперь нам необходимо добавить тень на нижнюю часть текста. Создайте новый слой, назовите этот слой ‘Simple Shadow’, а затем сместите данный слой вниз в панели слоёв, расположив ниже слоя с текстом.

Далее, выберите инструмент Эллипс (Ellipse Tool (U), установите цвет на чёрный #000000. Затем, щёлкните под первой буквой текста и не отпуская кнопку мыши, потяните мыши вправо до последней буквы текста, создавая вытянутую фигуру овальной формы под текстом.

Simple shadow

Шаг 27

Преобразуйте слой ‘Simple Shadow’ в смарт-объект. Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия на 6.4 px. После этого, уменьшите Непрозрачность (Opacity) слоя до 55%.

Simple shadow with blur

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

Final result

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

Если вы выполнили вторую часть этого урока, то вы, возможно, заметили, насколько хороши смарт-объекты для производительности. Вы можете попытаться повторить эти шаги, используя группы вместо смарт-объектов, и вы увидите, что ваш компьютер скоро станет медленным.

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

Здесь используется радиальный узор в качестве обводки.

Alternative result

Чтобы поменять цвет текста, я рекомендую открыть смарт-объект текста, а затем добавить слои с наложением цвета или картой градиента вместе со слой-масками.

Надеюсь, что вы узнали что-то полезное в этом уроке!

Epic Metallic Styles 3 promo image
Эпические Металлические Стили 3
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.