Створюємо текст з ефектом мідного фольги в Adobe Photoshop

Даний урок запропонує вам простий спосіб створити текст, ніби виконаний з фольги, за допомогою фільтрів, корекції і стилів шарів. Давайте почнемо!

Цей ефект для тексту був створений під натхненням від безлічі стилів шарів в GraphicRiver, включаючи набір ефектів позолоченого тексту.

Ресурси уроку

У процесі створення даного уроку були використані наступні ресурси:

• Шрифт Hensa
• Текстура чорного паперу від abstraktpattern
• Безкоштовний набір з 6000 градієнтів для photoshop від Supertuts007 (завантажте файл HROMES.grd)

1. Як завантажити сет візерунків, яких бракує

Крок 1

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

Потім клікніть на маленьку стрілку праворуч від списку Тип набору (Preset Type), клікніть на сет Візерунки природи (Nature Patterns).

Крок 2

Створіть новий документ формату 1000 на 1000 px, скопіюйте шар фону.

Перейменуйте скопійований шар в Texture (Текстура), потім клацніть правою кнопкою миші по ньому і виберіть Конвертувати в смарт об'єкт (Convert to Smart Object)

2. Як створити текстуру фольги, використовуючи фільтри

Крок 1

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

Ці кольори дозволять вам створити текстуру фольги, але ви можете вибрати інші кольори для отримання інших ефектів.

Крок 2

Зайдіть в Фільтр > Галерея фільтрів > Спотворення > Скло (Filter > Filter Gallery > Distort > Glass) і застосуєте наступні настройки:

• Спотворення: 15 (Distortion: 15)
• Згладжування: 3 (Smoothness: 3)
• Текстура: Паморозь (Frosted)
• Масштаб: 100 (Scaling: 100)

Крок 3

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

Крок 4

Знову виберіть фільтр Скло (Glass), але в цей раз використовуйте наступні настройки:

• Спотворення: 20 (Distortion: 20)
• Згладжування: 3 (Smoothness: 3)
• Текстура: Полотно (Texture: Canvas)
• Масштаб: 100 (Scaling: 100)

3. Корекція забарвлення текстури

Крок 1

Якщо ви працюєте в старій версії Photoshop, вам знадобиться додати коригувальні шари, натиснувши на Створити нову заливку (Create a new fill) або іконку коригувальний шар (adjustment layer) внизу панелі шарів (Layers).

Крок 2

Тим часом, в новій версії ви можете застосувати корекції прямо до шару смарт об'єкта.

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

Крок 3

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

Ви можете зберегти цей файл, щоб мати копію оригінальної текстури.

4. Як перевести текстуру (Texture) в візерунок (Pattern)

Крок 1

Натисніть правою кнопкою миші на Шар Текстура (Texture layer) і виберіть Растеризувати шар (Rasterize Layer).

Крок 2

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

Крок 3

Щоб вирізати і вставити на новий шар виділену область, натисніть клавіші Command-Shift-J.

Крок 4

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

Крок 5

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

Крок 6

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

Крок 7

Натисніть клавіші Comand-E, щоб з'єднати обидва шару.

5. Як створити і закріпити безшовний візерунок.

Крок 1

Виберіть інструмент Пензель відновлення (Healing Brush Tool), затисніть клавішу Option, щоб взяти зразок текстури з області біля лінії, де сходяться обидва прямокутника.

Візьміть в якості типу лінії круглу кисть, розміри (Size) і жорсткість (Hardness) виберіть на свій розсуд в залежності від бажаного результату, і зафарбуйте лінію з'єднання наших прямокутників так, щоб вона повністю зникла.

Найкраще брати проби текстури і зафарбовувати лінію невеликими відрізками, щоб досягти найбільш переконливого результату.

Крок 2

Ви можете користуватися будь-якими іншими відновлюють інструментами. Головне - дотримуйтеся області, розташованої якомога ближче до лінії, і не міняйте текстуру до такої міри, коли вона стає розмитою або зернистої.

Крок 3

Повторіть попередні кроки і для вертикальної частини текстури.

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

Крок 4

За допомогою відновлюють інструментів зробіть безшовне з'єднання.

Крок 5

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

6. Як створити текст

Крок 1

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

Крок 2

Створіть текст, використовуючи шрифт Hensa, встановіть розмір 150 pt.

Крок 3

Якщо ваш текст займає більше одного рядка, вам доведеться відрегулювати значення міжрядкового інтервалу для кожного рядка таким чином, щоб в результаті текст був розташований рівномірно на сторінці.

Крок 4

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

7. Створення фігури рамки

Крок 1

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

Крок 2

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

Крок 3

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

Після цього натисніть клавішу Return (Enter) щоб застосувати зміни.

Крок 4

Назвіть вихідний шар з прямокутником Inner (внутрішній), а скопійований - Outer (Зовнішній).

Крок 5

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

8. Як застосувати ефект фольги.

Двічі клацніть по вихідному шару з текстом і застосуєте наступний стиль шару:

Крок 1

Додайте Тиснення (Bevel and Emboss) з наступними параметрами:

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

Крок 2

Додайте контур (Contour) з наступними параметрами:

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

Крок 3

Додайте текстуру (Texture) з наступними настройками:

• Візерунок: Колючий кущ (Pattern: Spiky Bush)
• Глибина: 50% (Depth: 50%)

Крок 4

Додайте накладення градієнта (Gradient Overlay) з наступними настройками:

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

Крок 5

Додайте накладення візерунка (Pattern Overlay) з наступними параметрами:

• Візерунок: Foil (фольга)
• Масштаб: 50% (Scale: 50%)

Крок 6

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

Клацніть правою кнопкою миші по шару зі стилізованим текстом, виберіть Копіювати стиль шару (Copy Layer Style), потім виберіть шари Inner та Outer з рамками, клікніть правою кнопкою миші по будь-якому з них, і натисніть Вставити стиль шару (Paste layer style).

9. Як створити ефект тонкого тиснення

Крок 1

Двічі клацніть по скопійованого шару тексту і застосуєте до нього ефект тиснення (Bevel and Emboss) з наступними параметрами:

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

Крок 2

Скопіюйте та вставте стиль шару в скопійовані шари Inner та Outer.

Вітаємо! Ви впоралися!

В даному уроці ми скористалися кількома фільтрами і настройками для створення текстури фольги. Потім попрацювали над безшовним з'єднанням текстур в єдине ціле за допомогою інструментів відновлення. І нарешті, ми створили текст і шари з рамками і надали їм текстуру фольги.

Будь ласка, залишайте свої коментарі, пропозиції та зауваження нижче.