
В этом уроке дизайна мы создадим реалистичный логотип фильма "Трансформеры". Эта техника техдизайна позволит отрисовывать любые металлические объекты такого типа.
Сложность: средняя
Время: до 1 часа
Навыки для "прокачки":
- инструмент Перо (Pen Tool)
- создание объема
- наложение текстуры
- создание отражения
- работа со свето-тенью
- цветокоррекция Градиентом
Для уроков от среднего уровня и выше: если возникают вопросы по используемым в уроках инструментам, рекомендуем пройти курс "Фотошоп с нуля".
Текстура металла для повторения урока.
Кисти дыма.
Шаг 1

Возьмите инструмент Перо (Pen Tool) в Photoshop и создайте форму по образцу (просто кликая инструментом по точкам углов. Чтобы создавать ровные вертикальные и горизонтальные линии, перед кликом удержите Shift). Это буквы TF.

Шаг 2
Примените стиль слоя Тиснение (Bevel & Emboss).

Нам надо убрать проблему закругленных углов. Если вы знаете, как это сделать средствами Фотошоп автоматически - скажите нам. Мы же просто создали треугольники, заполненные наполовину цветами света и тени.


Шаг 3
В этом шаге добавим тень (Drop shadow).

Шаг 4
Поместим в файл текстуру поцарапанного металла и положим под слой TF.

Большой черной мягкой Кистью поработайте под TF, чтобы сгустить тени.

Шаг 5
Для того, чтобы текстурировать буквы TF, используем еще раз текстуру и положим ее над слоем. Затем, нажмем на иконке слоя TF, удерживая Ctrl - загрузится выделение. Инвертируем выделение нажатием (Ctrl + Shift + I), затем нажмем кнопку Del.

Снимем выделение (Ctrl + D) и установим Режим наложения слоя на Наложение цвета (Overlay), а Непрозрачность (opacyty) до 80%.

Шаг 6
Добавим отражение на поверхности букв, чтобы создать настоящий металлический эффект. Например, подойдет любой городской пейзаж.

Используя тот же метод поместите изображение на новый слой над фигурой TF, добавьте фильтр размытие Размытие по Гауссу (Gaussian Blur), снова загружите выделение букв и удалите участки, выходящие за пределы TF. Измените Режим наложения на Наложение цвета (Overlay).

Оставьте выделение активным и создайте новый слой (Ctrl+J). Нарисуйте тени на левой стороне формы TF. Установите Режим наложения слоя на Наложение цвета (Overlay), а Непрозрачность (Opacyty) до 65%.

Сделайте то же самое с правой стороны для создания подсветки, мягкой белой Кистью. Используйте тот же режим наложения Наложение цвета (Overlay) и Непрозрачность (opacyty) до 65%.

Шаг 7
Теперь осветим сверху логотип. Для этого используем мягкую белую кисть. Красным обозначена область закрашивания. Свет обрывается на грани букв.

Используйте мягкий Ластик (Eraser) до 50% Непрозрачности (Opacyty), чтобы удалить часть света по мере приближения к краю TF.

Шаг 8
Можно бы остановиться на этом - картинка близка к тому, что на начальном примере Но добавим еще несколько штрихов.
Используя некоторые кисти из набора кистей Дым, создайте пару штрихов. Эти слои сделайте до 30% Непрозрачности (Opacyty).

Шаг 9
Последним шагом добавим Корректирующий слой (Adjustment layer) Карта градиента (Gradient Map).

Надеемся, что этот урок дизайна поможет вам создать свой блокбастер!
