Как сделать неон в фотошопе
Сегодня я хочу рассказать о простом методе получения эффекта неонового света — логотип, состоящий из светящихся неоновых трубок.
Методика получения эффекта довольно-таки простая и заключается в добавлении стилей слоя к изображению, всего слоёв у нас будет два — фон и слой с объектом, к которому будет применён эффект, в моём случае объект — это простой абстрактных логотип. Методика хорошо поможет начинающим пользователям Photoshop для понимания принципов работы со стилями слоя.
Да, обращаю ваше внимание, что объект должен состоять из линий, чтобы относительно габаритов объекта толщина линий была схожа с толщиной неоновых трубок. При применении стилей слоя габариты целевого объекта (в нашем случае, толщина линий — «неоновых трубок») важна! Тональность фона также очень важна, т.к. при слишком светлом или тёмном фоне не будут отображаться эффекты, создаваемые некоторыми стилями слоя.
Для лучшего понимания метода, по ссылке внизу страницы вы сможете скачать готовый файл PSD, выполненный по материалам статьи.
Вот что получилось у меня в результате:
Готовый результат создания эффекта неонового свечения в Photoshop.
Давайте начнём. Создаём новый файл в Photoshop размером 3000 на 3000 пикселей, фон — белый. Преобразуем фоновый слой в обычный (я назвал переименованный слой «background», как это сделать, рассказано в данной статье. Создаём новый слой, на котором рисуем (или копируем готовый) логотип или что либо другое, главное, как я упомянул выше, чтобы полученный объект состоял из относительно тонких линий. Я нарисовал вот такой «логотип», также показана панель слоёв документа:
Документ, состоящий из двух слоёв: логотип на прозрачном фоне и расположенный под ним слой для создания фона.
Параметры стиля слоя «Наложение градиента»
В результате слой с фоном должен принять следующий вид:
Слой, содержащий фон для неонового эффекта.
Теперь займёмся слоем с логотипом. Собственно, всё, что нам нужно сделать — это придать слою несколько стилей слоя с определёнными параметрами. Это:
Параметры стилей слоя я приведу на картинках-скриншотах ниже, или же их можно посмотреть в документе PSD, скачать который вы можете по ссылке внизу страницы. Перевод режимов наложения (они используются в стилях слоя) на этой страничке.
После применения всех стилей слоя, если вы всё сделали правильно, то ваш документ должен выглядеть похожим на мой итоговый результат:
Готовый результат после применения всех стилей слоя.
Изменение цвета фона с сине-серого градиента до сплошного тёмно серого.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
In this this simple how-to, graphic artist Erica Larson demonstrates how she lights up an image by adding a neon effect in Adobe Photoshop.
Graphic artist Erica Larson dreams up inspired designs every day as an associate creative director on the Adobe Studio team. In other words, she makes stuff that makes others want to make stuff.
What you'll need
This sample file has Adobe Stock images you can use to practice what you learn in this tutorial. If you want to use the sample file beyond this tutorial, you can purchase a license on Adobe Stock. Check out the ReadMe file in the folder for the terms that apply to your use of this sample file.
Photo composite of a magenta-colored triangle drawn around a hand in a black and white image
Using the Pen tool, Larson clicked three points to draw a triangle around the hand. You can draw any shape on your image and, with the new Shape layer selected, click on the Add Layer Style icon from the Layers panel and choose Outer Glow.
Create the glow
Experiment with different colors and settings for the Outer Glow. Larson settled on a vivid magenta. Then she set an Inner Glow, changed the Blend Mode to Multiply, and applied the same magenta color.
Convert and mask
Larson right-clicked on the Shape layer and chose Convert To Smart Object. Then she added a mask to the Shape layer.
Hide and reveal
Larson wanted to hide the triangle just behind the wrist. To hide parts of your neon shape, set the Brush tool to black, select the mask (the white icon on the layer), and brush to remove those sections. To reverse the effect, simply change the brush color to white and paint on the mask to reveal detail again.
Shine bright
From computer screens to movie marquees, neon design is everywhere—now it’s time for you to design your own and shine bright.
Note: Project files included with this tutorial are for practice purposes only.
In this this simple how-to, graphic artist Erica Larson demonstrates how she lights up an image by adding a neon effect in Adobe Photoshop.
Graphic artist Erica Larson dreams up inspired designs every day as an associate creative director on the Adobe Studio team. In other words, she makes stuff that makes others want to make stuff.
This sample file has Adobe Stock images you can use to practice what you learn in this tutorial. If you want to use the sample file beyond this tutorial, you can purchase a license on Adobe Stock. Check out the ReadMe file in the folder for the terms that apply to your use of this sample file.
Photo composite of a magenta-colored triangle drawn around a hand in a black and white image
Using the Pen tool, Larson clicked three points to draw a triangle around the hand. You can draw any shape on your image and, with the new Shape layer selected, click on the Add Layer Style icon from the Layers panel and choose Outer Glow.
Create the glow
Experiment with different colors and settings for the Outer Glow. Larson settled on a vivid magenta. Then she set an Inner Glow, changed the Blend Mode to Multiply, and applied the same magenta color.
Convert and mask
Larson right-clicked on the Shape layer and chose Convert To Smart Object. Then she added a mask to the Shape layer.
Hide and reveal
Larson wanted to hide the triangle just behind the wrist. To hide parts of your neon shape, set the Brush tool to black, select the mask (the white icon on the layer), and brush to remove those sections. To reverse the effect, simply change the brush color to white and paint on the mask to reveal detail again.
Shine bright
From computer screens to movie marquees, neon design is everywhere—now it’s time for you to design your own and shine bright.
Note: Project files included with this tutorial are for practice purposes only.
В этом уроке Алексей Кузьмичев расскажет как создать в фотошоп неоновую линию. Фотошоп урок больше ориентирован на начинающих пользователей.
Для создания эффекта лучше использовать динамичные снимки. Также, очень важно, чтобы фон на заднем плане был темным. Тогда все нарисованные линии будут хорошо заметные и контрастные, а эффект получится очень красивым.
Конечный результат представлен на скриншоте ниже.
Давайте приступим. Открываем фотографию и поверх создаем пустой слой.
Далее выбираем инструмент "Перо" (Pen Tool).
Начинаем рисовать нашу линию. Ставим первую точку, далее вторую и, не отпуская клавишу мыши, выгибаем кривую как на скриншоте ниже.
При помощи зажатой клавиши Ctrl вы можете перетаскивать точки как вам нравится, а используя направляющие, вы можете менять угол изгиба вашей кривой.
Теперь нам необходимо настроить кисть таким образом, чтобы выполнить обводку данного контура. Выбираем инструмент кисть и в настройках выставляем "Размер" на 25 пикселей (будет зависеть от вашей фотографии) и "Жесткость" на 0. "Прозрачность" и "Нажим" оставляем на 100%.
Далее переходим в параметры кистей и устанавливаем галочку на пункте "Динамика формы", чтобы мазок кисти выглядел как на скриншоте ниже.
Если у вас отсутствует палитра "Настройки кисти", то их можно включить через верхнее меню "Окно -> Кисть" (Window -> Brush). Горячая клавиша F5.
После этого переходим обратно к инструменту "Перо", щелкаем правой клавишей мыши по контуру и из выпадающего меню выбираем пункт "Выполнить обводку контура".
В настройках выставляем "Кисть" и ставим галочку "Имитировать нажим".
Контур будет обведен. Для того, чтобы убрать направляющие, нажимаем клавишу Esc на клавиатуре.
Следующим шагом будем добавлять свечение. Щелкаем два раза левой клавишей мыши справа от названия нового слоя, чтобы зайти в "Стили слоя". Здесь ставим галочку и переходим в настройку "Внешнее свечение" (Outer Glow). В настройках цвет для свечения указываем фиолетовый. Его можно взять с рукавов модели на фото. "Размах" поставим на 2% и "Размер" увеличиваем примерно до 50 пикселей, чтобы свечение было ярким. Можно еще уменьшить прозрачность до 80%. Все остальные настройки должны быть установлены как на скриншоте ниже.
Последним шагом будем стирать области светящейся спирали, которые нам не нужны. Для этого добавляем маску к слою, щелкнув по соответствующей иконке в палитре слоев.
Берем инструмент "Кисть". "Жесткость" выставляем на 50%, размер берем побольше и обязательно основным выставляем черный цвет. Начинаем аккуратно стирать те участки, где линия нам не нужна. Пытаемся добиться эффекта, чтобы линия шла вокруг тела нашей модели.
Как видите, теперь линия идет аккуратно вокруг тела модели и у нас с вами получилось вот такое красивое неоновое свечение.
Раз уж речь идет о какой-нибудь хорошей работе, то начнем мы, пожалуй, с самых азов. Дело в том, что в случае с неоновыми линиями или текстом, нужно изначально подготовить ваш фон. Для этого перейдите в раздел «изображения», затем «коррекция», после чего перейтиде в настройки яркости и контрастности.
Если у вас идеальный фон, то данный пункт можно пропустить, ибо все равно в большинстве случаев вы будете настраивать фон на собственный вкус. Дополнительно можно подкорректировать и другие параметры, такие как цветовой тон и насыщенность. Рекомендуем вам так сделать фотографию, чтобы она была слегка тусклой, по сравнению с неоновыми фрагментами, которые вы наложите после.
После этого переходим на панель слоев и создаем новый слой. На этом слое выбираем инструмент «кисть», в левой части рабочего стола, и выставляем ее размер примерно на 10 пикселей, а все остальное выкручиваем на максимум.
После этого выбираем инструмент «перо» и создаем нашу фигуру. В нашем случае это треугольник, между 3 центральными деревьями. Опять же, это только пример. В вашем случае это может быть любая другая фигура, обводка, текст и все, что угодно.
Собственно, когда шаблон будет готов, кликните правой кнопкой мышке по фигуре и выберите пункт «выполнить обводку контура». В качестве инструмента обводки обязательно выберите кисть, а также поставьте галочку на «имитации нажима».
После этого нам нужно удалить контур, ибо он выполнил свою работу. Кликаем по нему правой кнопкой мышки и выбираем команду «удалить контур».
После этого переходим на панель слоев. Дважды кликаем на слой, где у вас находится треугольник, и ставите галочку на пункте «внутреннее свечение». Что касается подробных настроек, то тут вам предстоит «поиграться» с ползунками и режимами наложения на собственный вкус.
Тоже самое касается и пункта «внешнее свечение». А вот тут уже нужно более четко выводить все настройки:
- Режим наложения выбираете «экран».
- Непрозрачность выкрутите на 100%.
- Шум – выкручивайте на ноль.
- Цвет – на свой вкус, но мы оставим его красным.
- Размер – 29.
- Диапазон – 81.
Читайте также: