Отрисовка логотипа "Трансформеры": техдизайн металлических объектов
Нравится(+) +1 Не нравится(-)

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


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


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

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

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

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

Сайт: designlessons.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте:

И в Твиттере: twitter.com/DesignLessons

Информация
Автор / Разработчик
Натан Браун
Перевел
Автор перевода не указан
Сложность
Средняя
Источник
Добавил
Yara
Дата
20-02-2019, 17:16
Метки:  еще статьи

Поделиться ссылкой

  • Яндекс
Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 6 + 0 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 204.236.235.245
Последние уроки
Опубликовано 21-10-2019, 20:59
Опубликовано 14-10-2019, 21:33
Опубликовано 13-10-2019, 20:50
Опубликовано 11-10-2019, 11:28
Опубликовано 7-10-2019, 20:00
Архив сайта
Карта Сайта