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

Простой эффект неонового света

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

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

Да, обращаю ваше внимание, что объект должен состоять из линий, чтобы относительно габаритов объекта толщина линий была схожа с толщиной неоновых трубок. При применении стилей слоя габариты целевого объекта (в нашем случае, толщина линий – “неоновых трубок”) важна! Тональность фона также очень важна, т.к. при слишком светлом или тёмном фоне не будут отображаться эффекты, создаваемые некоторыми стилями слоя.

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

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

Готовый результат создания эффекта неонового свечения в Photoshop.

Давайте начнём. Создаём новый файл в Photoshop размером 3000 на 3000 пикселей, фон – белый. Преобразуем фоновый слой в обычный (я назвал переименованный слой “background”, как это сделать, рассказано в данной статье. Создаём новый слой, на котором рисуем (или копируем готовый) логотип или что либо другое, главное, как я упомянул выше, чтобы полученный объект состоял из относительно тонких линий. Я нарисовал вот такой “логотип”, также показана панель слоёв документа:

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

Займёмся фоном. Добавим к слою “background” стиль слоя “Наложение градиента”. Как я упоминал выше, цвета и тональность фона здесь очень важны, т.к. они будут определять уровень реализма вашего дизайна. Он не может быть слишком тёмным или светлым, потому что многие эффекты при этом не будут работать, например при светлом фоне потеряет целевые пиксели режим наложения “Осветление основы” (Color Dodge). Исходя из этого, для градиента я буду использовать цвета #285a82 (средне-светло-синий) и #151515 (темно-серый). Параметры стиля слоя “Наложение градиента показаны на рисунке:

Параметры стиля слоя “Наложение градиента”

В результате слой с фоном должен принять следующий вид:

Слой, содержащий фон для неонового эффекта.

Теперь займёмся слоем с логотипом. Собственно, всё, что нам нужно сделать – это придать слою несколько стилей слоя с определёнными параметрами. Это:

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

После применения всех стилей слоя, если вы всё сделали правильно, то ваш документ должен выглядеть похожим на мой итоговый результат:

Готовый результат после применения всех стилей слоя.

А вот ка будет выглядеть эффект на более тёмном фоне со сплошным тёмно-серым цветом #2d2d2d, параметры стилей слоя с логотипом остались неизменными:

Изменение цвета фона с сине-серого градиента до сплошного тёмно серого.

Скачать файл PSD, выполненный по результатам урока:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать неоновое свечение в Adobe Photoshop

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

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

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

Читать еще: Лакунарная ангина у беременных. Безопасная народная медицина. Рецепты народной медицины

Хватит болтать, погнали!

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

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

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

Ну вот, как-то так, думаю сойдет.

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

Затем нужно произвести некие настройки нашей чудесной кисти. Для этого тянем наш ползунок влево примерно на 10-12 пикселей, думаю будет в самый раз. Все остальные параметры, их у нас три, врубаем на полную катушку.

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

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

У нас получился треугольник.

Теперь нажимаем правой кнопкой мыши на наш треугольник и выбираем параметр выбрать обводку контура.

В этом окне обязательно выбираем инструмент кисть и ставим галочку на ИМИТИРОВАТЬ НАЖИМ.

После нажимаем окей.

Теперь давайте уберем наш никчёмный контур, он нам больше не понадобиться, спасибо за службу, нажимаем правой кнопкой и жмем удалить контур, ура, уже что-то.

Получился вот такой вот классный треугольник, но это еще не всё… продолжаем.

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

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

В своём творение я выберу режим наложения экран, цвет поставлю на белый, всё остальное по вашему желанию. Ну вот так сойдет.

Теперь самый крутой эффект, на котором вы скажите, но всё уже и так хорошо…но нет, лучше доделать до конца.

Здесь выбираем режим наложение Экран, непрозрачность на 100, шум 0, цвет тот же красный, размах в моём случае на 4, размер на 29, диапазон на 81. Ну так же лучше, верно? Уже можно сохранять и выкладывать. Но давайте не много заморочимся и придадим более реалистичный вид нашему окружению.
Давайте добавим некоторые свечения, которые отдает нам неоновый треугольник, для этого выбираем вот этот пунктирный круг, также вы можете выбрать и другие формы.

Незабываем снова создать еще один новый слой.
Я назову его свечение.
Зажимаем левую кнопку мыши и тянем по тянем в нужную нам сторону и делаем что-то похожее как у меня.
Теперь выбираем инструмент заливка, цвет по-прежнему у меня красный.
Нажимаем левой кнопочкой мыши в выделенную область.
Ужасно, давайте сделаем его более тусклым, а то это похоже не понятно на что. Режим отображения выставляем по вкусу, я же выберу умножение.
Теперь давайте размоем это тусклое пятно с помощью фильтра, нажимаем фильтр затем размытие по гауссу.
Делаем примерно так. Но всё равно мы видим очертания овала, давайте продублируем тоже самое с фильтром. Где-то так.

Читать еще: Чем полезен пажитник

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

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

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

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

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

Кстати примерно так делается эффект обгоревших деревьев, только с другими цветами.

Ну вот собственно и всё, может быть где-то переборщил с цветами. Но в целом получилось добротно.

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

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

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

На этом у меня всё, с вами был Дмитрий, подписывайтесь на канал, чтобы первыми узнавать о новых видео, ставьте лайки если данное видео вам было полезно или просто понравилось, я буду вам благодарен. Заходите на наш сайт websoftex.ru и читайте еще больше интересного. Всем пока-пока.