Создание металлической медной надписи

Это мощный, броский текстовый эффект, который в тоже время довольно несложен в исполнении. Мы будем работать со стилями Bevel and Emboss, текстурами, шаблонной заливкой и комбинировать другие различные техники, чтобы гармонично встроить надпись в соответствующий стильный фон.

1 Шаг

Медь — удивительный металл. Он крепок, надежен и в то же время легко поддается обработке. Помимо всего прочего медь — отличный материал для использования его в гранджевых, старинных дизайн элементах и веб-сайтах. И так, перед вами быстрый способ получить нужный медный эффект для применения в своих работах.

Сначала создайте новый документ с черным фоном, размерами 1024 на 768 пикселей. После этого поищите, на чем бы вы хотели видеть свою надпись. Я нашел вот такое фото обшарпанной стены и, после подстройки Hue/Saturation (Ctrl + U) и Levels (Ctrl + L) со значениями ниже, мы получили требуемый фон.

2 Шаг

Поскольку медь со временем приобретает зеленоватый отлив, нам будет нужно добавить кое-какие детали. Создайте новый слой, выберите зеленый цвет (#1A3404) основным и средней по величине мягкой кистью нарисуйте два пятна, как показано ниже. После этого смените режим наложения этого слоя на Color Dodge.

3 Шаг

Нажмите Ctrl + A, выделив, таким образом, всю рабочую область, затем нажмите Ctrl + Alt + D, чтобы сгладить выделение на 50px.

4 Шаг

Залейте выделение черным цветом (#000000) на новом слое, назвав его “Frame”. После этого откройте Filter > Distort > Wave и примените его, установив значение Max Wave Length равным 370.

5 Шаг

Теперь создайте новый слой, назвав его “Light” и залейте его линейным симметричным градиентом белого и черного (#FFFFFF и #000000) цветов. После этого откройте Image > Adjustments > Curves (Ctrl + M) и примените коррекцию с настройками, указанными ниже. В итоге смените режим наложения слоя “Light” на Overlay. Этот слой у вас должен держаться всегда поверх остальных в палитре Layers.

6 Шаг

Сейчас начинается самое интересное: наберите нужный вам текст. Я использовал шрифт Rockwell, но вы можете взять что-нибудь другое, это не принципиально.

7 Шаг

Теперь возьмемся за украшение нашего текста. Хорошим началом всегда считается добавление градиента, соответствующего освещению сцены. Примените к тексту стиль Gradient Overlay c пятью цветами (#000000, #160700, #783501, #421F01, и #050505), углом в 140º. Также добавьте Gradient Stroke тоже пяти цветов: #803C17, #A44F30, #52230F, #52230F и #381408, угол задайте -95º.

8 Шаг

Теперь добавим тени, сначала примените Inner Shadow, затем — Drop Shadow, особое внимание уделите режимам наложения каждого стиля. Обе тени должны быть в режиме Multiply.

9 Шаг

Здесь добавьте стиль Color Overlay с цветом #742901 и задайте ему режим смешения Linear Dodge (Add). После этого добавьте легкий эффект Satin (Opacity 16%).

10 Шаг

Этот шаг, наверное, самый главный во всем уроке. Добавьте стиль Bevel and Emboss, задайте Style равным Inner Bevel, параметр Technique — Chisel Hard. В итоге получите четкую кромку. Все параметры задавайте по примеру на картинке. Увеличьте Depth до 715%, а также уделите внимание Highlight и Shadow.

После задания основных настроек для Bevel, отметьте галочкой стиль Contour и выберите Gaussian Contour со значением Range 50%. Далее отметьте Texture и выберите “Rusted Metal” текстуру из галереи Photoshop CS3 по умолчанию.

11 Шаг

Выполните Ctrl + click по слою с текстом “Copper”, чтобы загрузить выделение текста. Откройте Select > Modify > Contract, задайте значение 4px (величина градиентного контура) и нажмите Ok.

12 Шаг

Создайте новый слой и назовите его “Inner Effects”, заполните выделение черным цветом (#000000). После этого примените стиль Inner Glow и Satin, используя параметры, приведенные ниже. Затем задайте 0% Fill слою.

13 Шаг

Дублируйте слой “Copper” и назовите копию “Text shadow”. Затем удалите, либо спрячьте все стили слоя и вызовите Layer > Rasterize > Type. Поместите копию под слой “Copper” в палитре Layers, и спрячьте сам слой “Copper” с текстом ненадолго. Примените фильтр Filter > Blur > Motion Blur к слою “Text shadow”. Теперь снова включите видимость слоя “Copper”, выберите слой “Text shadow” и удалите ненужные сверху части тени.

14 Шаг

Теперь добавим лучи света. Инструментом Rectangle Tool нанесите 4-5 параллельных прямоугольников поверх слоя “Light”. Задайте искажение лучам, как показано на рисунке ниже (это можно сделать, применив Perspective, при трансформировании с помощью Ctrl + T). После этого примените Gaussian Blur (радиус 10px). В итоге смените режим наложения этого слоя (назовем его “Light stripes”) на Overlay и задайте 50% Opacity.

15 Шаг

Выполните Ctrl + click по миниатюре слоя “Light stripes”, затем перейдите на слой “Text shadow” и удалите выделенное.

16 Шаг

Просто чтобы улучшить освещение, сделайте Ctrl + click по слою “Copper”, но в этот раз залейте выделение черно-белым симметричным градиентом на новом слое, сразу под слоем “Light”. После этого смените режим наложения слоя на Overlay и задайте 25% Opacity.

17 Шаг

Как последний штрих добавьте текстуру на новом слое поверх нашего текста. Например, я добавил вот этот кусок старой бумаги, сменив режим наложения на Multiply, а Opacity задал равным 50%.

18 Шаг

Вот и все. Я еще добавил подпись к нашему тексту для завершения композиции. Я надеюсь, урок оказался вам полезен. До встречи!

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта psd.tutsplus.com, автор перевода указан в начале урока.