Электрический световой эффект для изображения

/ 👁 1653

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

дополнительные материалы к урокам

демо версия урока

Давненько я не публиковала уроков по веб дизайну. И сегодня решила заполнить этот пробел. Сегодня будем создавать

Электрический световой эффект для изображения.

Думаю, что Вы найдете ему применение в своих работах. Все исходные материалы Вы можете загрузить из исходников (иконка в начале статьи), а можете сразу работать со своим изображением. Посмотреть результат на полном экране Вы можете нажав на иконку «Демо».

Итак, давайте начнем!

электрический световой эффект для изображения

1. Откройте файл с изображением в программе Photoshop. Вы можете использовать файл из Исходников, который я использую в своем примере или же работать со своим изображением.

Разблокируйте слой с изображением, дважды щелкнув по слою, а после нажав на клавишу «Ок» в появившемся окне.

Теперь создайте новый слой под слоем с Вашим изображением и при помощи заливки (G) закрасьте этот слой в черный цвет.

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

применяем слой-маску к изображению

2. Кликнете мышью по слою с изображением, тем самым сделав его активным. В меню Filter выберите Sharpen – Unsharp Mask.

меню фильтр

Установите настройки как показано на скриншоте ниже:

настройки для Unsharp Mask

Это действие с изображением придаст четкости его деталям.

3. Создайте новый слой с прозрачным фоном над слоем с черным фоном. Возьмите кисть с жесткостью 0% синего цвета (в примере используется цвет «#48166f») и создайте штрихи вокруг изображения подобно тому как показано на скриншоте ниже.

создаем штрихи вокруг изображения

Уменьшите непрозрачность слоя (Opacity) до 42 %.

4. Теперь мы применим текстуру воды. В Исходниках Вы можете найти файл под названием «water.jpg». Вы можете скачать и использовать его, либо какую-то другую текстуру, которая Вам нравится.

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

Когда текстура вставится Вы можете подрегулировать ее размеры и нажать клавишу Enter.

Теперь растрируйте слой, щелкнув по нему правой кнопкой мыши и выбрав команду Rasterize Layer.

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

Уменьшите непрозрачность ластика (Opacity на панеле сверху) до 20% и пройдитесь по самой области синих штрихов.

В моем случае я вставляла изображение воды дважды, так как основное изображение у меня выше, чем изображение текстуры воды (а если растянуть изображение текстуры в два раза, то оно станет не красивым). Таким образом у меня получилось два слоя с текстурами и их масками: один отвечает за верхнюю часть картинки, а другой – за нижнюю. Вы же вставляйте столько раз, сколько Вам потребуется (все зависит от размера и пропорций начального изображения и от размера и пропорций изображения текстуры). В любом случае все действия для этих слоев аналогичны.

Чтобы Вам было более понятно, что мы должны получить – вот скриншот того, что должно получиться на данном этапе:

добавляем текстуру воды

5. Создайте вверху всех наших слоев слой корректировки (Curves). Сделать это можно воспользовавшись вот такой иконкой слой корректировки из панели, которая расположена под слоями.

создаем корректировочный слой кривых

Если Вы щелкните по слою дважды, то перед Вами откроется окно, где мы можем регулировать кривые каждого цветового канала RGB.

Из раскрывающегося списка (RGB) выбирайте по очереди каждый канал и отрегулируйте кривые каждого канала так, чтобы конечный результат Вам нравился. Здесь я не буду давать каких-то четких параметров. Вы должны поэкспериментировать, чтобы понять, какой эффект нравится именно Вам и какой подходит больше для Вашего изображения.

У меня после регулировки получилось следующее:

регулировка цветовых каналов изображения RGB

6. Создадим еще один корректирующий слой. На этот раз из меню корректирующих слоев нужно выбрать пункт Gradient Map. Этот слой должен быть расположен под нашим первым корректирующим слоем, который мы создали в прошлом шаге.

Щелкнув по слою дважды, Вы увидите окно для настроек этого слоя. Из списка градиентов выберите градиент от фиолетового к оранжевому (кстати, Вы также можете и поэкспериментировать и с другими градиентами – получаются очень интересные эффекты). И в конце поставьте непрозрачность слою 30%.

применяем карту градиентов

7. И последний корректирующий слой, который нам нужно создать называется Hue/Saturation. Создаем его подобно тому, как мы создавали и другие корректирующие слои. Этот слой должен располагаться в самом верху и при его помощи мы придадим нашему изображению эффект моно-цвета.

Вы можете использовать настройки как у меня (см. скриншот ниже) или же поэкспериментировать и подобрать эффект, который понравится и подойдет Вашей композиции больше.

корректирующий слой для моно эффекта

8. Создайте новый слой. Выберете инструмент Freedom Pen Tool и нарисуйте линии подобно тому, как показано на скриншоте ниже.

рисуем линии с Freedom Pen Tool

Теперь выберите инструмент Кисть (B) диаметром 15 px и с жесткостью 100%.

В меню Window выберите пункт Brushдля того, чтобы открыть настройки кисти. Поставьте галочку напротив пункта Shape Dinamics. Щелкните по этому пункту, чтобы задать ему необходимые настройки. Задайте настройки как на скриншоте ниже:

настройки для динамической кисти

После того, как мы настроили кисть, нужно выбрать для нее желтый цвет. После этого, стоя на нашем новом слое, переходим во вкладку Path, щелкаем по слою правой кнопкой мыши и выбираем команду Stroke path… .

команда Stroke path…

В открывшемся окне выбираем «Brush» и нажимаем «Ок».

К нашим путям применится текущая кисть.

применение кисти к путям

9. Задайте для слоя эффект «Outer Glow» с такими настройками, как показано на скриншоте ниже:

эффект для слоя

Теперь стоя на слое нажмите клавишу “Del” для того, чтобы удалились контуры наших путей.

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

слой-маска для светящихся линий

Теперь на активном слое со светящимися линиями возьмите кисть диаметром 7px, жесткостью 50% и прозрачностью 50% и поставьте маленькие точки возле линий, там, где Вам покажется это уместным. Так мы создадим своеобразные искры от светящихся линий. Можно также убавить непрозрачность всего этого слоя до 60%.

создаем светящиеся искры

10. И последний штрих. Объедините все наши слои. Для этого встаньте на самый верхний слой и нажмите сочетание клавиш Ctrl+Shift+Alt+E. Слои объединятся в один общий слой, который будет на самом верху.

После этого, стоя на объединенном слое, выберите в меню Filter – Other – High Pass…. Установите значение на 5,5.

светящийся эффект для изображения

После этого нажмите «Ок» и установите режим наложения слоя на Linear Light. Кстати, Вы можете выбрать и другой режим наложения. Если поэкспериментировать с режимами наложения, то можно получить много разных интересных эффектов.

А вот, что получилось у меня:

изображение с магическими бликами

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

Делитесь своими комментариями. Буду очень признательна. А также делитесь уроком при помощи кнопок социальных сетей со своими друзьями.

Если Вы еще не подписаны на обновление блога, то можете это сделать использую форму ниже.

А я буду с Вами прощаться, друзья.

Успехов Вам! И до встречи в следующих уроках.

Tags:

Leave a Reply