Фотошоп неон: Простой эффект неонового света

Содержание

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

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

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

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

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

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

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

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

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

Creativo

Что будет с Фотошоп-Мастером?

Всё что сейчас есть на Фотошоп-Мастере — останется. Все ваши работы, лайки, комментарии, подписки, репутация — останутся без изменений.

Структура будет узнаваемой, дизайн станет более дружественным.

Учитывая пожелания, отзывы и даже критику пользователей мы производим трансформацию Фотошоп-Мастера в Creativo.

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

В 2020 году вас ждёт много новинок и возможностей.

Что нового ждёт вас в ближайших обновлениях?

Лента. Посты. Общение.

Социальная сеть это прежде всего общение.

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

Обновлённое портфолио и каталог работ

Портфолио для творческого человека — это его документ, резюме.

Мы переработали логику, добавили грамотный поиск, сортировку, фильтры.

Новая страница пользователя

Страница пользователя теперь это как личный сайт — с портфолио, со всеми предпочтениями, с удобным Избранным.

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

Удобная мобильная версия

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

Неоновый эффект в Adobe Photoshop

В этом уроке мы создадим очень красивый и реалистичный эффект неонового свечения для логотипа в Adobe Photoshop. Есть много уроков, посвященных той же цели, однако этот отличается двумя ценными деталями. Во-первых, здесь нет ничего лишнего. Автор очевидно перепробовал не один вариант, выбрал лучшее, и описал только это. Во-вторых, все стили слоя, благодаря которым создается эффект описаны, и вы сможете понять какой слой для чего служит. Это очень помогает в понимании работы со стилями.

Результат

Шаг 1

Начнем с создания простого слоя, которому укажем стиль слоя с радиальным градиентом. Света не должны быть слишком яркими. В нашем случае это #303e4a и #151515. От этого зависит реалистичность эффекта.

Шаг 2

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

Шаг 3

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

Начнем с Color Overlay/Перекрытие цвета. Используйте белый цвет. Если вы замечали, сам центр неоновых труб всегда белый. Это самая яркая часть, ее мы и пытаемся передать.

Шаг 4

Добавим стиль Bevel & Emboss/Тиснение. Этот стиль поможет нам создать эффект стекла. Это не самая важная часть, потому что в неоновых трубах стекла практически не видно, однако это поможет нам добиться эффекта объема. Укажите параметры как показано ниже.

Шаг 5

Добавляем стиль Inner Shadow/Внутренняя тень. Здесь мы выбираем тот цвет, который хотим придать нашему неоновому эффекту. В нашем случае это яркий бирюзовый.

Шаг 6

Стиль Inner Glow/Внутреннее свечение служит той же цели. Благодаря этому стилю у нас получится красивый переход между бирюзовым и белым цветами.

Шаг 7

Стиль Outer Glow/Внешнее свечение создаст эффект свечения. Он отвечает за то как свет от неоновых труб будет накладываться на фон и другие объекты под логотипом. Мы используем максимально возможный размер и режим наложения Overlay/Перекрытие, а также тот же бирюзовый оттенок.

Шаг 8

Стиль Drop Shadows/Тень создаст переход свечения. Для этого используем режимы наложения Vivid Light/Яркий свет или Color Dodge/Осветление основы. В нашем примере мы применили сразу два стиля слоя Drop Shadows/Тень. Первый будет работать как внешнее свечение, а второй даст отражение света на фон. Он будет чуть ближе или дальше, в зависимости от того под каким углом вы хотите показать логотип.

Шаг 9

Вот что в итоге получится:

Шаг 10

Теперь давайте добавим бетонную текстуру на фон. Это немного его затемнит.

Шаг 11

Также можно добавить несколько небольших элементов вроде проводов или креплений. Не перестарайтесь. Пусть все будет максимально просто.

Шаг 12

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

Результат

Есть еще один маленький трюк, который поможет вам добавить реалистичности. После того как вы закончили вашу работу, дублируйте все слои и объедините копии в один слой. Применит к слою фильтр Filter>Blur>Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу. Используйте радиус около 20. Дублируйте этот слой. Укажите нижнему слою режим наложения Overlay/Перекрытие, а верхнему Screen/Осветление на 50% opacity/непрозрачности. Это создаст очень классный эффект свечения!

Автор урока ABDUZEEDO

Перевод — Дежурка

Смотрите также:

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

584

23.02.2016 | Автор: Кузьмичев Алексей | Просмотров: 55160 | видео + текст

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Видеоурок:

Источник: http://photoshop-professional.ru

Узнайте как скачать видеоурок с сайта

Что еще посмотреть:

17.02.2016 | Просмотров: 5336 | видео + текст

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

13.08.2014 | Просмотров: 4884

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

01.11.2012 | Просмотров: 6996

Создаем фотошоп эффект кадра из кинофильма

09.11.2014 | Просмотров: 3876

В этом фотошоп видеоуроке вы вместе с автором будете создавать фотошоп эффект под названием «Fake HDR»(«фейковый hdr» эффект).

23.02.2012 | Просмотров: 14215

В своем уроке Елена расскажет о том, как превратить фотографию в акварельный рисунок. Из ее урока Вы наконец-то узнаете, как правильно можно использовать Архивную художественную кисть!