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

Обновлено: 24.11.2024

В этом простом руководстве художник-график Эрика Ларсон демонстрирует, как она подсвечивает изображение, добавляя неоновый эффект в Adobe Photoshop.

Художник-график Эрика Ларсон каждый день придумывает вдохновляющие проекты в качестве помощника креативного директора в команде Adobe Studio. Другими словами, она делает вещи, которые вызывают у других желание делать вещи.

Что вам понадобится

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

Фотокомпозит из пурпурного треугольника, нарисованного вокруг руки на черно-белом изображении

С помощью инструмента "Перо" Ларсон щелкнул по трем точкам, чтобы нарисовать треугольник вокруг руки. Вы можете нарисовать любую фигуру на изображении и, выбрав новый слой «Форма», щелкнуть значок «Добавить стиль слоя» на панели «Слои» и выбрать «Внешнее свечение».

Создать свечение

Поэкспериментируйте с разными цветами и настройками внешнего свечения. Ларсон остановился на ярко-пурпурном. Затем она установила внутреннее свечение, изменила режим наложения на «Умножение» и применила тот же пурпурный цвет.

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

Ларсон щелкнул правой кнопкой мыши слой «Фигура» и выбрал «Преобразовать в смарт-объект». Затем она добавила маску к слою Shape.

Скрыть и показать

Ларсон хотел скрыть треугольник сразу за запястьем. Чтобы скрыть части вашей неоновой формы, установите для инструмента «Кисть» черный цвет, выберите маску (белый значок на слое) и кистью удалите эти участки. Чтобы изменить эффект, просто измените цвет кисти на белый и прокрасьте маску, чтобы снова выявить детали.

Ярко сиять

От экранов компьютеров до афиши кинотеатров: неоновый дизайн присутствует повсюду. Теперь пришло время создать собственный дизайн и засиять ярким светом.

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

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

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

Итак, вот руководство!

Следующее руководство основано на Adobe Photoshop CS4. Однако пошаговое руководство должно быть одинаковым для других версий.

Как заставить объект светиться в Photoshop

Необходимое время: 3 минуты

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

Инструменты

Материалы

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

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

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

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

Эффект неонового свечения можно найти в Интернете в самых разных формах. Некоторые сосредотачиваются на светящемся неоновом аспекте, в то время как другие сосредотачиваются на «реальности» виртуальной неоновой вывески. Вот пример реалистичного подхода:

Теперь, когда вы увидели эти неоновые вывески в действии, попробуйте сами!

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

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

Создайте свой фон

Для этого примера я буду использовать кирпичный фон из Unsplash. Вы можете выбрать все, что вам нравится, но этот кирпич придает ему великолепное реалистичное ощущение висения на стене. И не волнуйтесь — мы придадим ему ночной вид, чтобы подчеркнуть сияние!

Добавьте эффектное освещение на задний план

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

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

Откройте окно свойств, выбрав «Окно» > «Свойства» и выберите «Маска». Затем установите Feather на 200px и отрегулируйте его с помощью Free Transform Tool по своему усмотрению. Тогда это должно выглядеть примерно так:

Создайте новый слой над слоем с виньеткой, выбрав «Слой» > «Новый слой», и залейте его черным цветом с помощью инструмента «Заливка».Затем установите непрозрачность примерно на 75% и измените режим наложения для слоя на Яркий свет.

Создайте неоновую вывеску

В этом примере я буду использовать шрифт Beon Medium, чтобы обозначить слово «Макет», но вы можете выбрать любой шрифт, фразу или значок, который вам нравится! Отсюда вы можете расположить текст так, как вам нравится.

Дублируйте текстовый слой, щелкните его правой кнопкой мыши и выберите Преобразовать в смарт-объект. Затем щелкните слой правой кнопкой мыши и выберите Параметры наложения.

Добавьте скос и тиснение. Это придает размерность тексту, поэтому попробуйте различные настройки, чтобы получить эффект, который вам нравится! Я использую следующие настройки:

Стиль: Тиснение подушки
Техника: гладкая
Глубина: 251%
Направление: вверх
Размер: 15 пикселей.
Смягчение: 3 пикс.
Угол затенения: 90 градусов.
Высота: 53 градуса.
Глянцевый контур: бухта — глубокий
Режим выделения: наложение белого цвета и прозрачность 100 %.
Режим тени: наложение черного цвета с непрозрачностью 0%.

Затем добавьте корректировку контура в разделе «Скос и тиснение», выберите «бухта — глубоко» в раскрывающемся списке и оставьте диапазон равным 100%.

Теперь добавьте слой «Обводка». Это создаст «свечение» вашей неоновой вывески и сделает ее похожей на включенную! Вот настройки, которые я использую:

Размер: 40
Положение: по центру
Режим наложения: экран
Непрозрачность: 100%
Наложение: отмечено
Тип заливки: градиент
Стиль: взрыв формы
Выровнять по слою: флажок установлен
Угол: 90 градусов.
Масштаб: 100%

Теперь добавим Outer Glow, чтобы создать свет, исходящий от нашей неоновой вывески. Вот настройки, которые я использую:

Режим наложения: наложение
Непрозрачность: 100%
Шум: 0%
Техника: мягче
Разброс: 20%
Размер: 250 пикселей.
Контур: линейный
Диапазон: 50%
Дрожание: 0%

Создайте собственный градиентный свет

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

Затем, выбрав слой с эллипсом, выберите «Фильтр» > «Размытие» > «Размытие по Гауссу».

Установите радиус около 150 пикселей. Теперь измените параметры наложения на Мягкий свет.

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

Затем, выделив этот новый слой с эллипсом, выберите «Фильтр» > «Размытие» > «Размытие по Гауссу». Установите радиус где-то около 150 пикселей. Теперь измените параметры наложения на Мягкий свет.

И это все — теперь у вас есть яркая и блестящая неоновая вывеска! Как вы будете использовать этот эффект? Есть ли другие любимые примеры? Дайте нам знать в комментариях.

Как использовать шаблоны Photoshop

Загрузите шаблоны бесплатно ниже!

Переключить фон

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

Редактировать текст

Чтобы отредактировать текст, откройте папку «Вкл.» и дважды щелкните слой «Вкл. — Двойной щелчок для редактирования текста».

Откроется другой документ Photoshop, в котором можно использовать инструмент «Текст» для редактирования текста или настройки шрифта. Ключевым моментом здесь является изменение размера текста, чтобы он соответствовал заданной области. (Все, что выходит за рамки, не будет перенесено в основной файл!) Это можно сделать, выбрав «Правка» > «Свободное преобразование» или Command + T на Mac (Control + T на ПК). Когда вас все устраивает, сохраните и закройте смарт-объект или вкладку Photoshop.

Примечание. Слои «Вкл.» и «Выкл.» синхронизированы, поэтому, когда вы редактируете смарт-текст в одном, он будет обновляться в другом. Довольно мило, правда?!

Подкорректировать дополнительные элементы

В зависимости от того, какой эффект вы выберете, вам, возможно, придется настроить внешний квадрат или линию. Если вы используете «Neon_Sign_Treatment2», вы можете игнорировать этот раздел. Для «Neon_Sign_Treatment3», если вам нужно настроить поле, просто откройте раскрывающийся список для «Вкл» и «Выкл». Отсюда вы можете преобразовать слой Sign Border, выбрав Edit > Free Transform или Command + T на Mac (Control + T на ПК). Суть в том, чтобы одинаково настроить слои границы знака «Вкл.» и «Выкл.».

Для «Neon_Sign_Treatment1» вы можете изменить строку под текстом. Для этого откройте папку «Вкл.» и дважды щелкните слой «Вкл. — Двойной щелчок для редактирования текста». Здесь вы можете настроить линию так, чтобы она касалась нижней части текста. Опять же, если вы обновите его из слоя «Вкл», он также обновится в слое «Выкл». (И наоборот!)

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

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

Теперь у вас есть идеальный и простой в использовании инструмент для создания собственных эффектов неонового свечения. Удачи в разработке!

Загрузите полный PSD-файл здесь (162 МБ).

описание

Следите за тем, как мы покажем вам, как создавать реалистичные эффекты свечения и освещения в Photoshop! Узнайте, как создать эффект светящегося кольца, интегрировать его в фотографию, добавить эффекты частиц с помощью прилагаемой кисти Photoshop и многое другое!

отправьте свою работу

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

Кредит исполнителя

СОЗДАВАЙТЕ НЕОБЫЧНЫЕ ЭФФЕКТЫ

Создание собственных эффектов свечения

Начало работы с эффектами свечения

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

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

Неправильно! Давайте посмотрим, насколько универсальными могут быть такие эффекты.

Затемнить изображение с помощью уровней

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

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

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

Создать светящееся кольцо

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

Чтобы создать форму кольца, возьмите инструмент "Эллипс", нажмите и перетащите вокруг объекта, удерживая клавишу SHIFT, чтобы получился идеальный круг. Убедитесь, что для параметра «Заливка» установлено значение «Нет», а для параметра «Обводка» задан цвет, который вы хотите использовать для эффекта свечения (вы всегда можете изменить это позже).

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

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

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

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

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

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

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

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

Работа с режимами наложения

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

Однако вы можете поэкспериментировать с другими, чтобы посмотреть, что получится. Мы обнаружили, что установка для одного слоя режима наложения «Растворение» создала классный эффект частиц, который мы можем добавить позже.

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

Чтобы скопировать эффект режима наложения «Растворение», нам просто нужен способ выделить все частицы, которые он создал. Поместите черный слой-заливку сплошным цветом позади слоя с растворением.

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

В итоге вы получите новый слой с копией эффекта «Режим наложения растворения». Продолжайте и удалите исходный слой, для которого мы установили режим наложения «Растворение» — он не понадобится.

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

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

Интеграция освещения в объект и окружающую среду

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

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

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

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

Выбор выглядит хорошо, но это противоположно тому, что нам нужно. Инвертируйте только что созданную маску слоя, нажав CTRL или CMD + I.

Интеграция освещения в сцену

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

Для этого потребуется немного поработать вручную с помощью инструмента "Кисть", но результат того стоит! Увеличьте изображение и начните слегка обводить края объекта ярким цветом, взятым из светящегося кольца. Цель состоит в том, чтобы создать несколько цветных бликов, которые выглядят так, как будто свет от кольца обволакивает объект.

Уделите больше времени работе с такими деталями, как волосы. Чем более тонкие и естественные блики вы можете добавить, тем лучше будет общий эффект.

Уделяйте этой части столько времени, сколько хотите, но чем больше внимания вы уделите, тем реалистичнее все будет выглядеть.

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

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

Дополнительные эффекты окружающей среды

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

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

Используйте параметр "Наложить, если" для более естественного смешения с бликами и тенями на земле.

А затем с помощью инструмента "Кисть" закрасьте черным цветом слой-маску, чтобы сделать эффект более тонким.

Эффекты частиц с пользовательской кистью

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

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

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

Вы можете использовать эффект Layer Style, например Outer Glow, чтобы сделать частицы более яркими.

Увеличить общий эффект

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

Если вы хотите усилить весь эффект, продублируйте всю группу светящихся колец.

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

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

Быстрая и простая цветокоррекция

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

Чтобы добавить быструю и эффективную цветокоррекцию, попробуйте использовать корректирующий слой «Цветовой баланс», изменяя цвета изображения до тех пор, пока не получите понравившийся вам вид.

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