На Вашем компьютере обнаружен устаревший браузер!
(Доступ на сайт будет ограничен)
Советуем Вам скачать новую версию браузера:

Вход на сайт

Рекомендуем ознакомиться со следующими разделами Фотошопа:



Разместите здесь свою рекламу
Главная » Photoshop » Отрисовка логотипа «Трансформеры»: техдизайн металлических объектов
20.02.2020

Отрисовка логотипа «Трансформеры»: техдизайн металлических объектов

Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп

В этом уроке дизайна мы создадим реалистичный логотип фильма "Трансформеры". Эта техника техдизайна позволит отрисовывать любые металлические объекты такого типа.

Сложность: средняя
Время: до 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).

Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп

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

Отрисовка логотипа "Трансформеры": техдизайн металлических объектов - уроки фотошоп

Источник: http://wegraphics.net/blog/tutorials/how-to-make-a-metallic-transformers-style-logo/
Автор: Натан Браун

(+3 баллов, 3 оценок)
Loading ... Loading ...
Написать комментарий

Подписаться, не комментируя

.