Неоновое свечение в фотошопе
В этом уроке Алексей Кузьмичев расскажет как создать в фотошоп неоновую линию. Фотошоп урок больше ориентирован на начинающих пользователей.
Для создания эффекта лучше использовать динамичные снимки. Также, очень важно, чтобы фон на заднем плане был темным. Тогда все нарисованные линии будут хорошо заметные и контрастные, а эффект получится очень красивым.
Конечный результат представлен на скриншоте ниже.
Давайте приступим. Открываем фотографию и поверх создаем пустой слой.
Далее выбираем инструмент «Перо» (Pen Tool).
Начинаем рисовать нашу линию. Ставим первую точку, далее вторую и, не отпуская клавишу мыши, выгибаем кривую как на скриншоте ниже.
При помощи зажатой клавиши Ctrl вы можете перетаскивать точки как вам нравится, а используя направляющие, вы можете менять угол изгиба вашей кривой.
Продолжаем ставить точки и выгибать кривую как на скриншоте ниже. Можно также посмотреть на фото издалека и, если есть необходимость, поправить и перетащить направляющие по своему усмотрению.
Теперь нам необходимо настроить кисть таким образом, чтобы выполнить обводку данного контура. Выбираем инструмент кисть и в настройках выставляем «Размер» на 25 пикселей (будет зависеть от вашей фотографии) и «Жесткость» на 0. «Прозрачность» и «Нажим» оставляем на 100%.
Далее переходим в параметры кистей и устанавливаем галочку на пункте «Динамика формы», чтобы мазок кисти выглядел как на скриншоте ниже.
После этого переходим обратно к инструменту «Перо», щелкаем правой клавишей мыши по контуру и из выпадающего меню выбираем пункт «Выполнить обводку контура».
В настройках выставляем «Кисть» и ставим галочку «Имитировать нажим».
Контур будет обведен. Для того, чтобы убрать направляющие, нажимаем клавишу Esc на клавиатуре.
Следующим шагом будем добавлять свечение. Щелкаем два раза левой клавишей мыши справа от названия нового слоя, чтобы зайти в «Стили слоя». Здесь ставим галочку и переходим в настройку «Внешнее свечение» (Outer Glow). В настройках цвет для свечения указываем фиолетовый. Его можно взять с рукавов модели на фото. «Размах» поставим на 2% и «Размер» увеличиваем примерно до 50 пикселей, чтобы свечение было ярким. Можно еще уменьшить прозрачность до 80%. Все остальные настройки должны быть установлены как на скриншоте ниже.
Последним шагом будем стирать области светящейся спирали, которые нам не нужны. Для этого добавляем маску к слою, щелкнув по соответствующей иконке в палитре слоев.
Берем инструмент «Кисть». «Жесткость» выставляем на 50%, размер берем побольше и обязательно основным выставляем черный цвет. Начинаем аккуратно стирать те участки, где линия нам не нужна. Пытаемся добиться эффекта, чтобы линия шла вокруг тела нашей модели.
Как видите, теперь линия идет аккуратно вокруг тела модели и у нас с вами получилось вот такое красивое неоновое свечение.
Простой эффект неонового света
Для лучшего понимания метода, по ссылке внизу страницы вы сможете скачать готовый файл PSD, выполненный по материалам статьи.
Вот что получилось у меня в результате:
Готовый результат создания эффекта неонового свечения в Photoshop.
Документ, состоящий из двух слоёв: логотип на прозрачном фоне и расположенный под ним слой для создания фона.
Займёмся фоном. Добавим к слою «background» стиль слоя «Наложение градиента». Как я упоминал выше, цвета и тональность фона здесь очень важны, т.к. они будут определять уровень реализма вашего дизайна. Он не может быть слишком тёмным или светлым, потому что многие эффекты при этом не будут работать, например при светлом фоне потеряет целевые пиксели режим наложения «Осветление основы» (Color Dodge). Исходя из этого, для градиента я буду использовать цвета #285a82 (средне-светло-синий) и #151515 (темно-серый). Параметры стиля слоя «Наложение градиента показаны на рисунке:
Параметры стиля слоя «Наложение градиента»
В результате слой с фоном должен принять следующий вид:
Слой, содержащий фон для неонового эффекта.
Параметры стилей слоя я приведу на картинках-скриншотах ниже, или же их можно посмотреть в документе PSD, скачать который вы можете по ссылке внизу страницы. Перевод режимов наложения (они используются в стилях слоя) на этой страничке.
После применения всех стилей слоя, если вы всё сделали правильно, то ваш документ должен выглядеть похожим на мой итоговый результат:
Готовый результат после применения всех стилей слоя.
А вот ка будет выглядеть эффект на более тёмном фоне со сплошным тёмно-серым цветом #2d2d2d, параметры стилей слоя с логотипом остались неизменными:
Изменение цвета фона с сине-серого градиента до сплошного тёмно серого.
Скачать файл PSD, выполненный по результатам урока:
How to create 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.
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.
Larson right-clicked on the Shape layer and chose Convert To Smart Object. Then she added a mask to the Shape layer.
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.
Как сделать неоновую надпись в фотошопе?
Крутой эффект подойдет тем, кто хорошо владеет фотошопом! Удивить своих подписчиков или просто научиться делать светящуюся надпись довольно просто. Давайте посмотрим, как сделать неоновую надпись в фотошопе?
Подготовка фона
Для начала в фотошопе нужно открыть фоновое изображение. В большинстве случаев берут картинку кирпичной, каменной или металлической стены. Достаточно в поисковике ввести «кирпичная стена».
Вариант 1
Как подготовить фон для неоновой надписи:
Вариант 2
Как сделать неоновую надпись в фотошопе и фон:
Команда Control и «+» на Windows, команда Command и «+» на Mac увеличивают картинку. Подобный эффект можно настроить в настройках, чтобы фото увеличивалось по скроллингу колесика мыши.
Делаем магию
Дальше дело останется за малым. Нужно выбрать и скачать шрифт, который вам понравится. Не забудьте его установить на компьютер! Можно поесть французских булок, да выпить чаю во время установки.?
Как сделать неоновую надпись своими руками:
Подсветка
Завершающий, но необязательный этап, который создает необычную подсветку вокруг букв. Как будто неоновая трубка немного отсвечивает на стену.
Как сделать подсветку неоновой надписи:
Лайфхак для телефонов
Разработчики пока не создали подобное приложение для телефонов. Но есть две программы, где можно сделать неоновую надпись онлайн. Называются приложения Рисуйте картинки и создавайте заметки и Kids Doodle. Единственный минус: в обоих редакторах нужно рисовать от руки.
Сорви овации
Будьте самыми стильными! Используйте супер эффекты:
Еще куча лайфхаков, секреты обработки, лучшие фильтры, о том, как сделать радугу на лице, как наложить текст, сделать правильную раскладку на фото собраны в нашей общей статье. Кликайте на картинку! 
Теперь вы знаете, как сделать неоновую надпись в фотошопе. Попробуйте этот простой прием, чтобы разнообразить свою ленту в социальных сетях. Пускай ваши фото собирают огромное количество лайков!
Спасибо за ваше потраченное время⚜
Фотография в неоновых цветах смотрится ярко, насыщенно и футуристично. В данном уроке мы разберем, как сделать фото в неоновом стиле с помощью фильтра Camera Raw. В конце статьи я расскажу, где можно скачать бесплатный Action представленного урока, который преобразует любую фотографию в стиль киберпанк.
Пошаговый урок — фото в неоновых цветах
Всех лучше эффект неоновых цветов будет заметен на ночных фотографиях города, где много светящихся вывесок. Но на портретных фото он смотрится тоже гармонично и скоро вы в этом убедитесь.
Неоновые цвета чаще всего ассоциируются с яркими оттенками синего, розового, зеленого. Их мы и будем использовать.
Шаг 1.
Откройте исходное фото в Photoshop.
Шаг 2.
Выполните команду Фильтр – Фильтр Camera Raw
Выполните следующие настройки:
Шаг 3.
Опустите ползунок и продолжите настройку параметров.
Шаг 4.
В том же фильтре Camera Raw перейдите на вкладу «Разбиение тонов» и еще раз подкорректируйте неоновый розовый и синий цвета, меняя их насыщенность.
Шаг 5.
Перейдите на вкладку «Эффекты» и добавьте виньетку, так чтобы края фото стали немного затемненными
Шаг 6.
Создайте корректирующий слой Уровни.
Немного сместите точку черного и увеличьте выходные значения, чтобы размыть темные участки.
Шаг 7.
Теперь добавим светящимся объектам яркости и размытости.
Для этого перейдите на слой Фото и вызовите команду Выделение – Цветовой диапазон.
Таким образом выделятся все неоновые объекты на фото.
Скопируйте выделение, нажав Ctrl (Cmd) + C
Создайте новый слой с именем « Отсветы » и вставьте туда выделенные ранее элементы – Shift + Ctrl (Cmd) + V
Если скопировался посторонний элемент сотрите его ластиком.
Выберите в контекстном меню Параметры наложение и добавьте Внешнее свечение слою «Отсветы»
Шаг 8.
Создайте новый слой с именем « Блики ». На нем мы будем создавать дополнительное свечение.
Для этого выберите кисть с нулевой жесткостью и прозрачностью 70 – 75% и нанесите одиночные мазки в тех местах, где это требует фотография. Зажимая клавишу Alt, берите именно те образцы цвета, на которые будет накладываться блик.
Шаг 9.
Скачайте текстуру дождя и поместите ее на новом слое сверху с режимом наложения Экран и прозрачностью 50-60%.
Крутое фото в неоновых цветах готово
Ретушь портрета неоновыми цветами
Портретные фото также отлично смотрятся в неоновых цветах. Алгоритм обработки аналогичный.
На следующем примере модель стоит около светящейся вывески, что уже требует неоновых оттенков и цветокоррекции. Посмотрите, какой стильной стала фотография. Характер сменился на современный, технологичный.
| ЧИТАЙТЕ ТАКЖЕ |
 Вся правда о гармонии цвета Узнайте, о главных законах колористики! |
Где скачать бесплатный Action Neon-des-life
Для того, чтобы получить бесплатный Action данного урока, оставьте комментарий под статьей с вашим мнением о том, какой пример использования неоновых цветов понравился вам больше всего и почему. После этого я отправлю Action вам на почту.
ВНИМАНИЕ! Ознакомьтесь с правилами использования Action Neon-des-life.
Все права на Action «Neon-de-life» принадлежат его разработчику.
Вы можете использовать данный Action в коммерческих и некоммерческих целях, кроме случаев предусмотренных следующими пунктами:
Инструкция Action Neon-des-life
В процессе выполнения Action вам нужно будет загрузить текстуру с дождем. Она так же входит в набор с ним, и нарисовать место, где должен быть туман. Подробнее смотрите в видео инструкции.
В Action с преобразованием фотографии в изображение с неоновым свечением в стиле киберпанк вы не найдете действия, где рисуется дополнительные цветовые блики от светящихся предметов. Этот шаг вы можете выполнить самостоятельно следуя пункту №8 в пошаговом уроке.
Подписывайтесь на обновления блога «Дизайн в жизни»
и мы обязательно опубликуем для вас еще больше полезных бесплатных уроков!
