Даний урок запропонує вам простий спосіб створити текст, ніби виконаний з фольги, за допомогою фільтрів, корекції і стилів шарів. Давайте почнемо!
Цей ефект для тексту був створений під натхненням від безлічі стилів шарівв 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.
Вітаємо! Ви впоралися!
В даному уроці ми скористалися кількома фільтрами і настройками для створення текстури фольги. Потім попрацювали над безшовним з'єднанням текстур в єдине ціле за допомогою інструментів відновлення. І нарешті, ми створили текст і шари з рамками і надали їм текстуру фольги.
Будь ласка, залишайте свої коментарі, пропозиції та зауваження нижче.