Неоновый эффект в 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
Перевод — Дежурка
Смотрите также:
- Уроки световых эффектов в Adobe Photoshop
- Лого в стиле сериала «Очень странные дела» в Adobe Photoshop
- Огненно-раскаленный эффект в Adobe Photoshop
4 простых техники Photoshop, которые помогут сделать ваши фотографии более красочными!
В этой статье я продемонстрирую некоторые быстрые, простые методы, которые помогут добавить вашим изображениям красочности и насыщенности.
Как всегда, вы можете обратиться с любыми комментариями. Насколько я знаю, эти методы должны работать как в Photoshop, так и в Photoshop Elements.
- Техника Photoshop № 1: Размытие / наложение
- Техника Photoshop № 2: Фильтр для фона
- Техника Photoshop № 3: Неоновый свет
- Техника Photoshop № 4: Легкое размытие
Продублируйте слой с изображением, перетащив его на иконку «новый» в палитре слоев (Ctrl + J):
Примените «Размытие по Гауссу» (Фильтр> Размытие > Размытие по Гауссу). Используйте величину размытия, достаточную для того, чтобы мелкие детали исчезли, но фигуры в основном сохранили свою форму:
В палитре слоев, измените режим смешивания с «Нормальный» на «Наложение»:
Если вы сравните изображения до и после, то увидите, что этот метод делает светлые тона светлее, а темные тона немного мягче. В целом это позволяет повысить контрастность. Если вы хотите получить более броский эффект, попробуйте изменить режим смешивания не на «Наложение», а на «Яркий свет».
Попробуйте эту технику для разных видов снимков: портреты, фото природы. Я использую этот метод для любых типов фотографий. И он всегда работает хорошо!
Это техника довольно любопытная… Начинаем как обычно: открываем изображение, дублируем слой. Затем используем инструмент «Лассо», чтобы примерно выделить определенный объект:
Выбираем Перо: Выделение> Растушевка (Ctrl + Alt + D). Нам нужна довольно большая «Растушевка», конкретное значение зависит от вашего изображения. Попробуйте 50 пикселей. Перейдите в Слой> Новый> Скопировать на новый слой. В конечном итоге вы должны получить новый слой, на котором будет размещаться только ваш объект с примененной к нему красивой «Растушевкой» (исчезающей ближе к краям).
Выберите дублированный слой, расположенный под слоем с вашим выделенным объектом. Попробуйте применить к нему некоторые фильтры.
Для этого примера я использовала Фильтр — Штрихи — Темные штрихи. Большинство фильтров «Штрихов» подойдут для этого эффекта.
Использовав размытие, вы можете сделать картинку довольно забавной. Когда вы закончите, ваша палитра слоев должна выглядеть приблизительно следующим образом:
Вот и все. Попробуйте применить несколько разных фильтров. Если вы хотите смягчить эффект, измените прозрачность слоя эффекта. Если вы хотите получить более выделяющийся объект, можно продублировать его слой, замаскировать, а затем использовать большую мягкую кисть, чтобы вернуть его обратно:
Вы когда-нибудь экспериментировали с неоновым светом, или вообще когда-нибудь использовали его? Что ж, самое время использовать его для нового снимка. Неоновый свет может добавить красочности вашим фото:
Продублируйте слой, затем добавьте фильтр: Фильтр — Имитация — Неоновый свет. Выберите цвет, который по вашему мнению дополнит снимок. В моем случае, так как кот светится в солнечном свете, я использовала желтый, постепенно увеличивая его значения. Начните со значения свечения 4 и яркости 18, затем настройте эти параметры в соответствии со своим снимком.
Вот, что получилось у меня, когда я закончила:
Готова поспорить, вы сами можете догадаться, что будет дальше. Конечно — дальше нужно изменить режим смешивания, перепробовав разные эффекты: «Мягкий свет», «Жесткий свет», «Яркий свет» и «Линейный свет». Я остановилась на «Ярком свете» и «Наложении».
Я была удивлена, насколько эта простая техника позволяет смягчить картинку. Попробуйте ее для портретов:
Продублируйте слой и примените «Размытие по Гауссу» (Фильтр> Размытие> Размытие по Гауссу), так чтобы детали начали расплываться, но не слишком:
Установите непрозрачность слоя 50%. Это отличный способ смягчить картинку. Он поможет создать на ней романтическое настроение.
Поэкспериментируйте со значениями размытия, пока не найдете то, которое лучше всего подходит для вашего снимка:
Вадим Дворниковавтор-переводчик статьи «4 Easy Photoshop Techniques to Make Your Pictures Pop»
Super Easy Neon Effect — Пересмотр учебника Photoshop
Еще один год, это наш 11-й день здесь, на земле Абдузеедо, и мы не можем поверить, что прошло уже более десяти лет.
Мы начинали как веб-сайт для вдохновения и учебных пособий, особенно учебник по Photoshop. Оглядываясь назад, безумно думать, что мы создали и опубликовали сотни руководств по использованию Photoshop, Illustrator, Pixelmator и других инструментов. В этом году я решил пересмотреть некоторые из самых популярных, чтобы посмотреть, что можно улучшить. Итак, для начала я хотел бы поделиться простым способом создания эффекта неонового света в Photoshop. Это очень просто, а результат даже лучше, чем предыдущий. Я надеюсь, вам понравится, и вы дайте мне знать, какой эффект мы должны сделать дальше.
Шаг 1
Начните с простого слоя и с помощью стилей слоя добавьте радиальный градиент. Цвета здесь очень важны, потому что они будут определять уровень реализма вашего дизайна. Он не может быть слишком насыщенным или слишком темным, иначе эффект Color Dodge не сработает. Я использую #303e4a для светло-голубого и #151515 для темно-серого.
Шаг 2
Импортируйте логотип, который хотите использовать.
Я использую внешнюю версию логотипа Abduzeedo. Вот еще одна важная вещь, толщина контура/штриха также влияет на реализм.
Шаг 3
Теперь стиль слоя. Довольно много, но важных вещей изменилось в стиле слоя с тех пор, как я написал учебник по Neon более 5 лет назад. Самое важное для меня то, что у вас может быть несколько стилей, например, у вас может быть более одной Drop Shadow или Inner Shadow. Это определенно очень полезно для таких световых эффектов.
Первое, что нужно сделать, это добавить Color Overlay и использовать белый цвет в качестве цвета. Если вы посмотрите, как работает неон, вы увидите, что центр трубки очень белый, а цвет становится более заметным по краям. Это то, что мы постараемся повторить.
Шаг 4
Итак, скос и тиснение. Эта часть предназначена только для того, чтобы придать нашей форме стеклянный вид. В этом нет необходимости, если вы посмотрите на то, как работают неоновые огни, но, опять же, это придает больше глубины.
Ниже вы можете увидеть значения.
Шаг 5
Внутренняя тень начнет придавать реалистичность, которую мы хотим. Цветовое наложение, которое мы используем, — это цвет, который мы хотим, чтобы наш неоновый свет был. Я использую приятный голубой цвет.
Шаг 6
Inner Glow — то же самое, оно усилит сочетание синего с белым. Ниже вы можете увидеть значения.
Шаг 7
Внешнее свечение создаст световой эффект или то, как свет взаимодействует с фоном и другими объектами. Вы можете видеть, что я использую максимальный размер и режим наложения для режима наложения с тем же голубым цветом, который я хочу, чтобы световой эффект был.
Шаг 8
Тени создадут смесь света. Вы можете добиться этого, используя Vivid Light или Color Dodge. Я использую 2 Drop Shadows. Первый будет вести себя как внешнее свечение, а второй будет светом, отражающимся на фоне. Он будет немного ниже или выше в зависимости от того, под каким углом вы хотите, чтобы люди видели логотип.
Шаг 9
Вот исходный результат с простым стилем слоя
Шаг 10
Теперь давайте добавим бетонную текстуру для фона. Это немного затемнит ситуацию.
Шаг 11
Здесь вы можете добавить небольшие элементы, такие как винты, провода. Это довольно просто, и они не требуют слишком много деталей.
Шаг 12
Чтобы соединить неон с проводом, нам нужно добавить некоторые элементы, чтобы создать впечатление, что неон находится немного далеко от стены. Я просто использовал прямоугольник со стилем слоя, как вы можете видеть ниже.
Заключение
Есть еще 2 важные вещи, которые вы можете сделать, чтобы все выглядело потрясающе. После того, как вы закончите свой дизайн, выберите все слои и дублируйте их. Сразу после этого объедините их в один слой и перейдите в Фильтр > Размытие > Размытие по Гауссу. Используйте размер больше 20. Дублируйте этот слой. У вас будет 2 слоя, сделайте один ниже с наложением для режима наложения, а другой на верхнем экране с непрозрачностью 50%.
Это создаст супер крутой эффект свечения.
Ваш дизайн готов, теперь вы можете скопировать его для других проектов и даже сохранить как стиль.
Загрузить файл Photoshop
Получить файл Photoshop
Super Easy Neon Style в Photoshop
В прошлую пятницу состоялась встреча Abduzeedo здесь, в моем родном городе Порту-Алегри. Было очень круто, мы хорошо повеселились и выпили много пива! Когда я уходил, я заметил неоновую вывеску возле паба, и это действительно вдохновило меня на создание учебника о том, как добиться такого эффекта в Photoshop.
В этом уроке я покажу вам, как создать красивый световой эффект в Photoshop. Мы будем использовать стили слоя и режимы наложения, чтобы имитировать эффект неонового текста.
Шаг 1
Откройте Photoshop и создайте новый документ. Я использовал 1920×1200 пикселей . После этого импортируйте кирпичную текстуру, которую я использовал, любезно предоставленную Shutterstock, и вы можете скачать ее здесь
Шаг 2
С выбранным слоем текстуры перейдите в Image>Adjustments>Hue and Saturation .
Используйте 0 для оттенка, 45 для насыщенности и -85 для яркости.
Этап 3
Добавьте новый слой и перейдите к Filter>Render>Clouds . Убедитесь, что у вас есть черный и белый цвета для переднего плана и фона. Инструментом «Ластик» (E) удалите области, близкие к краю, и оставьте только центр изображения. После этого измените режим наложения на Color Dodge.
Шаг 4
Импортируйте логотип, который вы хотите использовать для эффекта неона. Я использую логотип ZEE, который создал несколько недель назад. Дублируйте слой и скройте его, потому что нам понадобится несколько копий позже в этом уроке. Выберите видимый слой с логотипом и перейдите к шагу 9.0103 Фильтр>Размытие>Размытие по Гауссу. Используйте 15 пикселей для Радиуса.
Шаг 5
Следуйте изображениям ниже для настроек стиля слоя. Мы будем использовать Drop Shadow, Inner Shadow, Outer Glow, Bevel and Emboss и Color Overlay.
Шаг 6.
Шаг 7
Дублируйте слой со стилями слоя, чтобы усилить эффект, но уменьшите непрозрачность до 50%.
Шаг 8
Нам понадобится еще один слой с логотипом без примененных к нему стилей слоя. Поместите этот новый логотип поверх других, а затем перейдите к Filter> Blur> Gaussian Blur . Используйте 100 пикселей для Радиуса. Также измените режим наложения на Color Dodge.
Шаг 9
Теперь с помощью Brush Tool давайте создадим основу неона, которая будет закреплена на стене. Используйте черный цвет и поместите его за неоновыми слоями. После этого перейдите в Layer>Layer Style>Bevel and Emboss . Используйте изображение ниже для значений Bevel и Emboss. Для основания «E» используйте угол -160º, а для основания «Z» используйте 0º.
Шаг 10
Снова с помощью Brush Tool (B) и очень мягкой кисти, используя 0 для жесткости, добавьте новый слой позади слоев, созданных в предыдущем шаге.