![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/ramka5.jpg)
В этом уроке дизайна мы создадим реалистичный логотип фильма "Трансформеры". Эта техника техдизайна позволит отрисовывать любые металлические объекты такого типа.
Сложность: средняя
Время: до 1 часа![Далее...](/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif)
Навыки для "прокачки":
- инструмент Перо (Pen Tool)
- создание объема
- наложение текстуры
- создание отражения
- работа со свето-тенью
- цветокоррекция Градиентом
Для уроков от среднего уровня и выше: если возникают вопросы по используемым в уроках инструментам, рекомендуем пройти курс "Фотошоп с нуля".
Текстура металла для повторения урока.
Кисти дыма.
Шаг 1
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0025.jpg)
Возьмите инструмент Перо (Pen Tool) в Photoshop и создайте форму по образцу (просто кликая инструментом по точкам углов. Чтобы создавать ровные вертикальные и горизонтальные линии, перед кликом удержите Shift). Это буквы TF.
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0036.jpg)
Шаг 2
Примените стиль слоя Тиснение (Bevel & Emboss).
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0046.jpg)
Нам надо убрать проблему закругленных углов. Если вы знаете, как это сделать средствами Фотошоп автоматически - скажите нам. Мы же просто создали треугольники, заполненные наполовину цветами света и тени.
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0056.jpg)
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0066.jpg)
Шаг 3
В этом шаге добавим тень (Drop shadow).
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0076.jpg)
Шаг 4
Поместим в файл текстуру поцарапанного металла и положим под слой TF.
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0085.jpg)
Большой черной мягкой Кистью поработайте под TF, чтобы сгустить тени.
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0095.jpg)
Шаг 5
Для того, чтобы текстурировать буквы TF, используем еще раз текстуру и положим ее над слоем. Затем, нажмем на иконке слоя TF, удерживая Ctrl - загрузится выделение. Инвертируем выделение нажатием (Ctrl + Shift + I), затем нажмем кнопку Del.
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0104.jpg)
Снимем выделение (Ctrl + D) и установим Режим наложения слоя на Наложение цвета (Overlay), а Непрозрачность (opacyty) до 80%.
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0114.jpg)
Шаг 6
Добавим отражение на поверхности букв, чтобы создать настоящий металлический эффект. Например, подойдет любой городской пейзаж.
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0124.jpg)
Используя тот же метод поместите изображение на новый слой над фигурой TF, добавьте фильтр размытие Размытие по Гауссу (Gaussian Blur), снова загружите выделение букв и удалите участки, выходящие за пределы TF. Измените Режим наложения на Наложение цвета (Overlay).
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0134.jpg)
Оставьте выделение активным и создайте новый слой (Ctrl+J). Нарисуйте тени на левой стороне формы TF. Установите Режим наложения слоя на Наложение цвета (Overlay), а Непрозрачность (Opacyty) до 65%.
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image014.gif)
Сделайте то же самое с правой стороны для создания подсветки, мягкой белой Кистью. Используйте тот же режим наложения Наложение цвета (Overlay) и Непрозрачность (opacyty) до 65%.
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0154.jpg)
Шаг 7
Теперь осветим сверху логотип. Для этого используем мягкую белую кисть. Красным обозначена область закрашивания. Свет обрывается на грани букв.
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0164.jpg)
Используйте мягкий Ластик (Eraser) до 50% Непрозрачности (Opacyty), чтобы удалить часть света по мере приближения к краю TF.
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0172.jpg)
Шаг 8
Можно бы остановиться на этом - картинка близка к тому, что на начальном примере Но добавим еще несколько штрихов.
Используя некоторые кисти из набора кистей Дым, создайте пару штрихов. Эти слои сделайте до 30% Непрозрачности (Opacyty).
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0182.jpg)
Шаг 9
Последним шагом добавим Корректирующий слой (Adjustment layer) Карта градиента (Gradient Map).
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0192.jpg)
Надеемся, что этот урок дизайна поможет вам создать свой блокбастер!
![Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп](/uploads/2012/02/image0016.jpg)