Как сделать эффект свечения на рисунке

Добавил пользователь Евгений Кузнецов
Обновлено: 19.09.2024

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

Процесс создания свечения

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

Заключение

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

Автор: Princypessa. Дата публикации: 03 декабря 2020 . Категория: Фотошоп уроки эффекты.

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

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

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

Затем при помощи инструмента Кисть подкорректируем маску слоя.

Далее мы добавим стили слоя на слой с разметкой.

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

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

15

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

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

16

17

18

Выше корректирующего слоя Поиск цвета в панели слоев создаем корректирующий слой Яркость/Контрастность и вводим настройки, как на скриншоте ниже.

19

20

21

22

23

24

25

26

В панели слоев меняем режим наложения корректирующего слоя Карта градиента на Мягкий свет и понижаем прозрачность слоя.

27

28

Пылающая дорога готова!

Результат в виде до и после.

29

И финальный результат. Урок "Как создать эффект свечения в фотошопе" завершен.


Шаг 2

Добавьте текст, цвет шрифта белый, шрифт Indira K.

Установите размер (Size) шрифта примерно 141 pt, а также выберите начертание Псевдополужирное (Faux Bold) и Все прописные (All Capsicons) в панели настроек Символ (Character). Чтобы попасть в панель настроек, идём Окно – Символ (Window > Character).


Шаг 3

Установите значение Трекинга (Tracking) на -100.


Шаг 4

Поменяйте Масштаб по вертикали (Vertical Scale) на 115. Это поможет растянуть текст по вертикали.


Свечение букв или объектов

Пожалуй, самое простое и не затратное действие.



Однотонное свечение

Конечный вариант имеет следующий вид:

Результат работы

Другой вариант

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

Фоновый слой (исходный) оставляем без изменений. Создаём новый и выполняем заливку необходимым цветом.



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


Установка контрольных точек


Добавить на рабочее поле необходимый элемент (другую картинку).



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

Вырезаем волосы на однородном или сложном фоне в Photoshop


Добавление размытия

Предстоит поэкспериментировать с настройками, чтобы получить желаемый результат. Размер размытия напрямую связан с размером изображения. Для изображения 500х500 выбран вариант в 40 пикселей.

Настройки размытия

Чётких правил относительно выбора нет, просто смотрите визуально, как картинка выглядит лучше.

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

Управление слоями

В указанной группе добавляем новый слой. Открываем инструмент кисти и выбираем его настройки.

Потребуется выставить следующие настройки:

  1. Основные. Кегль – 9 (можно и нужно менять в зависимости от размера изображения); Жёсткость – 100%; Интервалы – 375%.
  2. Динамика формы. Колебание размеры – 100%; минимальный размер – 4%.
  3. Рассеивание. Рассеивание – 1000% в обе оси; счётчик – 2; колебания счётчика – 100%.

Настройки кисти

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







Меняем дизайн букв

Шаг 1

Выделите первую букву в тексте, а затем поменяйте её размер примерно на 212 pt.


Шаг 2

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

Чтобы сместить базовую линию, вы можете либо ввести цифровое значение, либо, зажав левой кнопкой мыши значок Смещение базовой линии (Baseline Shift), потянуть влево.

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


Шаг 3

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


Проводим цветовую коррекцию

Шаг 1

Добавьте корректирующий слой Градиент (Gradient) поверх слоя с группой Текстовый эффект (Text Effect).


Начнём работу с создания фона.

Создаём новый документ. Заходим Файл — Создать... или CTRL+N и в открывшемся окне установим такие параметры как на скрине (с размерами документа рекомендую не скупиться).Обратите внимание что в параметре Содержимое фона я установил значение — Цвет фона , попробую объяснить . Для того чтобы создать контраст для текста нам нужен будет черный фон , так вот перед тем как создавать новый документ в панели инструментов установите фоновый цвет черный т.е. созданный новый документ уже будет черного цвета , то что нам нужно:


Далее заходим Фильтр — Рендеринг — Облака (Filter — Render — Clouds ). Это придаст нашей работе некоторую динамику .

Создаём ещё один слой, нажав сочетание CTRL+SHIFT+N или с помощью иконки внизу панели слоев . Используя большую мягкую кисть, нарисуем большое пятно по центру изображения ярким желтым цветом. Установим Непрозрачность (Opacity) на 55%, это придаст эффект лёгкого свечения фону :


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


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

Шум (Noise)

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


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


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


Метод (Technique)


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


Размах (Spread)

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



Размер (Size)

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


Контур (Contour)


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


Диапазон (Range)



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


В этом уроке Алексей Кузьмичев расскажет как создать в фотошоп неоновую линию. Фотошоп урок больше ориентирован на начинающих пользователей.

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

Конечный результат представлен на скриншоте ниже.

Неоновое свечение в фотошопе

Давайте приступим. Открываем фотографию и поверх создаем пустой слой.

Неоновое свечение в фотошопе

Далее выбираем инструмент "Перо" (Pen Tool).

Неоновое свечение в фотошопе

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

Неоновое свечение в фотошопе

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

Неоновое свечение в фотошопе

Неоновое свечение в фотошопе

Неоновое свечение в фотошопе

Теперь нам необходимо настроить кисть таким образом, чтобы выполнить обводку данного контура. Выбираем инструмент кисть и в настройках выставляем "Размер" на 25 пикселей (будет зависеть от вашей фотографии) и "Жесткость" на 0. "Прозрачность" и "Нажим" оставляем на 100%.

Неоновое свечение в фотошопе

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

Неоновое свечение в фотошопе

Если у вас отсутствует палитра "Настройки кисти", то их можно включить через верхнее меню "Окно -> Кисть" (Window -> Brush). Горячая клавиша F5.

Неоновое свечение в фотошопе

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

Неоновое свечение в фотошопе

В настройках выставляем "Кисть" и ставим галочку "Имитировать нажим".

Неоновое свечение в фотошопе

Контур будет обведен. Для того, чтобы убрать направляющие, нажимаем клавишу Esc на клавиатуре.

Неоновое свечение в фотошопе

Следующим шагом будем добавлять свечение. Щелкаем два раза левой клавишей мыши справа от названия нового слоя, чтобы зайти в "Стили слоя". Здесь ставим галочку и переходим в настройку "Внешнее свечение" (Outer Glow). В настройках цвет для свечения указываем фиолетовый. Его можно взять с рукавов модели на фото. "Размах" поставим на 2% и "Размер" увеличиваем примерно до 50 пикселей, чтобы свечение было ярким. Можно еще уменьшить прозрачность до 80%. Все остальные настройки должны быть установлены как на скриншоте ниже.

Неоновое свечение в фотошопе

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

Неоновое свечение в фотошопе

Берем инструмент "Кисть". "Жесткость" выставляем на 50%, размер берем побольше и обязательно основным выставляем черный цвет. Начинаем аккуратно стирать те участки, где линия нам не нужна. Пытаемся добиться эффекта, чтобы линия шла вокруг тела нашей модели.

Неоновое свечение в фотошопе

Как видите, теперь линия идет аккуратно вокруг тела модели и у нас с вами получилось вот такое красивое неоновое свечение.

Читайте также: