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





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

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


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

Подсказка

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

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

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

Световой космический эффект



Загрузите эти элементы:

Изображение космоса
Акварельные кисти
Кисти сияний

Шаг 1 – Поиск векторной работы
В этому уроке я не буду уделять много внимания векторному рисунку, так как цель – это создание эффекта. Можете сами нарисовать объект в Illustrator, а потом импортировать его в Photoshop, или скачать что-нибудь из интернета. Это не так важно. Можете скачать в конце урока PSD файл и там в группе "Nike Shoe Layers" есть разные компоненты кроссовка, которые я нарисовал в Illustrator. В качестве источника я выбрал кроссовок Nike Dunk High 08.
Откройте векторное изображение в Photoshop (скорее всего, вам нужно будет перетащить всю группу слоёв).

Световой космический эффект


Шаг 2 – Добавление стилей слоя
Раскройте группу “"Nike Shoe Layers", чтобы видеть все слои, находящиеся внутри. К первому слою примените стиль Наложение цвета (Layer Style - Color Overlay): цвет – белый.

Световой космический эффект


Кликните правой кнопкой на слое со стилем и выберите Скопировать стиль слоя (Copy Layer Style). Выберите все остальные слои группы, кликните правой кнопкой и выберите Вставить стиль слоя (Paste Layer Style).

Световой космический эффект


Шаг 3 – Заливка фона
Весь холст станет белым. Не пугайтесь. Мы ничего не стёрли, а просто не видим белый кроссовок на белом фоне. К фоновому слою тоже примените стиль Наложение цвета (Layer Style - Color Overlay): цвет – чёрный.

Световой космический эффект


Шаг 4 – Эффект свечения
В группе кроссовка выберите слой "Stitching" и примените к нему стиль Внешнее свечение (Layer Style - Outer Glow):

Режим: Нормальный
Непрозрачность: 50%
Шум: 0%
Цвет: #FFFFFF
Метод: Мягкий
Размах: 1%
Размер: 56 пикселей

Световой космический эффект


Скопируйте этот стиль и вставьте его на слой "Large Stitching", который находится ниже.

Световой космический эффект


Шаг 5 – Добавление свечения на шнурки
Теперь к слою "Shoelaces" примените стиль Внешнее свечение:

Режим: Осветление
Непрозрачность: 75%
Шум: 0%
Цвет: #23DBF1
Метод: Мягкий
Размах: 0%
Размер: 50 пикселей

Световой космический эффект


Шаг 6 – Добавление зелёного неонового свечения
К слою "Underneath Shoe Padding" примените стиль Отбрасывание тени (Layer Style - Drop Shadow):

Режим: Нормальный
Цвет: #00FF1E
Непрозрачность:75%
Угол: 0
Смещение: 0 пикселей
Размах: 17%
Размер: 40 пикселей

Световой космический эффект


Скопируйте стиль со слоя "Underneath Shoe Padding" и вставьте на слои "Underneath Tongue" и "Top Layer".

Световой космический эффект


Шаг 7 – Оранжевое свечение
К слою "Side Colourway" примените стиль Внешнее свечение:

Режим: Осветление
Непрозрачность: 75%
Шум: 0%
Цвет: #F8B45C
Метод: Мягкий
Размах: 10%
Размер: 57 пикселей

Световой космический эффект


Шаг 8 – Жёлтое свечение
Скопируйте последний стиль слоя и вставьте его на слой "Colourway Front". Но нам нужно немного его подправить: измените цвет на #F1E41C.

Световой космический эффект


Шаг 9 – Стилизация логотипа Nike
К слою "Nike Check" примените стиль Внешнее свечение:

Режим: Осветление
Непрозрачность: 75%
Шум: 0%
Цвет: #FD0083
Метод: Мягкий
Размах: 10%
Размер: 76 пикселей

Световой космический эффект


Обводка:

Размер: 2 пикселя
Положение: Снаружи
Режим: Нормальный
Непрозрачность: 100%
Цвет: #FFFFFF

Световой космический эффект


Шаг 10 – Ещё стили
К слою "Side Material" примените стиль Внешнее свечение:

Режим: Осветление
Непрозрачность: 75%
Шум: 0%
Цвет: #3232F5
Метод: Мягкий
Размах: 8%
Размер: 84 пикселя

Световой космический эффект


Тот же стиль для слоя "Rubber Material":

Режим: Осветление
Непрозрачность: 55%
Шум: 0%
Цвет: #00FFC6
Метод: Мягкий
Размах: 13%
Размер: 43 пикселя

Световой космический эффект


Для слоя "Tongue":

Режим: Осветление
Непрозрачность: 75%
Шум: 0%
Цвет: #E1BF6D
Метод: Мягкий
Размах: 6%
Размер: 21 пиксель

Световой космический эффект


Скопируйте последний стиль на слой "Front Shoe Piece"
К слою "Underneath Nike Check" примените стиль Внешнее свечение

Режим: Осветление
Непрозрачность: 50%
Шум: 0%
Цвет: #FFFF00
Метод: Мягкий
Размах: 10%
Размер: 16 пиксель

Световой космический эффект


Шаг 11 – Дублируем кроссовок
Мы добавили свечение почти к каждому элементы кроссовка, за исключением нескольких маленьких деталей. Можете свернуть группу "Nike Shoe Layers". Сделайте её копию (перетащите папку на иконку создания нового слоя).

Световой космический эффект


Кликните правой кнопкой на копии группы и выберите Объединить слои:

Световой космический эффект


Установите Режим наложения полученного слоя – Перекрытие (Blending Mode – Overlay). Это усилит яркость свечения. Можете также попробовать другие режимы наложения.

Шаг 12 – Добавление фона
Откройте фотографию космоса, перетащите в наш документ, инструментом Свободное трансформирование (Free Transform) измените размер слоя и установите Режим наложения – Осветление (Blending Mode – Screen).

Световой космический эффект


Потом на слое с космосом перейдите в меню Тон/Насыщенность (Hue/Saturation) и сделайте его чёрно-белым:

Световой космический эффект


Над слоем с космосом создайте корректирующий слой Уровни (Layer – Levels):

Световой космический эффект


Установите значение среднего ползунка – 0,57. Это немного затемнит фон и добавит контрастности. Нам не нужен фон, который будет привлекать слишком много внимания, поэтому мы добавим некоторые элементы поверх него.
Прежде чем мы продолжим, немного почистим палитру слоёв. Это делать не обязательно, но так будет удобнее работать. Выберите фоновый слой, слой с космосом и корректирующий слой Уровни, и объедините их в группу (Ctrl+G). Назовите группу "Background".

Шаг 13 – Добавление цвета космосу
Над группой “Background” создайте новый слой (Create New Layer), выберите инструмент Градиент (Gradient Tool) и настройте, как показано ниже.

Световой космический эффект


Вы можете выбирать для космоса любые цвета, я лишь покажу, как нужно работать. Выберите слой на фоновой группой и сделайте заливку среднего размера. Установите Режим наложения этого слоя – Цветность (Blending Mode – Color). Переключитесь на инструмент Перемещение (Move Tool) и расположите градиент там, где вам угодно. Каждую новую заливку нужно делать на отдельном слое. Когда закончите, объедините все слои с градиентами в группу "BG Color".

Световой космический эффект


Шаг 14 – Поворачиваем кроссовок
Я хочу сделать изображение немного динамичнее. Для этого выберите группу и слой с кроссовком и инструментом Свободное трансформирование (Free Transform) поверните их немного (удерживайте Shift при повороте, чтобы повернуть на 45 градусов).

Световой космический эффект


Шаг 15 – Световые полоски
Создайте новый слой (Create New Layer) поверх всех слоёв. Инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте вертикальное выделение небольшой ширины. Залейте его линейным градиентом цветом от #08AFFD к прозрачному. Удерживайте Shift при заливке, чтобы она была прямой.

Световой космический эффект


Инструментом Свободное трансформирование (Free Transform) поверните слой против часовой стрелки и расположите под кроссовком.

Световой космический эффект


Установите Режим наложения слоя с градиентом – Перекрытие (Blending Mode – Overlay) и сделайте копию (Ctrl+J). Копия усилит свечение. Объедините оба слоя (Ctrl+E).

Световой космический эффект


Сейчас у нас только одна световая полоска. Нам нужно сделать ещё несколько штук. Создавайте копии слоя с полоской, и каждый из них нужно будет немного повернуть (смотрите на картинку ниже). У меня в итоге получилось 8 полосок:

Световой космический эффект


Объедините в группу все слои с полосками. Назовите группу "Light Streaks".

Шаг 16 – Применение акварельных кистей
Создайте новый слой над группу “BG Color”, но под группой "Nike Shoes Layer” и слоем с кроссовком.
Используя самую большую кисть из набора, скаченного в начале урока (2500 пикселей), сделайте мазок на холсте. Потом создайте ещё несколько слоёв и на каждом делайте одиночные клики кистью. Устанавливайте Режим наложения этих слоёв – Перекрытие (Blending Mode – Overlay). Как будет выглядеть изображение зависеть от вас. Ваша цель – это добавить текстуру.

Световой космический эффект


Когда закончите объедините все эти слои в группу "Watercolor Brushes".

Шаг 17 – Последние штрихи
Вернёмся к нашим диагональным полоскам. Чтобы сделать их красивее, мы воспользуемся кистями сияний. Создайте новый слой поверх всех остальных и белым цветом нарисуйте одно сияние большой кистью (2500 пикселей). Установите Режим наложения - Перекрытие (Blending Mode – Overlay). Сделайте несколько копий этого слоя и раскидайте сияния по холсту.

Световой космический эффект






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






PSD файл

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