Мы запустили Форум! (*beta)
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.
Конечный результат:

Загрузите эти элементы:
Изображение космоса
Акварельные кисти
Кисти сияний
Шаг 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 файл
Ссылка на источник урока

Загрузите эти элементы:
Изображение космоса
Акварельные кисти
Кисти сияний
Шаг 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 файл
Ссылка на источник урока
Создан: 15 декабря 2010


+25
