Фото в неоновом цвете. Урок + бесплатный Photoshop Action

Фотография в неоновых цветах смотрится ярко, насыщенно и футуристично. В данном уроке мы разберем, как сделать фото в неоновом стиле с помощью фильтра 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.

С помощью кисти «Туман (Fog)», которая идет в комплекте с Action к данному уроку на новом слое нарисуйте легкую дымку. Можно использовать любую кисть дыма или тумана. Это добавит атмосферности нашему фото в неоновом стиле.

Скачайте текстуру дождя и поместите ее на новом слое сверху с режимом наложения Экран и прозрачностью 50-60%.

Крутое фото в неоновых цветах готово

ЧИТАЙТЕ ТАКЖЕ
Цветокоррекция в Photoshop с помощью кривых. Узнайте, как в Photoshop сделать обычное фото объемным, используя настройку цветов в кривых

Ретушь портрета неоновыми цветами

Портретные фото также отлично смотрятся в неоновых цветах. Алгоритм обработки аналогичный.

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

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

ЧИТАЙТЕ ТАКЖЕ
Вся правда о гармонии цвета Узнайте, о главных законах колористики!

Где скачать бесплатный Action Neon-des-life

Бесплатно скачать Action Neon-des-life можно ЗДЕСЬ

 

ВНИМАНИЕ! Ознакомьтесь с правилами использования Action Neon-des-life.

Все права на Action «Neon-de-life» принадлежат его разработчику.

Вы можете использовать данный Action в коммерческих и некоммерческих целях, кроме случаев предусмотренных следующими пунктами:

  1. Нельзя продавать  Action «Neon-de-life» и его производные.
  2. Нельзя перезагружать Action на любой другой ресурс кроме сайта Des-life.ru. Распространять данный Action можно только посредством публикации ссылки на него.
  3. Указание авторства на текстуру дождя, если вы будете ее использовать – обязательно.
  4. Указание авторства на используемый Action (ссылка на данную статью) обязательно!

Инструкция Action Neon-des-life

Прежде чем приступить к выполнению Action Neon-des-life загрузите в ваш Photoshop кисть Fog-des-life, которая идет в комплекте с Action.

Как загрузить кисть. В Photoshop читайте в статье «Бесплатные кисти Photoshop для коммерческого использования».

В процессе выполнения Action вам нужно будет загрузить текстуру с дождем. Она так же входит в набор с ним, и нарисовать место, где должен быть туман. Подробнее смотрите в видео инструкции.

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

Подписывайтесь на обновления блога «Дизайн в жизни»

по e-mail или социальных сетях  

и мы обязательно опубликуем для вас еще больше полезных бесплатных уроков!

(Visited 456 times, 1 visits today)

image

Шаг 2

Создайте новый документ размером  1000px * 500рх (пикселов) (Ctrl + N) с черным фоном. Нажимаем кнопку (Создать).

Шаг 3

Выбираем инструмент (Текст), и вводим желаемое слово или словосочетание.

image

Шаг 4

Вызываем рамку свободного трансформирования, клавишами (Ctrl + T), и удерживая клавишу (Shift), тянем за правый верхний размерный маркер, увеличиваем наш текст до необходимого размера. Располагаем текст по центру и нажимаем кнопку (Enter).

Шаг 5

Открываем вкладку (Слои), выделяем слой с текстом, нажимаем правую кнопку мыши на нашем слое, и выбираем в контекстном меню (Растрировать текст).

Шаг 6

Во вкладке (Слои) выделяем слой с нашим текстом, делаем его активным. Выбираем инструмент (Выделение) в панели инструментов. Теперь, выделите первую букву вашего текста, и создайте новый слой нажав клавиши (Ctrl + J).

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

Шаг 7

Убедитесь, что для каждого символа у вас создан отдельный слой. Затем, удалите основной слой вашего текста, он больше не понадобиться.

Шаг 8

Выполняем заливку — наложением цвета для каждой буквы вашего текста. Во вкладке (Слои), выбираем первый слой — с первой буквой вашего текста. Два раза кликаем на слой, и выбираем стиль (Наложение цвета). Выбираем цвет по цветовой шкале, и нажимаем (Ок).

Повторите эту операцию — наложение цвета — с каждым слоем, с каждым символам вашего текста.

Шаг 9

Теперь, необходимо объединить все слои с буквами в один слой. Цвет фона оставьте отдельным слоям. Перейдите во вкладку (Слои). И удерживая клавишу (Ctrl) — кликая мышкой, выделите каждый слой с буквой вашего текста. Далее, на любом выделенном слое, кликните правой кнопкой мыши, и выберите функцию (Объединить слои). Переименуйте этот новый слой в слово (Текст).

Шаг 10

Продублируйте новый слой — (Текст). Активируйте его во вкладки со слоями, и нажмите клавиши (Ctrl + J). Теперь у вас есть копия слоя, под названием (Текст копия).

Шаг 11

Возвращаемся во вкладку со слоями, и активируем первый слой — (Текст), выделив его кликом мышки. Далее идем в меню (Фильтр) и выбираем функции (Размытие) — (Размытие в движении). В открывшимся окне, устанавливаем угол наклона 90 градусов. А также устанавливаем, функцию смещение размытия, с помощью регулируемого ползунка, на ваше усмотрение, нажимаем — (Ок).

Шаг 12

Во вкладке со слоями активируем слой — (Текст копия). Дважды кликаем по нему левой кнопкой мыши. В раскрывшимся окне — (Стиль слоя), выбираем функцию — (Внутреннее свечение). Выставляем настройки:

Структура

Режим: Осветление

Непрозрачность: 75%

Шум: 0%

Цвет: Белый

Элементы

Метод: Мягкий

Источник: На краях

Стягивание: 0%

Размер: 13 пикселей

Качество

Контур: Двойное кольцо

Диапазон: 50%

Колебания: 0%

Нажимаем (Ок)

Шаг 13

Во вкладке со слоями, активируем слой — (Текст копия), и нажимаем клавиши (Ctrl + J). Создаем еще одну копию этого слоя, который будет именоваться — (Текст копия 2). Далее возвращаемся на второй слой — (Текст копия), делаем ее активной.  Идем в меню (Фильтр) далее выбираем функции (Размытие) — (Размытие по гауссу). В открывшимся окне, регулируется ползунком подсветку наших букв. Нажимаем (Ок).

Шаг 14

Во вкладке со слоями, активируем слой — (Текст копия 2). Далее идем в меню (Фильтр), выбираем функцию (Резкость) — (Умная резкость). Устанавливаем настройки;

эффект: на ваше усмотрение.

радиус: на ваше усмотрение.

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

Благодарю за внимание, надеюсь данный материал помог Вам. Успехов и Божьих благословений!

Оставляйте ваши комментарии, в низу страницы.  Спасибо…

«>режимом наложения; сформируем группы из слоев; воспользуемся масками; узнаем про каналы.

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

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

Где применить

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

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

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

Детали урока

  • Шаги 6
  • Время 40 минут
  • Навык Продвинутый
  • Ученики 11

Содержание

Содержание

Отзывы

Отзывы

  • Очень доволен

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

  • Понравилась идея

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

  • Полезный урок

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

  • Описание
  • Содержание
  • Отзывы

Вам может понравиться

Вам может понравиться

Подробнее

Полигональный эффект

Подробнее

3D эффект

Подробнее

Эффект граффити

Подробнее

Красно-синий эффект

Подробнее

Отбеливание зубов

Такой текст можно создать в Adobe Photoshop за 5 минут. Итак, начнем:

1. Создаем новый документ размером1600х640 пикселей;

2. Заливаем его черным или темно-серым цветом;

3. Пишем свой текст, я использовал шрифт Blade Runner Movie Font с резким сглаживанием и размером150пт. Цвет текста – белый, шрифт можно использовать любой другой, подходящий по стилю, например Bauhaus 93.

4. Создаем новый слой. Затем с помощью Ctrl+клик на нашем слое выделяем текст. Теперь нам нужно расширить выделение: Выделение – Модификация – расширить, ставим 2 pix.

5. Создаем новый слой, заливаем на нем выделенную область белым цветом. И снова Ctrl+клик, Выделение – Модификация – Сжать, ставим 2pix. Жмем Del и убираем видимость слоя с текстом и получаем примерно такой контурный текст:

6. Ctrl+клик на слой с контуром нашего текста, снова модификация выделения, расширяем на 2 pix. Создаем еще один слой, заливаем выделенную область и устанавливаем вот такие параметры наложения:

7. Добавляем еще один слой, объединяем его с предыдущим и делаем размытие по Гауссу с радиусом 3 pix. Уже смотрится весьма неплохо.

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

9. Радуемся результату…

Успехов!

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

Внешнее свечение ↓ Контровая подсветка ↓
Как быстро добавить свечение ↓ Как легко создать блик ↓

Внешнее свечение

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

image

В этой панели открывается перечень параметров, экспериментируя с которыми, можно достичь желаемого результата. Режим наложения предлагает набор стилей освещения — для обводки, создания тени или общей подсветки изображения. Режимом Непрозрачность регулируется степень прозрачности добавленного свечения. Добавляется или убавляется свету шума, чтобы создать зернистый эффект. В инструментах Структуры изменяете и цвет будущей подсветки. Здесь выбираете один цвет, либо при помощи Градиента создаете переходы и яркие цветовые эффекты – опция полезна для создания светящихся неоновых надписей.

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

Контровая подсветка

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

image

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

Как быстро добавить свечение

Чтобы быстро и легко добавить на изображение сияние в программе фотошоп, загружаем изображение и создаем новый слой в верхней панели Слои – Новый слой. Далее при помощи инструмента Эллипс создаем по желанию круг или овал белого цвета нужного размера. Далее применяем Фильтр – Размытие – Размытие по Гауссу, регулируйте в зависимости от требуемой степени размытости свечения.

image

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

Способ легко создать блик

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

image

Панель Стиль предлагает в развороте типовые варианты источников света. Источники (Light Type) делятся на Прожектор, Дневной свет и Лампочка, в зависимости от резкости и яркости требуемого освещения. Тут так же регулируете яркость, интенсивность и цвет подсветки. Таким образом на одном изображении создается единый источник света или подсвечивание нужных областей в разных частях фотографии.

Оцените статью
Рейтинг автора
4,8
Материал подготовил
Максим Коновалов
Наш эксперт
Написано статей
127
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий