Создаем текст с эффектом медной фольги в 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.

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

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

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