Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем пиратский текст в Adobe Photoshop

5 сентября 2014 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем создавать настоящую пиратскую надпись в Adobe Photoshop. Мы будем активно работать со стилями слоев, используем маски и даже немного порисуем кистью. Урок довольно прост и не займет у вас много времени. Зато эффект, который вы получите, наверняка вам приглянется.

 

Шаг 1

Создайте новый документ размером 17×12.75″, и разрешение в 300-ppi. В качестве первого цвета выберите R:52, G:57, B:65. Нажмите Option-Delete/Alt-Backspace чтобы залить фон серым цветом. Нажмите D, затем X, чтобы установить в качестве первого цвета белый. Выберите инструмент Type/Текст (T), кликните в документе и введите желаемый текст. В примере использован шрифт Pieces of Eight размером в 305 pt.

Rusty Type Effect

Rusty Type Effect

Шаг 2

Откройте любое изображение ржавого материала. При помощи инструмента Move/Перемещение (V) расположите изображение поверх текста.

Rusty Type Effect

Rusty Type Effect

Шаг 3

Удерживая Command/Ctrl, кликните по иконке слоя с ржавой текстурой в палитре Layers/Слои, чтобы создать выделение. Нажмите Command-Option-T/Ctrl-Alt-T, чтобы дублировать выделение и вызвать рамку Free Transform/Свободное трансформирование. Кликните правой кнопкой по рамке и выберите Flip Horizontal/Отразить горизонтально. Теперь переместите рамку вправо так, чтобы они и оригинал текстуры соприкасались краями. Нажмите Enter чтобы принять изменения. Повторяйте процедуру, пока не покроете всю надпись.

Rusty Type Effect
Rusty Type Effect

Шаг 4

Активируйте слой с ржавой текстурой. Удерживая Command/Ctrl кликните по слою с текстом, чтобы создать выделение по контуру текста. Кликните по иконке Add Layer Mask/Добавить слой-маску в нижней части палитры Layers/Слои. Кликните по иконке сглазом напротив слоя с текстом в палитре Layer/Слои, чтобы скрыть этот слой. Нажмите D, чтобы установить в качестве первого цвета черный.

Rusty Type Effect

Шаг 5

Кликните по иконке Add a Layer Style/Добавить стиль слоя в нижней части палитры Layers/Слои и выберите Inner Glow/Внутреннее свечение. Выберите Blend Mode/Режим наложения Multiply/Умножение и снизьте Opacity/Непрозрачность до 50%. Кликните по иконке с цветом и выберите черный цвет. Укажите значение 5 px в параметре Size/Размер.

Также укажите стиль слоя Gradient Overlay/Перекрытие градиента. Настройте параметры как показано ниже. Кликните по градиенту и настройте его как показано на следующей картинке. 

Rusty Type Effect

Rusty Type Effect

Шаг 6

Укажите стиль слоя Outer Glow и настройте его как показано ниже, кликните OK, чтобы применить эффекты стилей слоя.

Rusty Type Effect

Rusty Type Effect

Шаг 7

Дублируйте слой с ржавой текстурой. В палитре Layers/Слои кликните по слою-маске, чтобы сделать его активным. Удерживая Command/Ctrl, вновь кликните по иконке слоя-маски, чтобы создать выделение. В меню выберите Select>Modify>Contract/Выделение>Модифицировать>Сжать. Введите значение 20 px и нажмите OK. Нажмите Command-Shift-I/Ctrl-Shift-I, чтобы инвертировать выделение. Наконец нажмите Command-Delete/Ctrl-Backspace, чтобы залить выделение в маске черным цветом. Deselect.

Rusty Type Effect

Rusty Type Effect

Rusty Type Effect

Rusty Type Effect

Шаг 8

Кликните дважды по эффекту Inner Glow/Внутреннее свечение в копии слоя с ржавчиной. Настройте эффект как показано на первой картинке ниже. Используйте цвет R:147, G:139, B:118.

Примените стиль слоя Color Overlay/Перекрытие цвета. Также настройте эффект как показано на второй картинке ниже. Цвет — R:114, G:141, B:148.

Выберите стиль слоя Outer Glow/Внешнее свечение. Настройте как показано на третей картинке ниже. Выберите тот же цвет что и в эффекте внутреннего свечения. Нажмите OK.

Rusty Type Effect

Rusty Type Effect

Rusty Type Effect

Rusty Type Effect

Rusty Type Effect

Шаг 9

Сделайте активным оригинальный слой с ржавчиной. Дублируйте его вновь и поместите поместите копию под слоем оригинала. Кликните по эффектам под слоем-копией и перетащите их в мусорное ведро. Кликните по слою-маске, затем создайте выделение по контуру этого же слоя маски. В меню выберите Select>Modify>Expand/Выделение>Модификация>Расширить. Укажите 20 px и нажмите OK. Нажмите Option-Delete/Alt-Backspace, чтобы залить белым цветом выделение.

Rusty Type Effect

Rusty Type Effect

Rusty Type Effect

Шаг 10

Создайте новый слой. Нажмите Option-Delete/Alt-Backspace, чтобы залить выделение в этом слое черным цветом. Смените режим наложения слоя на Overlay/Перекрытие и снизьте opacity/непрозрачность до 0%. Кликните по иконке Add a Layer Style/Добавить стиль слоя и выберите Bevel & Emboss/Тиснение. Настройте эффект как показано ниже.

Rusty Type Effect

Rusty Type Effect

Rusty Type Effect

Rusty Type Effect

Шаг 11

Создайте еще один слой и переместите его поверх остальных слоев. Смените режим наложения слоя на Overlay/Перекрытие. Выберите в качестве первого цвета R:106, G:117, B:118 и нажмите Option-Delete/Alt-Backspace, чтобы залить выделение в этом слое.

Rusty Type Effect

Rusty Type Effect

Шаг 12

Создайте еще один слой. Удерживая Command/Ctrl кликните по слою-маске второй копии слоя с ржавой текстурой. Укажите в качестве первого цвета R:149, G:182, B:182. Возьмите инструмент Brush/Кисть (B), выберите большую растушеванную кисть и рисуйте ей в некоторых местах текста, как на примере ниже.

Rusty Type Effect

Rusty Type Effect

Шаг 13

Смените первый цвет на R:148, G:128, B:78. Вновь кистью закрасьте некоторые области, как в примере ниже.

Rusty Type Effect

Rusty Type Effect

Шаг 14

Смените первый цвет на R:184, G:127, B:78. Снова рисуйте в некоторых местах, как показано ниже. После того как вы закончите, смените режим наложения для этого слоя на Overlay/Перекрытие.

Rusty Type Effect

Rusty Type Effect

Вы можете добавить деталей и все готово!

Rusty Type Effect

Автор урока Felix Nelson

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Nicka00
    Thumb up Thumb down 0

    Классно, но много мороки =) Хотя, с чем мороки не бывает?) Спасибо! Замечательно!

    Ответить

Оставить ответ


пять + 1 =

Вставить изображение