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

Создаем текст с эффектом медной фольги в Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Love Week.
How to Create a Confetti Brush in Adobe Illustrator
How to Create a "Share the Love" Icon Pack in Adobe Illustrator
This post is part of a series called Text Effects .
How to Create a German Flag-Inspired Text Effect in Adobe Illustrator
How to Create an 80s-Inspired Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

Данный урок предложит вам простой способ создать текст, будто выполненный из фольги, при помощи фильтров, коррекции и стилей слоев. Давайте начнем!

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

Gold Text Effects

Ресурсы урока

В процессе создания данного урока были использованы следующие ресурсы:

1. Как загрузить недостающий сет узоров

Шаг 1

Зайдите в Редактировать>Наборы>Управление наборами (Edit>Presets>Preset Manager) и из выпадающего меню наборов выберите Узоры (Patterns).

Затем кликните на маленькую стрелку справа от выпадающего списка Тип набора (Preset Type), кликните на сет Узоры природы (Nature Patterns). Когда откроется диалоговое окно, просто нажмите Добавить.

Load the Nature Patterns

Шаг 2

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

Переименуйте скопированный слой в Texture (Текстура), затем кликните правой кнопкой мыши по нему и выберите Конвертировать в смарт объект (Convert to Smart Object)

Convert to Smart Object

2. Как создать текстуру фольги, используя фильтры

Шаг 1

При выборе основного цвета (Foreground Color) поставьте #f07d6d, а цвет фона (Background Color) #5e231b, затем выберите в меню Фильтр>Освещение>Облака (Filter > Render > Clouds).

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

Render Clouds

Шаг 2

Зайдите в Фильтр>Галерея фильтров>Искажение>Стекло (Filter > Filter Gallery > Distort > Glass) и примените следующие настройки:

  • Искажение: 15 (Distortion: 15)
  • Сглаживание: 3 (Smoothness:3)
  • Текстура: Изморозь (Frosted)
  • Масштаб: 100 (Scaling: 100)
Glass Filter Settings

Шаг 3

Нажмите на иконку Новый слой эффектов (New effect layer) в правом нижнем углу окна Галерея Фильтров (Filter Gallery).

Add New Effect Layer

Шаг 4

Снова выберите фильтр Стекло (Glass), но в этот раз используйте следующие настройки:

  • Искажение: 20 (Distortion:20)
  • Сглаживание: 3 (Smoothness: 3)
  • Текстура: Холст (Texture: Canvas)
  • Масштаб: 100 (Scaling: 100)
Glass Filter Settings 2

3. Коррекция расцветки текстуры

Шаг 1

Если вы работаете в старой версии Photoshop, вам понадобится добавить корректирующие слои, нажав на Создать новую заливку (Create a new fill) или иконку корректирующий слой (adjustment layer) внизу панели слоёв (Layers).

Adjustment Layers

Шаг 2

Тем временем, в новой версии вы можете применить коррекции прямо к слою смарт объекта.

Зайдите в Изображение>Коррекция>Цветовой тон/Насыщенность (Image > Adjustments > Hue/Saturation) и изменить цветовой тон (Hue) на 15:

HueSaturation

Шаг 3

Зайдите в Изображение>Коррекция>Уровни (Image > Adjustments > Levels) и измените Свет (Highlights) на 13 и Тени (Shadows) на 201.

Вы можете сохранить этот файл, чтобы иметь копию оригинальной текстуры.

Levels

4. Как перевести текстуру (Texture) в узор (Pattern)

Шаг 1

Нажмите правой кнопкой мыши на Слой Текстуры (Texture layer) и выберите Растрировать слой (Rasterize Layer).

Rasterize Layer

Шаг 2

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool), затем выделите участок площадью от 1/3 до 1/2 от верхней части текстуры.

Select the Upper Part

Шаг 3

Чтобы вырезать и вставить на новый слой выделенную область, нажмите сочетание клавиш Command-Shift-J.

Duplicate Selection in a New Layer

Шаг 4  

Инструментом Перемещение (Move) поместите скопированный фрагмент сразу под исходным. Вы можете зажать при этом клавишу Shift, чтобы избежать смещения прямоугольника влево/право.

Move the Duplicated Part

Шаг 5

Зайдите в Изображение>Показать всё (Image > Reveal All), убедитесь, что между обоими прямоугольниками не осталось зазора.

Reveal All

Шаг 6

Теперь зайдите в Изображение>Тримминг (Image > Trim), затем выберите опцию Верхнего левого окрашенного пиксела (Top Left Pixel Color) в разделе На основе (Based On), проставьте галочки во всех полях раздела Обрезка (Trim Away), нажмите ОК.

Trim

Шаг 7

Нажмите клавиши Comand-E, чтобы соединить оба слоя.

Merge Layers

5. Как создать и закрепить бесшовный узор.

Шаг 1

Выберите инструмент Восстанавливающая кисть (Healing Brush Tool), зажмите клавишу Option, чтобы взять образец текстуры из области возле линии, где смыкаются оба прямоугольника.

Возьмите в качестве типа линии круглую кисть, размеры (Size)  и жесткость (Hardness) выберите на своё усмотрение в зависимости от желаемого результата, и закрасьте линию соединения наших прямоугольников так, чтобы она полностью исчезла.

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

Remove the Merge Line

Шаг 2

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

Use Different Healing Tools

Шаг 3

Повторите предыдущие шаги и для вертикальной части текстуры.

Для этого выделите фрагмент, который охватывал бы от 1/3 до 1/2 площади левой части текстуры, зажмите клавиши Command-Shift-J, переместите скопированный фрагмент до точки, где он соединится с правой стороной, затем выберите Показать всё (Reveal all), Тримминг (Trim), и соединить.

Repeat for the Left Side

Шаг 4

При помощи восстанавливающих инструментов сделайте бесшовное соединение.

Heal the Merge Line

Шаг 5

Зайдите в Редактирование>Определить узор (Edit > Define Pattern), в качестве имени вбейте Foil (Фольга).

Define Pattern

6. Как создать текст

Шаг 1

Создайте новый документ 1000 x 1000 px, на фоновый слой поместите изображение текстуры черной бумаги, отредактируйте размеры.

Add the Background Texture

Шаг 2

Создайте текст, используя шрифт Hensa, установите размер 150 pt.

Create the Text

Шаг 3

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

Adjust the Leading

Шаг 4

Продублируйте слой с текстом, и в копии измените значение Заливки (Fill) вашей копии на 0.

Duplicate the Text Layer

7. Создание фигуры рамки

Шаг 1

Возьмите инструмент Прямоугольник (Rectangle Tool), создайте прямоугольник или квадрат вокруг вашего текста.

Create a Frame Shape

Шаг 2

В панели Параметры (Options) установите заливку - нет (Fill - none), размер обводки (Stroke Size) 7, затем нажмите на иконку установить тип формы обводки (Set shape stroke type) и установите выравнивание (Align) по центру (Center).

Stroke Settings

Шаг 3

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

После этого нажмите клавишу Return (Enter) чтобы применить изменения.

Create a Bigger Frame

Шаг 4

Назовите исходный слой с прямоугольником Inner (внутренний), а скопированный - Outer (Внешний).

Rename the Frame Layers

Шаг 5

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

Duplicate and Change the Fill Value

8. Как применить эффект фольги.

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

Шаг 1

Добавьте Тиснение (Bevel and Emboss) со следующими параметрами:

  • Стиль: Тиснение (Style: Emboss)
  • Размер: 0 (Size: 0)
  • Поставьте галочку в поле Сглаживание (Anti-aliased)
  • Режим освещения (Highlight): Линейный свет (Linear Light)
    • Непрозрачность: 20% (Opacity: 20%)
  • Параметр тени (Shadow): 
    • Непрозрачность: 0% (Opacity: 0%)
Bevel and Emboss

Шаг 2

Добавьте контур (Contour) со следующими параметрами:

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

Шаг 3

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

  • Узор: Колючий куст (Pattern: Spiky Bush)
  • Глубина: 50% (Depth: 50%)
Texture

Шаг 4

Добавьте наложение градиента (Gradient Overlay) со следующими настройками:

  • Поставьте галочку Шум (Dither)
  • Режим наложения: Умножение (Blend Mode: Multiply)
  • Непрозрачность: 20% (Opacity: 20%)
  • Наклон: 22 (Angle: 22)
  • Выберите градиентную заливку Алюминий 130 (aluminum 130)
Gradient Overlay

Шаг 5

Добавьте наложение узора (Pattern Overlay) со следующими параметрами:

  • Узор: Foil (фольга)
  • Масштаб: 50% (Scale: 50%)
Pattern Overlay

Шаг 6

Всё это задаст эффект фольги.

Щёлкните правой кнопкой мыши по слою со стилизованным текстом, выберите Скопировать стиль слоя (Copy Layer Style), затем выберите слои Inner и Outer с рамками, кликните правой кнопкой мыши по любому из них, и нажмите Вклеить стиль слоя (Paste layer style).

Copy and Paste the Layer Style

9. Как создать эффект тонкого тиснения

Шаг 1

Дважды щелкните по скопированному слою текста и примените к нему эффект тиснения (Bevel and Emboss) со следующими параметрами:

  • Размер: 1 (Size: 1)
  • Поставьте галочку в поле Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight): перекрытие (Overlay)
    • Непрозрачность: 50% (Opacity: 50%)
  • Режим тени: 
    • Непрозрачность: 30% (Opacity: 30%)
Bevel and Emboss

Шаг 2

Скопируйте и вставьте стиль слоя в скопированные слои Inner и Outer.

Copy and Paste the Layer Style

Поздравляем! Вы справились!

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

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

Final Result
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.