Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

184 545 чел. 379 667 работ 4 021 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Магия световых эффектов в Фотошоп

От автора: Этот урок является доказательством того, что я страсть как люблю цветные световые эффекты, и чем их больше, тем лучше. Я покажу вам, как можно сделать сильное освещение, применяя, например, стили слоя. Вам не нужны будут для этого специальные кисти, всё сделаем с помощью нескольких изображений.

Этот урок не только для продвинутых, новички тоже могут попробовать свои силы, но вы должны знать, как пользоваться корректирующими слоями, как создавать пользовательские кисти и как применять стили слоя. Не смотря на всё это, я думаю, что это не очень сложный урок.

Я хотел создать нечто вроде мастера, который бросает цветные шары с энергией.  Поэтому  я подобрал несколько изображений и теперь предлагаю приступить к этой работе вам.

Вот собственно и Мастер-Волшебник о котором весь этот урок.

Материалы для урока:

Архив

Шаг 1. Откройте в Photoshop  фото, на котором изображен ваш будущий Мастер . Вам не нужно будет отделять его от фона, если вы хотите добавить  только такие эффекты как в уроке. Для начала добавим пару  корректирующих слоев  для общей корректировки изображения.  Первый будет Карта градиента  (Gradient Map) с градиентом по умолчанию (пурпурно-оранжевый) , установите его режим смешивания на Линейный осветлитель (Добавить)  (Linear Dodge (Add) и непрозрачность  (Opacity ) 10%. Второй корректирующий слой  Цветовой тон/Насыщенность (Hue\Saturation). В настройках этого слоя поднимем  Насыщенность  (Saturation) до 25.

Шаг 2. Начнём со светового шара. Откройте изображение powerball.jpg,  уменьшите его размер  и увеличьте насыщенность. Измените  режим наложения на Осветление (Screen), так вы скроете черный фон. Теперь возьмите большую, мягкую  кисть и на новом слое и нарисуйте две большие точки. Автор использовал желтый и синий цвет, чтобы соответствовать цветам шара, который находится слоем ниже. Измените режим наложения  для слоя с точками на Перекрытие ( Overlay).

Шаг 3. На данный момент наш энергобол смотрится неплохо, но можно сделать и лучше, добавив некоторые детали. Создадим свечение шара с помощью большой мягкой кисти оранжевого цвета. Измените  режим смешивания этому слою на Точечный свет (Pin Light) и понизьте непрозрачность до 50%. Это очень важно, потому, что без этого слоя будет плохо видно Внешнее свечение (Outer glow)маленьких точек-искр, показанных на следующем скриншоте.

Имейте в виду, что в зависимости от цвета вашего изображения с моделью, вам, возможно, придется использовать различные режимы наложения. Режимы наложения работают по-разному в зависимости от цвета и освещения.
Теперь вам нужно создать кисть для искр,  с рассеиванием, так же включите опцию шума в настройках кисти. В стилях слоя добавьте  Внешнее свечение (Outer glow) и поставьте режим смешивания в настройках свечения на  Осветление основы (Color Dodge).

Прим. переводчика: настройки подобной кисти есть в этом уроке в шаге 5.

Как вы видите, теперь на слое искры очень хорошо просматриваются, это потому, что мы заранее создали ниже слой с оранжевым свечением.
Для того чтобы лучше обозначить этот шар, автор сделал некоторые линии, используя инструмент Перо (Pen Tool).  Предварительно настройте жесткую кисть в 2 пикс. и с активным инструментом Перо выберите опцию  Выполнить обводку контура (Stroke Path).  В окне настроек выберите Кисть (Brush). Отметьте галочкой опцию  Имитировать нажим  (Simulate Pressure option).  Вы можете создать 5 или 6 изогнутых линий. Их можно дублировать и вращать как вам угодно.

После того,  как линии будут готовы, объедините  их всех в один слой, если вы сделали их на отдельных слоях и примените  Внешнее свечение (Outer glow). Имейте  в виду, размер и цвета вашего изображения могут повлиять на конечный результат, и вам, возможно, необходимо использовать отличающиеся настройки чем те, которые предложены в уроке.

Шаг 5. После того как мы сделали первый энергетический шар, добавим некоторые цвета на тело модели с помощью кистей и стокового изображения. Откройте color-waves.jpg и вставьте его в ваш документ. Масштабируйте его в случае необходимости и измените режим смешивания на Осветление (Screen). Создайте маску слоя и скройте верхнюю часть. См. изображение ниже.

Используя большую мягкую Кисть (Brush), добавьте больше цветовых оттенков и поставьте режим наложения для этого слоя Перекрытие (Overlay) или Осветление (Screen).

Шаг 6. Сейчас я покажу вам, как можно сделать 3D  квадраты и круги. 
Возьмите квадратную кисть и в окне настроек кисти активируйте опцию Рассеивание (Scattering), но не добавляйте рассеивания слишком много. В Динамике формы (Shape dinamics)  нужно увеличить  Колебание угла (Angle Jitter).  Так же установить настройку Колебание размера (Size Jitter) на максимум и если вы работаете не с планшетом, то в Управлении (Control) включить настройку Переход  (Fade). С помощью этой настройки мазок вашей кисточки в конце  будет сужаться.
Проведите кисточкой от левой ноги к правой руке. Если квадратиков слишком много, то добавьте рассеивание.

Установите режим смешивания слоя с квадратами на Перекрытие (Overlay) и добавьте следующие стили слоя. Попробуйте различные цвета и режимы наложения, чтобы получить интересный результат.

3D круги сделаны таким же образом. Создайте несколько кружков разного размера  и уменьшите Заливку (Fill) до 16%. Скопируйте стили слоя  от слоя с квадратами и, при желания,  измените некоторые режимы наложения и цветов в настройках Внешнего свечения (Outer Glow). Можно спрятатьпока этих 3D кружки в следующих шагах и приготовим другие эффекты.

Прим. переводчика: стили слоя можно скопировать, зажав клавишу Alt и просто перетащить иконку стилей на нужный слой.

Шаг 7. Откройте изображение color-lines.jpg и поместите его на левую ногу.  Установите режим смешивания на Осветление (Screen).  Изменение цвета, если  хотите, и увеличьте насыщенность изображения.

Создадим несколько контуров с помощью инструмента Перо (Pen Tool), предварительно настроим жесткую кисть в 2 пикс. а затем, сделаем обводку контура.  Ниже на скриншоте стили слоя, которые нужно применить к созданным линиям.

Добавим освещение на левой ноге. Для этого возьмите мягкую Кисть (Brush) и уменьшите её непрозрачность  (Opacity) до 43%. Нарисуйте два пятна, используя цвета c2839f и bac93c. Измените режим смешивания этого слоя  на Яркий свет (Vivid Light).

Шаг 8. Создайте два или три выделения, используя инструмент Прямолинейное лассо (Polygonal Lasso Tool). Зажав клавишу Shift, вы сделаете его под  углом 45º. Затем, используйте большую мягкую кисть и проведите по краю выделения. У вас должно получиться примерно так,  как на скриншоте ниже. После всех этих действий измените  режим наложения слоя на Перекрытие (Overlay) или Мягкий свет (Soft Light).

Шаг 9. Откройте изображение fractals.jpg и поместите его в ваш документ, а затем перейдите в меню Фильтр – Оформление – Мозаика ( Filter- Pixelate- Mosaic). Автор использовал в окне настроек 30 пикселей, как размер ячейки, поскольку он работает с высоким  разрешение изображения, но вы можете использовать размер, который подходит для вашей картинки. После этого увеличиваем насыщенность и меняем режим смешивания на Осветление основы (Color Dodge). Вы также можете попытаться изменить оттенок полученной мозаики, чтобы увидеть какие сочетания цветов вам понравятся больше.

Шаг 10. Как видите, правая часть нашего изображения  выглядит как то пустовато,  и мы это изменим. Используем квадратную кисть и нарисуем несколько случайных квадратов не далеко друг от друга, а также применим к ним фильтр Размытие в движении 45 º (Motion Blur). Для того, чтобы добавить цвета нарисованным квадратам, используем  стили слоя. Скриншоты ниже.  Чтобы усилить этот эффект, дублируйте этот слой.

Так же добавим на слой с размытыми квадратами искры, рассеянной кисточкой, как в шаге 3 и этим самым усилим цветовой и световой эффекты. Для этих искр так же нужно в стилях слоя настроить Внешнее свечение (Outer Glow )  установить режим наложения для свечения  Осветление основы (Color Dodge). Как видно на скриншоте ниже, режим наложения для этого слоя Перекрытие (Overlay)

Используйте большую  мягкую кисть  синего цвета и добавьте вспышку света на правой ноге. Режим наложения  для этого слоя поставьте Линейный осветлитель (добавить)  (Linear Dodge (Add).

Шаг 11. Пришел черёд  для создания второго энергошара и сделаем мы его с помощью этого изображения - supernova.jpg. Переместите его в ваш документ, отмасштабируйте, добавьте насыщенности и поместите его на руку.  Режим смешивания для этого слоя поставьте Осветление (Screen). Для того чтобы добавить эффект излучения света, возьмите большую мягкую кисть с красновато-оранжевым оттенком и оставьте на новом слое отпечаток на шаре. Режим наложения для этого слоя Линейный осветлитель (добавить)   (Linear Dodge (Add)).

Используйте рассеянную кисть, чтобы добавить искры на шар, как вы делали это несколько шагов назад на правой руке. Добавьте  в стилях слоя Внешнее свечение (Outer Glow) с цветом по умолчанию и режим смешивания установите Осветление основы (Color Dodge).

Теперь создадим шлейф этому энергошару с помощью изображения - trail.jpg. Поместите его в ваш документ и смените режим наложения для этого слоя на Осветление (Screen).

Для объёма шара используем ещё одно изображение - shatters.jpg.

Заключение: Вот и всё! Конечно, вы можете добавить ещё изображения для эффектов, но не перестарайтесь.  Имейте  ввиду, когда подбираете изображения, для них могут быть применены разные режимы смешивания, это зависит от их цвета и контрастности. Также помните, что автор использовал изображения с высоким разрешением и если вы используете изображения низкого разрешения, то возможно вам придётся менять предложенные в уроке настройки.

Результат урока:

Прим. переводчика: не забудьте включить слой с кружками, если вы его отключали, автор на финальном изображении это сделать кажется забыл).

Прим. переводчика: если пройдёте по ссылке на источник урока, то сможете скачать PSD файл автора. Но, не слишком увлекайтесь чужим трудом, и научитесь делать такие штуки сами). Удачи вам в изучении этого урока!

Автор: Andrei Oprinca

Комментарии 185

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Рыбка, спасибо за перевод!

Спасибо.Урок интересный,только фото подходящее трудно было подобрать.

не понравились мне текстуры световые что в этом уроке,токо одну использовал,и сделал композицию под цвет одежды.

Урок очень хороший. Сделала немного по своему.

Спасибо за этот прекрасный урок

арабские волшебники революционеры)))

Спасибо! Похожих уроков много!

урок конечно..))супер.я сначала наворотила всего-и клеток,и радуг-и энто был ужас...одни эффекты,девушку затмило.немного убрала.вышло-как вышло.спасибо

Спасибо! Отличный урок!

Еще одна работа, flame painter +ps и вместо screen color dodge)

Как прикольно получилось)))) Спасибо за урок

Классный урок.
Делала немножечко по своему

Вот моё))Не очень но всё же))Строго не судите)

слишком сложно

Классный эффект! Спасибо за урок, очень пригодился)))

Мой фризлайт и родина Свердловск! Спасибо за урок!

Не стала загромождать квадратиками и разноцветными полосами. Вот так получилось. Спасибо!

маленько другое но тоже со светом

Спасибо за урок!Очень понравилось!

Спасибо классный урок!!))И скажите почему у меня получились еле светлые изображения которые я вставлял??

может режим наложения не тот выбрал или непрозрачность слоя низкая

мне понравилось спасибо.

Еще 30
Добавить комментарий / работу
Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} Жалоба

Оставить комментарий

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Добавить комментарий / работу
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:

Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules