Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:

Цифровой дым


Шаг 1
Откройте Adobe Illustrator, инструментом Перо (P) нарисуйте две кривые линии. Лучше будет, если они пересекутся. Это форма будущего дыма. Потом нарисуйте ещё две кривые линии, немного другой формы. Выберите одну из двух пар линий и обведите одну белым цветом, а другую тёмно--серым цветом (70%). Другую пару обведите такими же цветами, но инвертируйте их. Когда мы вставим линии в Photoshop, будет легче изменять цвета.

Цифровой дым


Шаг 2
Выберите инструмент Blend Tool, кликните на крае белой линии, потом на крае серой линии. Точки соединятся линией. Перейдите в меню Object>Blend>Blend Options и настройте, как показано ниже. Повторите этот процесс для другой пары.

Цифровой дым


Шаг 3
Переходим к Photoshop. Создайте новый документ с параметрами, показанными ниже. Скопируйте первую пару линий и вставьте в документ Photoshop, как смарт-объект. Повторите этот процесс для второй пары линий. Мы используем смарт-обекты, чтобы изменять размер линий без потери качества. Качество не теряется потому, что линий сохраняются в виде векторных объектов, а не растровых. Также можно использовать фильтры, не портя объект. То есть Вы в любой момент сможете изменить параметры фильтра или удалить его. Это что-то вроде применения стилей слоя, только используются фильтры.

Цифровой дым


Шаг 4
Вставьте смарт-объекты в группы (Create New Group). Установите Режим наложения обеих групп – Умножение (Blending Mode – Multiply). Назовите слои и группы, как показано ниже. К обоим смарт-объектам примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 1 пиксель.

Цифровой дым


Шаг 5
Сделайте копию каждого смарт-объекта. Установите Режим наложения копий – Перекрытие (Blending Mode – Overlay).

Цифровой дым


Шаг 6
Сейчас мы изменим серый цвет на синий при помощи корректирующего слоя Тон/Насыщенность (Levels - Hue/Saturation). Этот слой должен быть расположен поверх остальных.

Цифровой дым


Шаг 7
Сделайте копию слоя “Smoke 1” ещё раз и растрируйте (Rasterize - Linked layer). Расположите его поверх всех остальных слоёв. Установите Режим наложения – Осветление основы (Blending Mode – Color Dodge). Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 25 пикселей. У вас появится синее свечение.

Цифровой дым


Шаг 8
Установите Непрозрачность слоя “Smoke 1” – 50%. Сделайте копию группы “Smoke 1” и понизьте её Непрозрачность до 20%. Добавьте маску к группе (Layer Mask). Выберите инструмент Градиент (Gradient Tool), стиль – радиальный, от белого к чёрному. Сделайте заливку маски слева направо, чтобы линия постепенно угасала.

Цифровой дым


Шаг 9
Сделайте копию последней группы (к которой применяли маску) и немного поверните её инструментом Свободное трансформирования (Free Transform), чтобы она немного отличалась.
Если Вы хотите оставить дым на белом фоне, то далее можно не продолжать работать.

Цифровой дым


Шаг 10
Создайте новый слой поверх всех остальных и залейте его градиентом от #FFFFFF к #C4CCD0.

Цифровой дым


Шаг 11
Установите Режим наложения – Исключение (Blending Mode – Exclusion). Этот режим наложения инвертирует цвета нижних слоёв.

Цифровой дым


Шаг 12
Создайте новый слой поверх остальных и залейте его градиентом #5f4547-#7096e4. Установите Режим наложения – Цветность (Blending Mode – Color) и Непрозрачность – 50%.

Цифровой дым


Шаг 13
В завершении напишите какой-нибудь текст. Потом примените фильтр Нерезкая маска (Unsharp Mask Filter), чтобы добавить чёткости линиям.

Цифровой дым




Обсудить данный урок на форуме




PSD файл

Ссылка на источник урока