Неоновое свечение пнг фотошоп
Сегодня я хочу рассказать о простом методе получения эффекта неонового света — логотип, состоящий из светящихся неоновых трубок.
Методика получения эффекта довольно-таки простая и заключается в добавлении стилей слоя к изображению, всего слоёв у нас будет два — фон и слой с объектом, к которому будет применён эффект, в моём случае объект — это простой абстрактных логотип. Методика хорошо поможет начинающим пользователям Photoshop для понимания принципов работы со стилями слоя.
Да, обращаю ваше внимание, что объект должен состоять из линий, чтобы относительно габаритов объекта толщина линий была схожа с толщиной неоновых трубок. При применении стилей слоя габариты целевого объекта (в нашем случае, толщина линий — «неоновых трубок») важна! Тональность фона также очень важна, т.к. при слишком светлом или тёмном фоне не будут отображаться эффекты, создаваемые некоторыми стилями слоя.
Для лучшего понимания метода, по ссылке внизу страницы вы сможете скачать готовый файл PSD, выполненный по материалам статьи.
Вот что получилось у меня в результате:
Готовый результат создания эффекта неонового свечения в Photoshop.
Давайте начнём. Создаём новый файл в Photoshop размером 3000 на 3000 пикселей, фон — белый. Преобразуем фоновый слой в обычный (я назвал переименованный слой «background», как это сделать, рассказано в данной статье. Создаём новый слой, на котором рисуем (или копируем готовый) логотип или что либо другое, главное, как я упомянул выше, чтобы полученный объект состоял из относительно тонких линий. Я нарисовал вот такой «логотип», также показана панель слоёв документа:
Документ, состоящий из двух слоёв: логотип на прозрачном фоне и расположенный под ним слой для создания фона.
Параметры стиля слоя «Наложение градиента»
В результате слой с фоном должен принять следующий вид:
Слой, содержащий фон для неонового эффекта.
Теперь займёмся слоем с логотипом. Собственно, всё, что нам нужно сделать — это придать слою несколько стилей слоя с определёнными параметрами. Это:
Параметры стилей слоя я приведу на картинках-скриншотах ниже, или же их можно посмотреть в документе PSD, скачать который вы можете по ссылке внизу страницы. Перевод режимов наложения (они используются в стилях слоя) на этой страничке.
После применения всех стилей слоя, если вы всё сделали правильно, то ваш документ должен выглядеть похожим на мой итоговый результат:
Готовый результат после применения всех стилей слоя.
Изменение цвета фона с сине-серого градиента до сплошного тёмно серого.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
В этом уроке Алексей Кузьмичев расскажет как создать в фотошоп неоновую линию. Фотошоп урок больше ориентирован на начинающих пользователей.
Для создания эффекта лучше использовать динамичные снимки. Также, очень важно, чтобы фон на заднем плане был темным. Тогда все нарисованные линии будут хорошо заметные и контрастные, а эффект получится очень красивым.
Конечный результат представлен на скриншоте ниже.
Давайте приступим. Открываем фотографию и поверх создаем пустой слой.
Далее выбираем инструмент "Перо" (Pen Tool).
Начинаем рисовать нашу линию. Ставим первую точку, далее вторую и, не отпуская клавишу мыши, выгибаем кривую как на скриншоте ниже.
При помощи зажатой клавиши Ctrl вы можете перетаскивать точки как вам нравится, а используя направляющие, вы можете менять угол изгиба вашей кривой.
Теперь нам необходимо настроить кисть таким образом, чтобы выполнить обводку данного контура. Выбираем инструмент кисть и в настройках выставляем "Размер" на 25 пикселей (будет зависеть от вашей фотографии) и "Жесткость" на 0. "Прозрачность" и "Нажим" оставляем на 100%.
Далее переходим в параметры кистей и устанавливаем галочку на пункте "Динамика формы", чтобы мазок кисти выглядел как на скриншоте ниже.
Если у вас отсутствует палитра "Настройки кисти", то их можно включить через верхнее меню "Окно -> Кисть" (Window -> Brush). Горячая клавиша F5.
После этого переходим обратно к инструменту "Перо", щелкаем правой клавишей мыши по контуру и из выпадающего меню выбираем пункт "Выполнить обводку контура".
В настройках выставляем "Кисть" и ставим галочку "Имитировать нажим".
Контур будет обведен. Для того, чтобы убрать направляющие, нажимаем клавишу Esc на клавиатуре.
Следующим шагом будем добавлять свечение. Щелкаем два раза левой клавишей мыши справа от названия нового слоя, чтобы зайти в "Стили слоя". Здесь ставим галочку и переходим в настройку "Внешнее свечение" (Outer Glow). В настройках цвет для свечения указываем фиолетовый. Его можно взять с рукавов модели на фото. "Размах" поставим на 2% и "Размер" увеличиваем примерно до 50 пикселей, чтобы свечение было ярким. Можно еще уменьшить прозрачность до 80%. Все остальные настройки должны быть установлены как на скриншоте ниже.
Последним шагом будем стирать области светящейся спирали, которые нам не нужны. Для этого добавляем маску к слою, щелкнув по соответствующей иконке в палитре слоев.
Берем инструмент "Кисть". "Жесткость" выставляем на 50%, размер берем побольше и обязательно основным выставляем черный цвет. Начинаем аккуратно стирать те участки, где линия нам не нужна. Пытаемся добиться эффекта, чтобы линия шла вокруг тела нашей модели.
Как видите, теперь линия идет аккуратно вокруг тела модели и у нас с вами получилось вот такое красивое неоновое свечение.
Сокровищница сияющих и блестящих кистей в Photoshop огромна и становится все больше, лучше и смелее. Неоновые росчерки, линии и объекты. Нет лучшего способа оживить дизайн и выделить элементы, чем использование эффективного и качественного светового эффекта. При правильном использовании световые эффекты, примененные к вашим дизайнам, поднимут ваши работы на новый уровень и сделают ваш дизайн более живым.
Мы подобрали для вас самые яркие вариации неоновых и светящихся кистей для фотошопа.
О том, как воспользоваться кистями в Photoshop, мы рассказали в Инструкции «Как установить кисти в фотошоп».
Star Glow Flares
Если вы работаете над научно-фантастическим или астрономическим дизайном, который требует своего рода звездного свечения, этот пакет из 5 кистей со свечением звезд сделает дело за вас в мгновение ока!
Формат: .abr
Количество: 5
Размер файла: 10 МБ
Dangling Glows Brushes
Нет недостатка в художественных вещах, которые вы можете сделать с помощью всех перечисленных выше потрясающих и стильных светящихся кистей. Их легко скачать и с ними просто работать, вам определенно понравится освещать ими свои работы!
Формат: .abr
Количество: 29
Размер файла: 1,2 МБ
Creative Misc Glow
Этот сборник содержит различные виды кистей и эффектов сверкающего света. Вы можете сразу скачать и использовать кисти в своих работах!
Формат: .abr
Количество: 11
Размер файла: 4 МБ
Neon Brushes
Набор из 8 кистей в виде геометрических фигур с неоновым свечением. Вам всего-то и нужно подобрать цвет, А всё остальное кисточки сделают за вас. Просто и быстро.
Формат: .abr
Количество: 8
Размер файла: 446 КБ
Light graffiti brushes
Это кисти в стиле неонового граффити, поэтому они светятся так же, как свет. Немного неровные объекты отлично подходят для создания фонов для разных проектов.
Формат: .abr
Количество: 10
Размер файла: 3,7 МБ
Shining circle of purple lighting isolated on dark background.
Solar or lunar eclipse with light ray, beam tear away from hidden moon disc
Beautiful dragon head neon sign
Game grounds textures of different colors lava vector cartoon set of land platforms with seamless pattern of hot liquid magma with stones isolated on white background
Game buttons and frames in sci fi style design elements menu and assets for user interface vector ca.
Magic swords weapon for game interface
Dripping liquid slime border texture of sticky goo splash isolated on black background vector cartoon illustration of blue and purple neon slimy mucus with glitter
Magic weapon swords axes and knives for game
Futuristic badges with level number and experience points for game ui design. vector cartoon icons of blue labels with rank and xp in sci fi style isolated on background
Futuristic badges with level number and experience points for game ui design. vector cartoon icons of blue labels with rank and xp in sci fi style isolated on background
Futuristic badges with level number and experience points for game ui design vector cartoon icons of.
Light pink twirl curve light effect of pink line luminous pink circle vector png
Light star blue png light sun blue png light flash blue png vector illustrator
Light star blue png light sun blue png light flash blue png vector illustrator
Luminous white lines of speed png light glowing effect abstract motion lines
Luminous white lines of speed light glowing effect abstract motion lines
Luminous white lines of speed light glowing effect abstract motion lines
Light star gold png light sun gold png light flash gold png vector illustrator
Light star white png light sun white png light flash white png vector illustrator
Vector neon light effects magic glow laser beams line light golden and blue light png
Vector neon light effects magic glow laser beams line light golden and blue light png
Vector neon light effects magic glow laser beams line light golden and blue light png
Vector neon light effects magic glow laser beams line light golden and blue light png
Summer time t shirt design
Organic shape holograph colors isolated label tag
Holographic organic shape set iridescent label blobs
Vector neon light effects magic glow laser beams line light golden and blue light png
Bright colorful fireworks on a transparent background vector
Transparent falling sunlight flare light effect vector glowing light with many shimmering effects
Transparent falling sunlight flare light effect vector glowing light with many shimmering effects
Transparent falling sunlight flare light effect vector glowing light with many shimmering effects
Light white twirl curve light effect of white line luminous golden circle png light white
Vector transparent falling sunlight special lens flash light effectvector blur in radiance light
Vector transparent falling sunlight special lens flash light effectvector blur in radiance light
Vector transparent falling sunlight special lens flash light effectvector blur in radiance light
Vector transparent falling sunlight special lens flash light effectvector blur in radiance light
Vector transparent falling sunlight special lens flash light effectvector blur in radiance light
Vector transparent falling sunlight special lens flash light effectvector blur in radiance light
Vector transparent falling sunlight special lens flash light effectvector blur in radiance light
Vector transparent falling sunlight special lens flash light effectvector blur in radiance light
3d rendering man using virtual reality headset
3d rendering gesture of man playing video games using virtual reality headset
Vector gold lines png wavy lines on an isolated transparent background abstract golden lines png
Vector gold lines png wavy lines on an isolated transparent background abstract golden lines png
Vector glowing light lines neon light light effect png golden line light png magical glow shine
Ground cracks with neon green light top view vector realistic set of lightning thunderbolt electric impacts isolated on black background cracks of land destruction with magic glow
Как превратить пейзажи унылого городка в виды крутого мегаполиса с рекламой и вывесками? Конечно же, в этом помогут эффекты света. В этом уроке Вы узнаете, как в фотошопе сделать свечение.
Волшебный новогодний шар
Попробуем сделать источающим свет изображение новогоднего шара. Увеличим выбранное изображение. Воспользуемся «Пером», обведем наш шар по контуру, «крепление» оставим как есть.
Теперь контур преобразовываем в выделение. Для этого щелкаем по нему правой клавишей мыши и выбираем «Выделить область».
Нажимаем на нее правой клавишей мыши и копируем на новый слой. Переходим на него.
Из параметров наложения нам понадобится «Внешнее свечение». Так как основной фон у нас темный, а мы хотим создать эффект сияния, то наиболее подходящим из имеющегося списка будет режим наложения «Экран».
В палитре ищем тот оттенок цвета, каким будет сияние вокруг шара. Регулируем размер, степень прозрачности. Все эффекты сразу визуализируются, поэтому работать с настройками достаточно удобно.
В числе характеристик можно увидеть «диапазон» и «колебания». Первая отражает жесткость, ее можно увеличивать или уменьшать, в зависимости от поставленных задач. Изменяя значения шкалы «Колебания», можно уменьшить или добавить шум.
Таким образом, получаем вот такую картинку.
Зажигаем лампочку без электричества
А теперь давайте «зажжем» лампочку несколькими простыми действия. Подбираем рисунок, с которым будем работать, увеличиваем. Нам нужен темный оттенок, для того чтобы нарисованный нами свет был видимым.
При помощи инструмента «Заливка» закрашиваем светлый фон.
Выделяем стеклянную часть при помощи «Пера» и создаем вокруг нее «ореол», как на предыдущем примере. Теперь выбираем «Внутреннее свечение».
Открываем его настройки. Среди режимов наложения ищем «Осветление основы», по шкале «Непрозрачность» выставляем значение 50%.
Находим цвет, совпадающий с «ореолом» вокруг стеклянной части, увеличиваем свечение внутренней части лампочки до желаемого. Получаем вот такую картинку. Раз, два, три – наша лампочка, гори!
Свет от фонаря
А теперь давайте вместе с Вами «оживим» фонарь. Запоминаем стартовое изображение.
А теперь создаем новый слой. Мы будем работать со слоями, поэтому будет удобней, если их будет видно (клавиша F7). Выбираем созданный нами новый слой. Нам понадобится мягкая круглая кисть, с ее помощью рисуем объемное темное пятно в центре фонаря.
Создаем блик, совпадающий по центру с нарисованным нами затемнением. Настраиваем его яркость.
В параметрах наложения выбираем «Замена светлым». В итоге получаем желаемый эффект.
Ламповая атмосфера
Теперь поработаем с объемным светом. Нарисуем темный фон.
Сначала мы сделаем изображение того, как распределяется наш поток света от лампы. Пририсовываем его контуры, используя «Прямолинейное лассо». Берем новый слой.
Путем заливки закрашиваем получившуюся фигуру. Заходим во вкладку «Фильтры», ищем «Размытие», находим «Размытие поля». Появляется серый круг. Перемещаем его к началу светового пучка.
Потом щелкаем мышью (левой клавишей) у нижнего края нарисованного нами потока света. Появляется еще один круг. Теперь нужно оба этих круга «настроить».
Нажимаем на первую и ставим небольшое значение (например, 8 пикселей), потом нажимаем вторую и выставляем значение в 225 пикселей.
Получаем расходящийся широкий поток света. Сохраняем, для того чтобы применить к изображению полученный эффект. Итак, свет лампы падает на предметы, лежащие на столе, рассеивается, чего и требовалось в итоге добиться.
Горящие глаза
Эффекты свечения используются и в работе с портретами. Это отличный способ дополнить образ модели, возможность сделать фотографию более выразительной, а черты лица – более гармоничными.
Может быть создан гротескный рисунок, получившееся изображение может нести в себе юмористическое содержание. Я думаю, что Вы сможете найти массу примеров применения того приема, который мы сейчас рассмотрим.
В качестве основы мы берем часть портрета, где крупным планом будут изображены, как Вы уже догадались, глаза. Итак, начинаем.
Выделяем зрачок с радужкой. Для этого нам нужен инструмент «Овальная область». Рисуем овал, который бы по размеру совпадал бы со зрачком с радужкой. Как мы видим, зрачок немного прикрыт веком модели.
Для того чтобы выделение соответствовало видимой части зрачка, используем дополнительно «Пересечение с выделенной областью»(виден при нажатии значка инструмента «Овальная область»).
Копируем зрачок с радужкой на новый слой тем же приемом, как в предыдущей работе. Снова выделяем зрачок. Добавляем черно-белый шум, 10 процентов.
В настройках ставим метки напротив позиций «Распределение по Гауссу» и «Монохром». Делаем радиальное размытие, выбирая «Линейный метод», «Наилучшее качество». В окне значений пишем число 80. Теперь у нас появились полосы, идущие от зрачка.
Добавляем слой-маску (значок в правой нижней части окна работы со слоями). Далее мы будем использовать кисть. Нам понадобится черный цвет. Обводим кистью зрачок и пространство за радужкой. Так мы стираем «ненужное».
Добавляем корректирующий слой «Цветовой тон и насыщенность». Далее, нам понадобится обтравочная маска.
Из параметров наложения выбираем «Линейный осветлитель», повышаем значения насыщенности (например, до 36).
Переходим к нашему фону (изображение, с которого мы начинали работу). Понижаем яркость до – 100, увеличиваем контрастность до 100.
Продолжаем работать с фоном, теперь изменяем цветовой тон (ставим +8) и насыщенность (снижаем до 0). Получаем итоговый результат – светящийся глаз.
Можно изначально было работать сразу с двумя с двумя глазами. Можно по аналогии проделать все операции с изображением второго глаза. Цвет, оттенки, яркость – все это корректируется и подбирается «на вкус» автора.
Неоновый текст
И завершим нашу подборку рассказом о том, как создать свечение текста. Он может стать частью логотипа, подписью к фотографии, вывеской и даже татуировкой на любую, самую изощренную фантазию.
Создаем новый слой, путем заливки закрашиваем в черный цвет (как это сделать, мы разобрали в предыдущих примерах). Для основы, на которой будет размещен текст, желательно использовать фон с относительно однородной структурой.
При помощи корректирующего слоя («Кривые») сделаем основу более темной, чтобы созданное нами свечение было заметным. Нажимаем на изображение маски.
Круглой мягкой кистью, (непрозрачность уменьшаем до 25 процентов) немного осветлим центр фона. Создаем еще маски с кривыми и понижаем значения по красному и зеленому каналам, увеличиваем знания по-синему, меняя кривизну шкалы. Таким образом, получаем своеобразный оттенок фона.
Собираем все слои в группу под названием «Фон». Теперь приступим к созданию самого текста. Нажимаем значок «Текст», выбираем в верхней части название и размер шрифта.
Стоить напомнить, что не все представленные в программе шрифты имеют русскоязычные варианты. Можно скачать и установить понравившийся русский шрифт.
Мы будем писать на латинице. Находим шрифт «Vivaldy», размер ставим 500 петит, так как у нас достаточно объемный фон. Переводим текст в смарт – объект. Для этого щелкаем по значку слоя с текстом и указываем на данную опцию.
Открываем зону работы с текстом. При этом его стилевые особенности остаются прежними. Используя клавиши Ctrl+J, копируем смарт – объект (1 копию).
Поместим слои в папку и назовем ее «Текст». Переходим на нижний смарт-объект, понижаем заливку до 0%. Заходим во вкладку «Слои», ищем «Стиль слоя», строку «Внутренняя тень». Находим цвет, соответствующий созданному тексту, указываем следующие значения.
Используем «Наложение цвета».
Подбираем один из оттенков синего. Затем работаем с внешним свечением. Выставляем следующие значения.
Далее, выбираем «Тень». Выставляем ее настройки.
Вот так теперь выглядит текст.
Берем следующую копию. По аналогии, снижаем до нуля заливку, обращаемся к стилю слоя. Отмечаем «Внутреннее свечение». Устанавливаем значения.
Также нам понадобится «Внешнее свечение».
Сохраняем результат. В итоге получаем объемный неоновый текст.
Итак, друзья, сегодня мы говорили о разных вариантах создания свечения в фотошопе и не менее различных способах его использования. Программа предоставляет массу возможностей грамотному пользователю. Осваивайте новое и удивляйте замечательными фотографиями!
Пишите в комментариях как вам понравился этот урок, будет интересно узнать ваше мнение. Еще больше уроков по фотошопу вы найдете вот тут. Улучшайте свои навыки в фотографии, смотрите мастеров, и развивайтесь.
Читайте также: