Создаём супер световой эффект в Фотошоп. Неоновое свечение в фотошопе

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

В этом уроке мы покажем, как за несколько шагов создать красивый светящийся флористический узор. Результат получится довольно эффектным, а вот процесс его создания - довольно прост, что еще нужно новичку?

Для работы вам понадобятся следующие файлы:

Floral Brushset (выберите что-нибудь из списка)

Что ж, поехали!

1 Шаг

Создайте новый документ размерами 600?600px и сразу залейте фон черным цветом #000000 . Создайте новый слой под названием “Cloud” с порядка 40% Opacity и нарисуйте какое-нибудь облако при помощи одной из кистей, которые вы скачали.

Создайте еще один слой с названием “background light”, переключитесь на большую мягкую кисть белого цвета и создайте световые пятна, как показано на рисунке ниже.

Как видите, таким образом можно в считанные секунды создать неплохой фон для дальнейшей работы.

2 Шаг

Создайте новый слой под названием “floral pattern”. Используя флористическую кисть, которую вы скачали вначале урока, нанесите один узор на этот слой.

Теперь к этому слою примените следующие стили (пункт Blending Options из контекстного меню, выпадающего при клике правой клавишей мыши на слое):

Bevel and Emboss

Как видите, здесь мы создали немного бликов и немного тени для нашего узора:

3 Шаг

Теперь можно добавлять эффект свечения к узору. Для этого просто дублируйте оригинальный слой с цветком и примените к нему размывку, выполнив Filter > Blur > Gaussian Blur:

И вот, что вы получите, когда за узором образуются светящиеся края:

4 Шаг

Внесем в изображение немного цвета. В этом нам поможет корректирующий слой Color Balance Adjustment Layer. Лично я считаю, что это самый легкий способ добавить картинке цвета без использования инструментов Brush и Color Picker.

Я выбрал смешение золотых оттенков (задавайте все, как указано ниже):

Ну и вот наш результат:

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

5 Шаг

Сейчас сольем все слои (Image > Flatten Image), не забыв перед этим сохранить копию исходного документа со слоями в отдельном файле. Дублируйте фоновый слой и примените следующий фильтр к нему: Filter > Sharpen > Smart Sharpen.

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

Теперь займемся созданием эффекта боке. Это можно сделать, используя настройки Brush Dynamics (F5).

Создайте новый слой с названием “bokeh” поверх других слоев. Переключитесь на круглую кисть с примерно 90% значением Hardness и примените такие параметры для этой кисти:

Transfer (Other Dynamics)

Также отметьте опции Airbrush и Smoothing

Ну и вот, что получим на выходе:

6 Шаг

Дублируйте слой боке и примените к дублю фильтр Filter > Sharpen > Smart Sharpen:

Снизьте Opacity дубля в район 80% и увидите, как вокруг боке возникнет подсвеченный край:

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

Добавляем разноцветное свечение в Фотошоп

В этом уроке я покажу Вам, как создать интересное свечение и добавить настроение изображению. Для этого будем использовать режимы наложения (blending options), инструменты выделения и немного Вашего воображения.

После.

Давайте начнём. Откройте изображение , к которому вы хотите применить эффект. Автор выбрал это.

Шаг 1. Нужно отделить девушку от фона. Сделайте это с
помощью способа, который у Вас лучше всего получается. Автор
использовал инструмент Перо
(Pen Tool), проведя путь вокруг фигуры девушки, нужно закрыть контур,
образовать выделенную область. Растушевку поставьте в 1 пикс.

Шаг 2. Скопируйте выделение(Ctrl+C) и вставьте (Ctrl+V) его на новый слой, назовите слой «Девушка ».

Шаг 3. Дублируйте слой «Девушка». Для копии этого слоя примените коррекцию Яркость/Контрастность в меню Изображение - Коррекция (Image > Adjustments > Brightness and Contrast).

Шаг 4. Выделите слой «Девушка». Идём в меню Фильтр - Размытие - Размытие в движении (Filter > Blur > Motion Blur). Ставим такие настройки Угол (Angle) - 40 градусов, Смещение (Distance) - 120. Слейте слои «Девушка» и её копию.

Шаг 5. с девушкой и назовите его «Дым». Используя инструмент Лассо (Lasso Tool), обведите область вокруг девушки. Поставьте растушевку 150 пикс.

Шаг 6. Убедитесь, что Ваш цвет переднего плана - белый, а фоновый цвет - черный. Теперь идём в меню Фильтр - Рендеринг - Облака (Filter > Render > Clouds). После этого поставьте режим наложения для этого слоя Перекрытие (Overlay).

Шаг 7. Создайте новый слой под слоем "Дым" и назовите его "Градиент". Выберите Инструмент Градиент (Gradient Tool) и щелкните, чтобы вызвать Редактор Градиента. Поставьте цвет переднего плана (foreground) #c6229e и цвет заднего (background) плана #1dbdda . В настройках инструмента поставьте Линейный . Проведите градиентом от левого верхнего угла до правого нижнего, поставьте непрозрачность этому слою 60%.

Шаг 8. Поставьте слою «Градиент» режим наложения Перекрытие (Overlay), затем слейте слои « Дым» и «Градиент».
У Вас должно получиться как на скриншоте ниже. Можно
экспериментировать с разными цветовыми сочетаниями градиента и другими
режимами наложения для слоя «Градиент».

Шаг 9. Создайте новый слой под слоем "Градиент" и назовите его "Свечение". Используя белую мягкую Кисть (Brush) , закрасьте кисточкой края девушки. Это создаст эффект жара позади девушки.

Шаг 10. Сделайте активным инструмент Кисть (Brush
tool), зайдите в палитру настроек кисти (F5) и введите следующие
настройки, как показано на скриншотах ниже. Сохраните эту кисточку,
нажав Сохранить новую кисть (Create New Brush) и назовите её "Splash".
Потом вы снова можете её выбрать в палитре кистей и использовать позже.
Проведите настроенной кистью по изображению как на рисунке ниже.
Добейтесь желаемого эффекта.

Шаг 11. Создайте новый слой, назовите это "Полосы". Название говорит само за себя. Мы собираемся сделать светящиеся полоски. Чтобы сделать их, выберите инструмент Полигональное лассо
(Polygonal Lasso Tool) и создайте треугольник. Затем, используя белую
мягкую кисть, подрисуйте противоположную сторону основы треугольника. Вы
можете также экспериментировать с различными формами и размерами, чтобы
создать эффекты, которые Вы хотите.

Шаг 12. Теперь сделаем освещение на самой девушке. Для этого, создайте новый слой, выше слоя «Девушка» и поставьте ему режим наложения на Осветление основы
(Color Dodge). Загрузите контур девушки, который вы сделали раньше в
палитре контуры или воспользуйтесь комбинацией клавиш Ctrl+ клик по
миниатюре слоя с девушкой. Загрузится выделение. Используя инструмент П ипетка (Eyedropper
Tool), выбирайте цвет свечения вокруг девушки, которое мы сделали
раньше и тем же цветом, мягкой кисточкой, проводим по внутреннему
контуру выделенной области.

Шаг 13. Теперь мы создадим световые линии. Создайте новый слой под названием "Линии" выше слоя с девушкой. Поставьте цвет переднего плана (foreground color) белым, выберите инструмент Кисть (Brush Tool) и откройте окно настроек кисти. Выбираем мягкую кисть, примерно 9 пикс. Во вкладке Динамика формы (Shape Dynamics) установите Колебание размера (size jitter control) на нажим пера (Pen Pressure). Это придаст мазкам кисти интересный эффект.

Шаг 14. Используя инструмент Перо (Pen tool), создайте несколько линий (смотрите скриншот). После этого нажмите ПКМ и выберите опцию - Выполнить обводку контура (Stroke Path). Откроется окно настроек. В нём необходимо поставить Кисть (Brush) и поставить галочку в окошке Имитировать нажим (Simulate Pressure). Жмём ОК. После этого, Ваши линии сделанные пером, обведутся кисточкой.

Шаг 15. Теперь дважды щёлкните по слою с линиями, чтобы вызвать Стили слоя (Blending Options). Применим Внешнее свечение (Outer Glow). Настройки используйте как на скриншоте ниже.

Шаг 16. С помощью маски слоя, по желанию, Вы можете
убрать некоторые части линий, которые попадают на девушку. А также
можете добавить больше элементов к изображению, чтобы заставить его
выглядеть еще более уникальным.

Вот финальное изображение.

Изучая этот урок, я сделала вот такую картинку.

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

А вот то, что получится в конце:

Давайте приступим.

Шаг 1 . Как всегда, начинаем с того, что дублируем фоновый слой. Чтобы сделать это быстро, нажимаем Ctrl+J . Назовем новый слой «Слой 1» .

Шаг 2. Нам необходимо добавить новый пустой слой между нашим Слоем 1 и фоновым . Можно сделать это несколькими способами, но проще всего, находясь на Слое 1 и удерживая Ctrl , щелкнуть по иконке создания нового слоя в палитре слоев. Удерживая Ctrl , вы сообщаете Photoshop, что хотите создать слой ниже выбранного.

Теперь у нас есть чистый слой между фоновым и Слоем 1.

Шаг 3. Нажмите D для восстановления цветов переднего плана - черного, фонового - белого. Затем, с выбранным чистым слоем, нажимаем Ctrl+Backspace . Эта команда заполнит чистый слой фоновым (белым) цветом. На самом изображении ничего не изменится, т.к. белый слой находится посередине, но в палитре слоев миниатюра чистого слоя заполнится фоновым цветом.

Шаг 4. Щелкаем на Слое 1 . Мы собираемся скопировать изображение в буфер обмена. Для этого сначала нажимаем Ctrl+A , чтобы выбрать целый слой. Вы увидите блок выбора вокруг краев изображения. Затем нажимаем Ctrl+С , чтобы скопировать изображение в буфер.

Шаг 5 . С выбранным Слоем 1 щелкаем по иконке добавления маски слоя в палитре слоев.

Шаг 6. Мы собираемся вклеить скопированное изображение в маску слоя. Удерживая Alt , щелкаем по миниатюре маски слоя в палитре слоев.

Наше изображение стало белым листом, т.к. мы видим не слои, а маску слоя. Теперь в маску слоя можно вклеивать изображение. Нажимаем Ctrl + V . У нас появится черно-белое изображение:

Изображение черно-белое потому, что мы все еще смотрим на маску слоя. В маске слоя могут быть видны только черный, белый и серый цвета. Это видно и на миниатюре маски слоя в палитре слоев:

Шаг 7. Если щелкнуть по миниатюре самого Слоя 1 , то мы увидим наше исходное изображение, которое «маскируется» своей копией и белым слоем (сквозь белые участки в изображении маски слоя «просвечивает» белый нижний слой). Выглядит это примерно так:

Инвертируем маску слоя для того, чтобы светлые области стали темными, а темные - светлыми. Для этого щелкаем по миниатюре маски слоя в палитре слоев (теперь клавишу Alt удерживать не обязательно) и инвертируем маску слоя. Можно использовать сокращение Ctrl + I . Теперь наше изображение должно смотреться значительно лучше:

Шаг 8. Для того, чтобы добавить нашему изображению мягкий эффект свечения применим к маске слоя фильтр размытия по Гауссу . С выбранной миниатюрой маски слоя в палитре слоев проходим в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur).

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

Шаг 9. Объедините Слой 1 с белым слоем (нажимаем Ctrl + E ).

Шаг 10. Изображение выглядит слишком светлым и «замыленным». Попробуем устранить эти недостатки. Для начала продублируем наш новый объединенный слой:

Затем, изменим режим наложения нового слоя на Умножение (Multiply).

Наше изображение стало более контрастным. Если вам покажется изображение слишком темным, измените непрозрачность нового слоя. В нашем примере Непрозрачность (Opacity) установлена на 75% .

Вот что у нас получилось после изменения режима наложения слоя на Умножение и установки непрозрачности слоя на 75%:

Шаг 11. Изображение смотрится хорошо, за исключением того, что цвета выглядят немного тусклыми. Попробуем исправить это. В палитре слоев щелкаем по иконке создания нового корректирующего слоя:

Выбираем Цветовой тон/Насыщенность (Hue/Saturation)

В появившемся диалоговом окне Цветовой тон/Насыщенност ь меняем значение Насыщенности . Для нашего примера подойдет значение +25%.

Когда вы будете довольны величиной насыщенности, щелкайте ОК.

Теперь посмотрим, что же у нас получилось. Вот наше исходное изображение:

А вот - конечный результат:

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

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

Эффект свечения краев, созданный в сцене, и эффект Внутреннее свечение, добавленный в Photoshop .

Свечение краев добавляет драмы

В фильме «Чужой» (1979) была такая сцена, когда персонаж, которого сыграл Гарри Дин Стэнтон, идет искать кота Джонса. Это сцена заставила меня закрыть рот обеими руками. Я просто знала, что произойдет что-то ужасное – с таким невероятным напряжением она была создана.

« Чужой » кинокомпании «20th Century Fox»

Освещение на протяжении всего фильма было выполнено в низком ключе, чтобы создать угрюмое атмосферное ощущение.

Хороший пример свечения краев – это использование источников света с двух сторон или одного позади объекта, как на изображении ниже.

На этой фотографии источник света за объектом создает свечение краев вокруг головы. Это также называется свечение волос.

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

Создание эффекта свечения краев в сцене

Я использовала следующие предметы для создания свечения краев:

Одна бутылка воды
Одна глянцевая черная плитка
Два источника света
Камера, установленная на штатив.

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

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

Я поставила свой iPad вертикально с одной стороны бутылки и открыла приложение Soft Box, которое можно загрузить бесплатно, и задала белый цвет. С другой стороны была установлена LED-лампа. Сцена была выстроена на моем кухонном столе.

Как видно на фотографии ниже, я могла контролировать угол направления света, попадающего на бутылку. Настройки камеры были следующие: ISO 2000, выдержка 1/60, диафрагма f/5.6.

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

Примечание :

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

Это фото бутылки воды прямо из камеры.

Теперь давайте погрузимся в Photoshop.

Создание эффекта контровой подсветки в Photoshop

Ключом добавления эффекта свечения краев в Photoshop является Стиль слоя и объект, отделенный от фона. Прежде, чем применить какой-либо стиль слоя, необходимо, чтобы изображение, которое вы будете использовать, было тщательно вырезано. Используйте любой инструмент для выделения, но я рекомендую Перо.

Стиль слоя

Давайте взглянем на Стиль слоя. В открытой программе Photoshop перейдите на панель Слои. В самом низу вы увидите группу иконок. Среди них вторая слева fx. Нажмите на нее, и появится диалоговое окно с различными вариантами стилей.

Стили слоя появятся, если нажать на иконку fx , расположенную внизу панели Слои.

Набор Внутреннее свечение

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

Когда вы нажмете на любой из вариантов стилей слоя, там уже будут предустановленные настройки, но вы легко можете их редактировать. В данном примере, оставим некоторые настройки как они есть, и настроим следующие три:

Растушевка
Размер
Непрозрачность

Экспериментируйте до тех пор, пока не будете довольны результатом, а затем нажмите ОК.

Всплывающее диалоговое окно со Стилем слоя и настройками по умолчанию.

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

Использование режима наложения Осветление основы вместо Экран

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

Первое изображение – это Внутреннее свечение с режимом наложения Экран и настройками по умолчанию. Во втором изображении режим наложения изменен на Осветление основы.

Изменение режима наложения на Осветление основы

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

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

Создание эффекта свечения краев с нуля с помощью Photoshop

Однако, эта техника действительно прекрасна, если нужно создать свечение краев с нуля. Для примера возьмем это изображение бабочки Калиго. На нем совсем нет эффекта свечения.

Калиго

Я отделила бабочку от фона с помощью инструмента Перо, и поместила ее на другой фон, к которому добавила размытие по Гауссу.

Пшеница

Так как Калиго размещена на отдельном слое, я добавила Внутреннее свечение из Стиля слоя и изменила режим наложения на Осветление основы, выбрав темный желтый. Я хотела, чтобы на крыльях появилась подсветка от заходящего солнца на заднем плане.

Бабочка Калиго была вырезана инструментом Перо в Photoshop и помещена на другой фон. Я размыла фон с помощью размытия по Гауссу.

Я поместила этот эффект Стиля слоя на отдельный слой. Затем применила слой-маску и закрасила желтое свечение на крыльях, чтобы они выглядели реалистично. Я сделала еще немного ретуширования, добавив градиентное Перекрытие, а затем применила Фильтр>Размытие>Среднее , чтобы смешать цвета двух изображений.

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

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

Часто на фотографиях, где на сильно отражающий предмет под определенным углом направлен яркий луч света можно увидеть асимметричный белый контур — блик. Но можно ли создать подобный эффект когда фото уже снято? Да, при помощи программы Adobe Photoshop! Несколько достаточно несложных действий и вы получите изображение, выглядящее примерно так.

Итак, приступим.

Для начала необходимо вырезать предмет с фона. Я использую комбинацию инструментов Волшебная палочка и Магнитное лассо .

После этого продублируем слой с изображением предмета и при помощи Параметров наложения создаем вокруг него стандартное (цвет и интенсивность вы можете выбрать сами) .

Далее идет этап, на котором мы сделаем свечение асимметричным. Здесь важно соблюсти последовательность действий: сначала выделите все изображение (Ctrl+клик по пиктограмме слоя) , затем нажмите «Растрировать стиль слоя» , а после удалите все содержимое области при помощи клавиши Delete .
Слой с оставшимся свечением переместите под слой с исходным изображением и трансформируйте его. Зажав Ctrl , потяните за угловые точки чтобы изображение изменило форму. При необходимости используйте ластик.

Теперь мы можем добавить крупный блик в форме звезды, какой обычно появляется на фотографиях при очень ярком освещении. Для начала, создадим отдельный файл размером, к примеру, 100х100 пикселей. На этом файле, обязательно используя инструмент Перо , создаем контур, похожий на звезду с четырьмя лучами. Звезда не обязательно должна быть симметричной, при желании вы даже можете поменять форму блика на любую другую. Когда контур будет закончен, выберите инструмент и поменяйте цвет заливки на черный (обводку можно отключить) .

Теперь необходимо заново выбрать инструмент Перо и нажать Редактирование->Определить произвольную фигуру…
Получившуюся фигуру разместите на основном изображении, в зоне, где блик получился наиболее ярким, залив ее тем же цветом, что и его и растрировав.

Остался последний шаг. Находясь на слое с фигурой, выберите Фильтр->Размытие->Размытие по фигуре… В открывшемся меню, как вы понимаете, нужно выбрать созданную нами ранее фигуру. Значение радиуса вы можете установить на свое усмотрение, в моем случае подошли 65 пикселей.

Готово! Теперь осталось сменить прозрачность слоев с бликом и отредактировать фото. Итоговое изображение выгладит примерно так.

Удачи в создании собственной работы!