Как сделать эффект свечения. Неоновое свечение в фотошопе

Как сделать эффект свечения. Неоновое свечение в фотошопе
Как сделать эффект свечения. Неоновое свечение в фотошопе

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

1 Шаг

Начнем с создания фона для изображения. Выберите инструмент Gradient Tool (G), переключите его тип на радиальный и залейте фон цветом от красно-коричневого к черному (цвета #922f00 , #000000 ).

2 Шаг

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

3 Шаг

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

4 Шаг

Установите непрозрачность (Opacity) слоя равной 30% и задайте ему режим наложения Overlay. Во многих случаях этого было бы достаточно, но мы еще больше усилим эффект.

Откройте Filter > Sketch > Chrome и используйте значения 4 и 7 для параметров Detail и Smoothness соответственно.

По окончании манипуляций результат должен быть более реалистичным.

5 Шаг

Теперь, прежде чем начать создавать свечение нам нужно что-то, что будет светиться. Здесь мы берем в руки перо (Pen Tool) и наносим на рисунок какую-нибудь изящную кривую. К счастью, это не так сложно. Пример такой S-образной кривой показан на иллюстрации ниже.

6 Шаг

Теперь создайте новый слой, выберите инструмент Paintbrush Tool (B) и выберите тонкую жесткую кисть. Поскольку мягкие кисточки - относительно размытые, нам нужна твердая с параметром Hardness 100%. Толщину кисти возьмите равной 3px. Цвет можете выбрать любой - мы все равно его перекроем цветом стиля.

7 Шаг

Снова переключитесь на Pen Tool (P). Теперь сделайте правый клик мышкой и выберите пункт Stroke Path. Там обозначьте Brush и обязательно - пункт Simulate Pressure. Жмем OK и смотрим, что получилось. Еще раз совершаем клик правой клавишей и выбираем пункт Delete Path.

8 Шаг

У вас должно получиться нечто похожее на рисунок ниже. Просто тонкая, изящная линия.

9 Шаг

Добавим немного свечения. Самый легкий пусть создать ауру свечения - использование стилей. Словом, я добавил два эффекта свечения. Первым я настроил Outer Glow и затем добавил Drop Shadow с настройками, которые из него делают не тень, а свечение. Этого можно достичь путем настройки дистанции и изменения режима наложения на что-нибудь по типу Color Dodge. Да, и также я использовал Color Overlay, чтобы сделать линию ярко белой, что создаст впечатление, будто она светится изнутри.

10 Шаг

И так теперь у нас есть испускающая свечение линия. Прелесть использования стилей заключается в том, что их можно копировать и добавлять к другим слоям. Чтобы это сделать выполните щелчок правой кнопкой мыши на слое, выберите пункт Copy Lyer Style, затем создайте новый слой, сделайте правый клик по нему и выберите пункт Paste Layer Style.

11 Шаг

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

12 Шаг

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

Регулировать разрядку можно с помощью окна Character. Если оно у вас не открыто, откройте его через меню Window > Character. Поиграйте с каждым параметром, чтобы понять, какой из них за что отвечает.

13 Шаг

Теперь нанесем на изображение светящиеся частицы. Создайте новый слой, выберите тонкую кисть (Paint Brush) размера 3px и нанесите несколько точек на рисунок. Будет хорошо смотреться, если их сосредоточить рядом с центром, чтобы выглядело, будто частицы излучаются из этой области. Точки ближе к центру можно немного увеличить, кликая по ним кисть повторно, как бы расширяя их. Теперь скопируйте стили свечения и добавьте их к этому текущему слою.

14 Шаг

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

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

15 Шаг

Теперь установите режим наложения слоя в Color и смените его непрозрачность (Opacity) на 50%.

Режимы наложения для каждого слоя я поменял на Color и уменьшил Opacity, чтобы они сглаживались все вместе.

16 Шаг

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

Поделитесь уроком

Правовая информация

Переведено с сайта psd.tutsplus.com , автор перевода указан в начале урока.

Здесь мы видим несколько новых параметров, отличных от тех, которые мы рассматривали ранее. Это "Метод" (Technique), "Диапазон" (Range) и "Колебание" (Jitter):

Режимы наложения (Blend Mode)

Режимы наложения позволяют установить режим смешивания "Внешнего свечения" со слоем. Если вы создаёте эффект свечения, то хорошо подойдут "Линейный осветлитель" (Linear Dodge) или "Экран" (Screen), если вы хотите создать эффект типа "внешняя тень", то лучше использовать "Линейный затемнитель" (Linear Burn) или "Умножение" (Multiply), если вы создаёте обводку, то подойдёт режим "Обычный" (Normal).

Непрозрачность (Opacity)

Этот параметр регулирует степень прозрачности "Внешнего свечения". Значение 0% делает его полностью прозрачным. т.е. невидимым, значение 100% - полностью непрозрачным.
Параметр полностью соответствует аналогичному в "Тени" и других стилях слоя.

Шум (Noise)

Этот параметр также аналогичен таким же в "Тени" и др. Увеличение значения "Шума" придаёт зернистость свечению, с помощью него можно получить эффекты типа "светящейся пыли".

На примере показан левый текст со значением шума 0%, правый - 62%

Цвет и Градиент (Color and Gradient)

"Цвет" позволяет менять цвет свечения.
Если радиокнопка включена у "Градиента", то ваши возможности не ограничиваются только одним цветом, с помощью нескольких градиентных цветов и переходов вы можете создать очень сложные и абстрактные светящиеся эффекты:

На примере показаны оранжевый цвет и радужный градиент:

Метод (Technique)

Выпадающий список "Метод" дает нам два различных варианта рендеринга (визуализации) свечения, мягкий и точный (Softer and Precise). "Мягкий" метод дает нам более органичное и естественное свечение с плавными переходами, размытием и скруглёнными углами, в то время как "Точный" заставляет свечение точнее соответствовать форме предмета, от которого оно исходит.

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

Размах (Spread)

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

Обычно этот параметр оставляют равным 0%, но если вам понадобились резкие края света, вам надо увеличить его значение. Величина 100% даёт резкую границу.

На рисунке показаны значения "Размаха" в 0 и 60%

Размер (Size)

Название опции говорит само за себя. Эта регулировка позволяет изменять размер свечения с шагом в один пиксель.

Контур (Contour)

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

На рисунке показан, какой эффект может дать контур в виде синусоиды:

Диапазон (Range)

Параметр "Диапазон" похож на параметр "Размах". Он почти так же позволяет управлять спадом свечения к краю.
Меньшее значение дает нам жёсткое свечение, в то время как более высокое значение дает более мягкое.

В следующем примере показано, как значение "Диапазона" влияет на мягкость света:

Колебание (Jitter)

В то время, как параметр "Диапазон" похож на "Размах", "Колебание" похоже на "Шум". Отличие в том, что "Шум" создает прозрачность соседних пикселей, используя обычный (Normal) режим смешивания, в то время как "Колебание" делает то же самое, на в режиме смешивания, похожем на "Наложение" (Overlay).

осуществляется точно так же, как и у стиля слоя

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


§1. Вначале я создал новый документ 600?600 пикселей и закрасил его радиальным градиентом (Radial Gradient) от светло-коричневого (#922f00) к черному (#000000).

§2. Нам нужно выделить центр окружности, для этого мы копируем слой с созданной окружностью и изменяем режим смешивания на «Color Dodge».


§3. Теперь нам нужно добавить светящийся эффект, для этого мы будем использовать слой с подходящим фоном. Создадим новый слой и применим на нем фильтр Filter > Render > Clouds.

§4. Изменим режим смешивания этого слоя на «Overlay» и уменьшим непрозрачность (Opacity) до 30%. Похоже мы добились предполагаемого эффекта, но нам надо добавить еще немного «дымки». Для этого примените фильтр Filter > Sketch > Chrome со свойствами по умолчанию, кончено вы можете поиграться со свойствами, но нам вполне подходят свойства по умолчанию. Результат вы можете увидеть на следующем скриншоте.

§5. Чтобы сделать несколько светящихся линий мы будем использовать инструмент «Pen tool».Будет лучше, если вы не станете злоупотреблять опорными точками, это поможет добиться гладкости линий. Мы можем добиться подходящей кривой, изменяя мышкой углы ее наклона. На скриншоте снизу стилизованная буква S опирается всего на три точки. Две точки в начале и конце, и одна точка по середине, чтобы придать кривой изогнутость.

§6. Как только вы добились подходящей кривой, создайте новый слой Потом нажмите на paintbrush tool (, и измените кисть на кисть диаметром 3 пикселей без сглаживания по краям.

§7. Теперь вернитесь к pen tool (P), и нажав правой кнопкой мыши на кривой, выберите свойство «Stroke Path». Перед вами появится диалоговое окно, в котором вам надо изменить инструмент на кисть (Tool: Brush), и убедиться в том, что у вас отмечено свойство «Simulate Pressure». Это очень важно, поскольку именно это свойство создает сужение по краям нарисованной линии. Теперь опять нажмите правой кнопкой мыши на кривой и удалите ее (Delete path).

§8. Вы должны получить похожую узкую кривую.

§9. Теперь надо добавить к кривой свечение Самый простой способ — это изменить свойства слоя (layer style). Во первых используем свойство Outer Glow со стандартными параметрами. Еще один способ который мы использовали чтобы добавить свечение — это свойство Drop Shadow. Ко всему прочему, я использовал свойство Color Overlay чтобы выделить белым цветом центр полученного свечения.

§10. Теперь у вас есть одна светящаяся линия, но будет здорово, если мы создадим еще несколько линий похожим методом. Прелесть layer style в том, что для того чтобы использовать одни свойства на нескольких слоях, нам достаточно скопировать стиль исходного слоя на новый. Для этого нажимаем правой кнопкой мыши на слое со стилем, выбираем пункт «Copy Layer Style», затем нажимаем правой кнопкой мыши на новом слое и присваиваем ему скопированный стиль, выбрав пункт «Paste layer style».

§11. Теперь, используя описанные методы, создайте еще несколько изогнутых линий. В примере я сделал одну линию толще других, использовав кисть большего диаметра, и добавил одну линию как бы соединяющую две фигуры.

§12. Теперь добавим текст с тем же layer style, что и в примерах с линиями. Очень важно будет уделить внимание оформлению текста. Вам надо будет подобрать подходящий шрифт, размер, расстояние между буквами. Здесь я оформил три слова, уменьшив размер и увеличив расстояние между буквами в словах «ADVANCED и FX».

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

§14. Теперь мы можем разукрасить полученное свечение. Для этого создайте новый слой, закрасив его радиальным градиентом от голубого к прозрачному.

§15. Затем измените режим смешивания нового слоя на «Color» и уменьшите непрозрачность до 50%.Теперь вы видите как часть свечения стала синеватой. Добавим еще несколько разноцветных слоев с похожими свойствами, чтобы получить разноцветное свечение.

§16. И теперь вы получили результат которого ждали.: цветное свечение покрытое дымкой. Запомните этот урок, вы можете применять похожие приемы где-угодно, можете экспериментировать со свойствами, чтобы получить что-то по-настоящему превосходное! Удачи!

уроке фотошоп, уроки фотошопа, урок Photoshop


Всем привет!

Сегодня мы будем делать фантастическое геометрическое свечение на фотографии.

В уроке вы научитесь убирать лишние объекты с изображения, добавлять свечение предметам, работать с инструментами Прямоугольная область, Кисть и Штамп, масками слоя, режимами наложения, стилями слоя и многое другое.

При помощи приемов, полученных в уроке, вы сможете добавить свечение любым другим подобным объектам.

Открываем в фотошоп (Ctrl + O ) фото с ночным океанским пейзажем.


Нам необходимо удалить фигуру человека с изображения. Для этого активируем инструмент Штамп, создаем копию фонового слоя (Ctrl + J ) и выбираем мягкую круглую кисть. Берем образец с окружающего фона с зажатой клавишей Alt , переносим его на область, которую нужно зарисовать (в нашем случае это человек), отпускаем клавишу Alt и делаем клик мышью, чтобы «приклеить» взятый образец на новое место. При необходимости меняем жесткость и непрозрачность Штампа.

Вот что получилось у меня в результате:


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

Активируем инструмент Кисть, выбираем мягкую круглую кисть и, с зажатой клавишей Alt беря образцы цвета с голубого неба и воды, зарисовываем розовые оттенки на облаках и частично на воде. При необходимости меняем непрозрачность и размер кисти. Чтобы изменить размер кисти, воспользуйтесь клавишами квадратных скобок на клавиатуре – клавиши «Х» и «Ъ» в русской раскладке.

Меняем режим наложения слоя «Облака» на Цветность.


Мы подготовили изображение. Теперь нужно создать фигуру, которая будет светиться.

Активируем инструмент Прямоугольная область и создаем выделение, как на рисунке ниже.


Создаем новый пустой слой и называем его «Квадрат». Переходим в меню Редактирование-Выполнить обводку, в появившемся окне выставляем в качестве обводки белый оттенок и ширину 7 пикселей.



Снимаем выделение сочетанием клавиш Ctrl + D .

Добавляем к слою «Квадрат» маску слоя.

Переходим к инструменту Кисть, выбираем мягкую круглую кисть, в панели цвета в качестве основного выставляем черный и по маске слоя стираем нижнюю часть прямоугольника, как бы погружая его в море. Рисуем именно по маске слоя, не по самому слою. Черный цвет кисти на маске слоя скрывает видимость слоя, белый – восстанавливает видимость.


Дважды кликаем по слою «Квадрат» в панели слоев, чтобы открыть стили слоя. Во вкладке Внешнее свечение измените контур и оттенок на # ff 0000.


Во вкладке Наложение цвета меняем оттенок на #ec5353 и вводим следующие настройки.


Результат после применения стилей.

Создаем дубликат (Ctrl + J ) слоя «Квадрат». Переходим в меню Редактирование-Трансформирование-Отразить по вертикали.

При помощи инструмента Перемещение перетащите дубликат слоя «Квадрат» ниже и расположите таким образом, чтобы он состыковался с оригинальным слоем «Квадрат». Для удобства можете воспользоваться клавишами со стрелками на клавиатуре и зажать клавишу Shift при перемещении – слой будет сдвигаться по прямой линии.

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


Поверх всех слоев создаем новый пустой слой и называем его «Свечение». Выбираем мягкую круглую кисть, размер около 750 пикселей, в палитре цвета меняем оттенок основного плана на #ff0000 и ставим отпечаток кистью, как показано ниже.