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

Створюємо текст з ефектом мідного фольги в 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

Ukrainian (українська мова) translation by Andy Yur (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
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.