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

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

Надпись X-Men в Adobe Photoshop

10 октября 2014 | Опубликовано в Уроки | 2 Комментариев »

В этом уроке мы создадим надпись X-Men в Adobe Photoshop. Этот урок подходит для новичков, которые хотят освоить премудрости стилей слоев. Большая часть эффектов будет выполняться именно в стилях. Сам урок довольно прост, он не требует особых навыков и не займет много времени. Вы научитесь создавать типографический эффект, который сможете модифицировать и применять к другим объектам.

 

Шаг 1

Скачайте здесь и откройте файл X-MAN Paths.psd и создайте новый слой (Layer 1). В палитре Paths/Контуры (Window>Paths/Окно>Контуры), удерживая Command/Ctrl, кликните по иконке Path 1, чтобы создать выделение по контуру.

X-Men Type Effect
X-Men Type Effect

Шаг 2

Нажмите D, чтобы выбрать в качестве фонового цвета белый. В качестве первого цвета выберите R:113, G:150, B:206. Возьмите инструмент Gradient/Градиент (G) и в настройках градиента выберите вариант от первого цвета к фоновому. Растяните градиент от верхней до нижней части выделения.

X-Men Type Effect
X-Men Type Effect

Шаг 3

Кликните по иконке Add a Layer Style/Добавить стиль слоя (fx) в нижней части палитры Layers/Слои, и выберите Bevel & Emboss/Тиснение. Настройте эффект как показано ниже.

X-Men Type Effect
X-Men Type Effect

Шаг 4

Укажите слою также стиль слоя Satin/Глянец и настройте его как показано ниже.

X-Men Type Effect
X-Men Type Effect

Шаг 5

Создайте новый слой (Layer 2) и снова загрузите выделение с контура Path 1. Смените первый цвет на R:149, G:157, B:134. Нажмите X чтобы поменять местами первый и фоновый цвета. Возьмите инструмент Gradient/Градиент, затем кликните по иконке Reflected Gradient/Отраженный градиент в палитре опций. Растяните градиент от центра выделения к краям. Смените blend mode/режим наложения слоя на Darker Color/Темнее. Снимите выделение.

X-Men Type Effect
X-Men Type Effect
X-Men Type Effect
X-Men Type Effect
X-Men Type Effect

Шаг 6

Создайте новый слой (Layer 3) и загрузите выделение с контура Path 2. Возьмите инструмент Gradient/Градиент, кликните по иконке линейного градиента. Растяните градиент сверху вниз выделения. Снимите выделение.

X-Men Type Effect

Шаг 7

Кликните по иконке Add a Layer Style/Добавить стиль слоя ив выберите вариант Inner Glow/Внутреннее свечение. Настройте стиль как показано ниже. Используйте цвет (R:128, G:128, B:128).

X-Men Type Effect

Добавьте слою также стиль Outer Glow/Внешнее свечение. Настройте как показано ниже, используя цвет R:128, G:128, B:128.

X-Men Type Effect
X-Men Type Effect

Шаг 8

Создайте новый слой (Layer 4) и загрузите выделение с контура Path 2. Нажмите Option-Delete/Alt-Backspace, чтобы залить выделение белым. Снимите выделение.

X-Men Type Effect
X-Men Type Effect

Шаг 9

В палитре Layers/Слои снизьте параметр Fill/Заливка для Layer 4 до 0%. Укажите слою стиль слоя Pattern Overlay/Перекрытие узора. Настройте как показано ниже. Используйте стандартный узор «Laid-Horizontal».

X-Men Type Effect
X-Men Type Effect

Шаг 10

Кликните по иконке Add Layer Mask/Добавить слой-маску в нижней части палитры Layers/Слои. Нажмите D, чтобы выставить черный и белый цвета. Возьмите инструмент Gradient/Градиент и выберите вариант от черного к прозрачному.

X-Men Type Effect
X-Men Type Effect
X-Men Type Effect
X-Men Type Effect

Шаг 7

Растяните градиент в маске два раза таким образом, чтобы черным цвет оказался слева и справа. Смотрите пример ниже.

X-Men Type Effect

Шаг 12

Сделайте видимым слой с текстом (если вы работаете не по файлу из примера, создайте слой с текстом). Создайте новый слой (Layer 5) и перетащите его под слой с текстом. Удерживая Command/Ctrl, кликните по иконке этого слоя, чтобы создать выделение по форме текста. Нажмите D, чтобы сделать первым цветом черный. Нажмите Option-Delete/Alt-Backspace, чтобы залить выделение черным цветом. (Так как слой находится под слоем с текстом, вы не увидите черной заливки).

X-Men Type Effect

Шаг 13

Нажмите Command-T/Ctrl-T, чтобы вызвать инструмент Free Transform/Свободное трансформирование. При помощи клавиши вверх перемещайте надпись выше, пока она не накроет нижнюю часть надписи X-MAN. Теперь тяните вверх нижнюю среднюю точку трансформирования, чтобы сплющить текст. Нажмите Enter.

X-Men Type Effect
X-Men Type Effect

Шаг 14

Используя ваш любимый инструмент выделения (к примеру Lasso/Лассо [L]), выделите верхнюю часть букв A и S в слове “PAST” в слое Layer 5. При помощи Free Transform/Свободного трансформирования вращайте и поместите содержимое выделения на диагональную часть буквы N. Нажмите Enter и снимите выделение. Повторите процедуру с другими буквами, пока все элементы не будут отражаться в верхнем тексте.

X-Men Type Effect
X-Men Type Effect

Шаг 16

В меню выберите Filter>Blur>Motion Blur/Фильтр>Размытие>Размытие в движении. Настройте фильтр как показано ниже и нажмите OK. Смените режим наложения слоя на Multiply/Умножение. Дублируйте слой Layer 5 и это всё!

X-Men Type Effect

Результат

X-Men Type Effect

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

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

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




Комментарии

  1. DAsakura
    Thumb up Thumb down 0

    Вообще правильно пишется — X-MEN, а не X-MAN)))