Создание простого эффекта свечения · Мир Фотошопа
Добро пожаловать в очередной мини-урок по Photoshop из серии уроков, которые мы специально посвятили новичкам — чтобы помочь им разобраться в различных аспектах применения фотошопа на маленьких, но, от этого ничуть не потерявших в качестве, примерах.
В этом уроке мы покажем, как за несколько шагов создать красивый светящийся флористический узор. Результат получится довольно эффектным, а вот процесс его создания — довольно прост, что еще нужно новичку?
Для работы вам понадобятся следующие файлы:
<ul>Что ж, поехали!
1 Шаг
Создайте новый документ размерами 600?600px и сразу залейте фон черным цветом #000000. Создайте новый слой под названием “Cloud” с порядка 40% Opacity и нарисуйте какое-нибудь облако при помощи одной из кистей, которые вы скачали.
Создайте еще один слой с названием “background light”, переключитесь на большую мягкую кисть белого цвета и создайте световые пятна, как показано на рисунке ниже.
Как видите, таким образом можно в считанные секунды создать неплохой фон для дальнейшей работы.
2 Шаг
Создайте новый слой под названием “floral pattern”. Используя флористическую кисть, которую вы скачали вначале урока, нанесите один узор на этот слой.
Теперь к этому слою примените следующие стили (пункт Blending Options из контекстного меню, выпадающего при клике правой клавишей мыши на слое):
Drop Shadow
Bevel and Emboss
Как видите, здесь мы создали немного бликов и немного тени для нашего узора:
3 Шаг
Теперь можно добавлять эффект свечения к узору. Для этого просто дублируйте оригинальный слой с цветком и примените к нему размывку, выполнив Filter > Blur > Gaussian Blur:
И вот, что вы получите, когда за узором образуются светящиеся края:
4 Шаг
Внесем в изображение немного цвета.
Я выбрал смешение золотых оттенков (задавайте все, как указано ниже):
Ну и вот наш результат:
Заметьте, что нужды в использовании тех же цветов, что и у меня, на самом деле нет, и вы можете экспериментировать с оттенками, руководствуясь своими вкусами и предпочтениями.
5 Шаг
Сейчас сольем все слои (Image > Flatten Image), не забыв перед этим сохранить копию исходного документа со слоями в отдельном файле. Дублируйте фоновый слой и примените следующий фильтр к нему: Filter > Sharpen > Smart Sharpen.
Как видите, мы получили более утемненную кромку узора, а также все изображение в целом стало более четким и детальным.
Теперь займемся созданием эффекта боке. Это можно сделать, используя настройки Brush Dynamics (F5).
Создайте новый слой с названием “bokeh” поверх других слоев. Переключитесь на круглую кисть с примерно 90% значением Hardness и примените такие параметры для этой кисти:
Shape Dynamics
Scattering
Transfer (Other Dynamics)
Также отметьте опции Airbrush и Smoothing
Ну и вот, что получим на выходе:
6 Шаг
Дублируйте слой боке и примените к дублю фильтр Filter > Sharpen > Smart Sharpen:
Снизьте Opacity дубля в район 80% и увидите, как вокруг боке возникнет подсвеченный край:
На заметку: лично я предпочитаю использовать фильтр Smart Sharpen для добавления обвода, нежели работу со стилем Stroke, как это делают многие. В результате получается более качественный и прорисованный эффект — по моему мнению.
Создайте новый слой поверх предыдущего с названием “highlight”. Задайте ему режим наложения равный “Soft Light” и переключитесь на мягкую белую кисть, чтобы нанести несколько светящихся пятнышек, как показано ниже.
Ну и наконец, добавьте корректирующий слой Levels Adjustment Layer со следующими настройками (это усилит контрастность и придаст изображению большей глубины):
К этому слою теперь примените маску (кнопка Add Layer Mask внизу палитры Layers) и в режиме маски выполните примерно такую градиентную заливку:
Вот какой у нас вышел результат:
Это все на сегодня. Мини-урок по созданию эффектов свечения в Photoshop подошел к концу. Надеюсь, вы остались довольны. До новых встреч!
Как сделать эффект свечения в Фотошопе
Эффект свечения в Photoshop позволяет создать имитацию светящегося объекта, максимально приближенную к реальности. Этот прием можно использовать при создании подобия неоновых надписей, подсветки различных объектов на фотографиях и в других ситуациях, когда требуется изобразить надпись или объект, испускающий световые лучи. Реализовать эту задачу позволит достаточно простой алгоритм, описанный в данной статье.
Процесс создания свечения
Метод, описанный ниже, основан на наложении нескольких слоев, использовании функции “Выделение” со специальными установками, а также на инструментах размытия и настройках стиля слоев. Приступим к созданию эффекта свечения на примере текста.
- В созданном документе (фон которого, например, залит черным цветом), при помощи инструмента “Текст” пишем надпись, являющуюся основой для создания эффекта свечения.
- Используя инструмент “Слой…” (Вкладка “Слои“, группа “Новый“), создаем пустой слой.Примечание: создать новый слой также можно, нажав специальную кнопку в нижней части палитры слоев.
- В появившемся окне с параметрами слоя просто жмем ОК.
- Удерживая клавишу Ctrl на клавиатуре щелкаем левой кнопкой мыши по иконке слоя с текстом в панели слоев, чтобы создать выделение.
- Теперь надо расширить созданное выделение. Для этого выбираем строку “Расширить” (Вкладка “Выделение” – группа инструментов “Модификация“).
- В параметрах выделения области вводим значение от 2 до 5 пикселей и нажимаем кнопку ОК.
- В результате наблюдаем расширение границ выделения и теперь можно переключиться на новый слой (в нашем случае – Слой 1).
- Далее нужно выполнить заливку с помощью соответствующего инструмента, для чего жмем комбинацию Shift+F5.
- В окне настроек кликаем по выпадающему списку параметра “Содержание“, выбираем строку “Цвет“. В появившейся палитре цветов делаем выбранный ранее цвет светлее и нажимаем ОК и в самой палитре, и затем – в окне “Заполнить”.
- Размываем слой, при помощи специального фильтра – “Размытие по Гауссу“. Он находится во вкладке “Фильтр“, в группе инструментов “Размытие“.
- Устанавливаем радиус размытия, визуально контролируя полученный эффект.
- Отменяем выделение (соответствующая функция находится во вкладке “Выделение”).
- При помощи зажатой левой кнопки мыши переносим размытый слой под слой с текстом.
- В палитре слоев два раза щелкаем по текстовому слою левой кнопкой мыши (не по самой надписи, а по свободной области справа от нее, так как в противном случае будет предложено просто переименовать слой).
- В появившемся окне настроек стиля слоя выбираем инструмент “Тиснение“, регулируем параметры “Размер” и “Смягчение“. При необходимости можно “поиграться” с другими параметрами, визуально отслеживая результат.
- После нажатия кнопки OK мы получим результат в вид созданного эффекта свечения.
Заключение
Описанный метод достаточно универсален. Окончательный эффект и степень натуральности зависят от множества факторов, начиная от самого объекта и его цвета, и заканчивая настройкой параметров используемых на каждом шаге инструментов. Поэтому, вероятно, потребуется некоторое время на то, чтобы придать свечению выбранного объекта более естественный вид.
Как создать эффект контрового света с помощью Photoshop
Свет – это огромная неотъемлемая часть успеха фильма. Это справедливо и для фотографии. Чтобы создать драму в изображении, нужен свет или его отсутствие. Свечение краев, как предполагает термин, еще называется контровой подсветкой. В этой статье я покажу вам как создавать это драматический стиль освещения.
Эффект свечения краев, созданный в сцене, и эффект Внутреннее свечение, добавленный в Photoshop.
Свечение краев добавляет драмы
В фильме «Чужой» (1979) была такая сцена, когда персонаж, которого сыграл Гарри Дин Стэнтон, идет искать кота Джонса. Это сцена заставила меня закрыть рот обеими руками. Я просто знала, что произойдет что-то ужасное – с таким невероятным напряжением она была создана.
«Чужой» кинокомпании «20th Century Fox»
Освещение на протяжении всего фильма было выполнено в низком ключе, чтобы создать угрюмое атмосферное ощущение.
Хороший пример свечения краев – это использование источников света с двух сторон или одного позади объекта, как на изображении ниже.
На этой фотографии источник света за объектом создает свечение краев вокруг головы. Это также называется свечение волос.
Прежде, чем я покажу, как создать этот эффект в Photoshop, я хочу показать, как просто создать его в сцене. А затем вы сможете попробовать сделать это самостоятельно в комфортных домашних условиях.
Создание эффекта свечения краев в сцене
Я использовала следующие предметы для создания свечения краев:
- Одна бутылка воды
- Одна глянцевая черная плитка
- Два источника света
- Камера, установленная на штатив.
Я купила черную глянцевую плитку в местном магазине плитки, где можно было купить только одну. Что касается освещения, то стрипбоксы идеально подойдут для этих целей. Вы размещаете их с обеих сторон немного позади объекта (ближе к фону).
В отличие от софтбоксов, стрипбоксы по форме узкие и прямоугольные. Но для целей этой статьи вы можете использовать любые источники света, которые есть в вашем распоряжении.
Я поставила свой iPad вертикально с одной стороны бутылки и открыла приложение Soft Box, которое можно загрузить бесплатно, и задала белый цвет. С другой стороны была установлена LED-лампа. Сцена была выстроена на моем кухонном столе.
Как видно на фотографии ниже, я могла контролировать угол направления света, попадающего на бутылку. Настройки камеры были следующие: ISO 2000, выдержка 1/60, диафрагма f/5.6.
Простая схема, которую вы можете использовать дома, для создания эффекта свечения краев с помощью черной глянцевой плитки, реквизита и двух источников света.
Примечание:
Если вы не хотите использовать два источника света и располагаете обычным софтбоксом, то попробуйте разместить его прямо позади объекта, и закройте центральную часть софтбокса черной панелью (это будет ваш фон). Вам будет необходимо поэкспериментировать, чтобы получить желаемый эффект свечения объекта.
Это фото бутылки воды прямо из камеры.
Теперь давайте погрузимся в Photoshop.
Создание эффекта контровой подсветки в Photoshop
Ключом добавления эффекта свечения краев в Photoshop является Стиль слоя и объект, отделенный от фона. Прежде, чем применить какой-либо стиль слоя, необходимо, чтобы изображение, которое вы будете использовать, было тщательно вырезано. Используйте любой инструмент для выделения, но я рекомендую Перо.
Стиль слоя
Давайте взглянем на Стиль слоя. В открытой программе Photoshop перейдите на панель Слои. В самом низу вы увидите группу иконок. Среди них вторая слева fx. Нажмите на нее, и появится диалоговое окно с различными вариантами стилей.
Стили слоя появятся, если нажать на иконку fx, расположенную внизу панели Слои.
Набор Внутреннее свечение
Другим способом вы можете перейти в Стиль слоя, нажав на кнопку с горизонтальными линиями в верхнем правом углу панели Слои. Пролистайте вниз до Параметры наложения. Появится такое же диалоговое окно, и теперь просто нажмите на Внутреннее свечение.
Когда вы нажмете на любой из вариантов стилей слоя, там уже будут предустановленные настройки, но вы легко можете их редактировать. В данном примере, оставим некоторые настройки как они есть, и настроим следующие три:
- Растушевка
- Размер
- Непрозрачность
Экспериментируйте до тех пор, пока не будете довольны результатом, а затем нажмите ОК.
Всплывающее диалоговое окно со Стилем слоя и настройками по умолчанию.
Эффект свечения краев, добавленный в Photoshop с помощью Внутреннего свечения из набора Стиль слоя.
Использование режима наложения Осветление основы вместо Экран
Я предпочитаю во время использования техники Стиль слоя менять режим наложения с Экран на Осветление основы. Я использовала это на бутылке воды в заглавном снимке. Чтобы увидеть разницу между двумя режимами наложения, посмотрите на две фотографии ниже.
Первое изображение – это Внутреннее свечение с режимом наложения Экран и настройками по умолчанию. Во втором изображении режим наложения изменен на Осветление основы.
Изменение режима наложения на Осветление основы
Эффект свечения краев, созданный в Photoshop с помощью Внутреннего свечения из набора Стиль слоя
Этот эффект свечения краев создан с использованием Внутреннего свечения из набора стиль слоя, но с изменением режима наложения на Осветление основы.
Создание эффекта свечения краев с нуля с помощью Photoshop
Однако, эта техника действительно прекрасна, если нужно создать свечение краев с нуля. Для примера возьмем это изображение бабочки Калиго. На нем совсем нет эффекта свечения.
Калиго
Я отделила бабочку от фона с помощью инструмента Перо, и поместила ее на другой фон, к которому добавила размытие по Гауссу.
Пшеница
Так как Калиго размещена на отдельном слое, я добавила Внутреннее свечение из Стиля слоя и изменила режим наложения на Осветление основы, выбрав темный желтый. Я хотела, чтобы на крыльях появилась подсветка от заходящего солнца на заднем плане.
Бабочка Калиго была вырезана инструментом Перо в Photoshop и помещена на другой фон. Я размыла фон с помощью размытия по Гауссу.
Я поместила этот эффект Стиля слоя на отдельный слой. Затем применила слой-маску и закрасила желтое свечение на крыльях, чтобы они выглядели реалистично. Я сделала еще немного ретуширования, добавив градиентное Перекрытие, а затем применила Фильтр>Размытие>Среднее, чтобы смешать цвета двух изображений.
Поместив эффект Стиля слоя на отдельный слой, я смогла применить слой-маску и закрасить эффект свечения на крыльях бабочки.
Внутреннее свечение было добавлено с помощью режима наложения Осветление основы. Затем добавлено градиентное перекрытие, чтобы затемнить нижнюю часть бабочки. Потом применено Среднее размытие, чтобы смешать цвета двух изображений.
Автор: Sarah Hipwell
Перевод: Татьяна Сапрыкина
Эффект свечения текста в фотошопе
С помощью фотошоп можно сделать различные эффекты текста, которые помогут украсить оформление странички социальной сити или какой-нибудь рекламный баннер. В данном случае рассмотрим способ реализации эффекта свечения текста, который достаточно просто делается и смотрится привлекательно.
Любой эффект свечения (света) особенно хорошо смотрится на темном фоне, благодаря которому видно все детали данного эффекта. Именно поэтому фон будем делать темный и не сильно выраженный. За основу я взял изображение космоса с астронавтом, буду делать эффект в тематике космоса. Исходники к данному уроку, изображение и используемый шрифт вы можете скачать на данной странице справа в блоке «Материалы к уроку».
1. Открываем изображение, которое будем использовать в качестве фона, программой фотошоп и создаем под слоем с данным изображением новый слой. Данный слой мы зальем темным цветом с помощью инструмента «Заливка». Цвет можно взять пипеткой из темной области самого изображения.
После этого к верхнему слою с изображением применим наложение «Мягкий свет». Для этого в панели слоев выделяем слой с изображением, кликнув по нему левой кнопкой мыши и устанавливаем ему наложение «Мягкий свет», вместо «Обычное».
Таким образом мы подготовили фон, сделали изображение космоса и астронавта темным и менее видным, что и требовалось.
2. Теперь добавляем текст по центру изображения, настраиваем нужный размер и шрифт. Я подобрал шрифт необычный и с намеком на что-то космическое ;).
Далее необходимо наложить на текст градиент. Для этого кликаем правой кнопкой мыши по слою с текстом в панели слоев и в появившемся меню выбираем «Параметры наложения». В результате данного действия откроется окно с настройками параметров слоя.
В данном окне выбираем «Наложение градиента» и задаем настройки: линейный градиент, угол 90 градусов, ну и все остальное, как на скриншоте выше.
Для того чтобы настроить необходимые цвета градиента нужно кликнуть левой кнопкой мыши по градиенту и в появившемся окне задать необходимые цвета.
В данном случае это будут синие тона, верхнюю часть градиента сделаем светлой, нижнюю — темной.
3. После настройки градиента необходимо сделать «тиснение» текста, чтобы придать ему эффект объема и выделить края. Для этого в той же панели «Параметры наложения» выбираем «Тиснение» и делаем соответствующий настройки (как на скриншоте ниже).
В результате получаем вот такой текст с эффектом тиснения.
4. Далее полученный слой с текстом необходимо копировать 3 раза, для этого выделяем данный слой, кликнув по нему левой кнопкой мыши и нажимаем на клавиатуре комбинацию клавиш Ctrl + C (стандартная команда копирования), после чего 3 раза нажимаем комбинацию клавиш Ctrl + V (вставить). В результате в панели слоев мы получим 3 копии слоя с текстом.
После этого выделяем эти получившиеся три слоя, кликая по каждому из них левой кнопкой мыши и удерживая клавишу Ctrl. После того как данные три слоя выделили необходимо нажать правую кнопку мыши и в появившемся меню выбрать «Растрировать текст»,
после чего снова нажать на правую кнопку мыши и в появившемся меню выбрать «Объединить слои». Таким образом у нас получится один слой с изображением надписи.
5. Теперь к получившемуся слою с изображением текста применим фильтр «Радиальное размытие». Выделяем данный слой, кликнув по нему левой кнопкой мыши и в верхней панели меню выбираем «Фильтр» — «Размытие» — «Радиальное размытие».
Далее, в открывшемся окне настроек фильтра устанавливаем максимальное количество — 100, метод размытия — линейный и качество — наилучшее.
В результате применения фильтра получится эффект свечения.
Свечение получилось тусклым и для того, чтобы увеличить его яркость мы к данному слою применим наложение «Линейный осветлитель». Выделяем данный слой и в панели слоев устанавливаем наложение «Линейный осветлитель», вместо «Обычный».
В результате получим уже более насыщенный и яркий свет.
Следующим шагом повторим применение фильтра «Радиальное размытие» к этому слою, т. е. опять применим к нему данный фильтр с теми же настройками, чтобы сделать свет распространенный на большее пространство.
Последним шагом сделаем еще одну копию данного слоя с эффектом поместим ее под первый слой и установим ему наложение «Осветление основы» вместо «Линейный осветлитель». Так же данному слоу установим непрозрачность на 50%.
В итоге получаем необходимый эффект свечения текста.
Таким образом в фотошопе можно сделать эффект свечения не сложным и быстрым способом.
Добавляем эффект свечения изнутри 2.0 / Creativo.one
Перед вами обновлённая версия урока, который выполнен в Photoshop CC2018.
В этом уроке мы узнаем, как использовать изображение как маску слоя. Эта техника позволяет создавать интересные эффекты. Мы создадим мягкий эффект свечения.
Скачать архив с материалами к уроку
Давайте приступим.
1. Создаем основу
Шаг 1
Как всегда, начинаем с того, что дублируем фоновый слой. Чтобы сделать это быстро, нажимаем Ctrl+J. Назовем новый слой «Слой 1».
Шаг 2
Нам необходимо добавить новый пустой слой между нашим Слоем 1 и фоновым. Можно сделать это несколькими способами, но проще всего, находясь на Слое 1 и удерживая Ctrl, щелкнуть по иконке создания нового слоя в палитре слоев. Удерживая Ctrl, вы сообщаете Photoshop, что хотите создать слой ниже выбранного. Теперь у нас есть чистый слой между фоновым и Слоем 1.
Шаг 3
Нажмите D для восстановления цветов переднего плана – черного, фонового – белого. Затем, с выбранным чистым слоем, нажимаем Ctrl+Backspace. Эта команда заполнит чистый слой фоновым (белым) цветом. На самом изображении ничего не изменится, т.к. белый слой находится посередине, но в палитре слоев миниатюра чистого слоя заполнится фоновым цветом.
2. Создаем маску слоя
Шаг 1
Активируем Слой 1. Будем копировать изображение в буфер обмена. Для этого сначала нажимаем Ctrl+A, чтобы выбрать целый слой. Вы увидите блок выбора вокруг краев изображения. Затем нажимаем Ctrl+С, чтобы скопировать изображение в буфер.
Шаг 2
С выбранным Слоем 1 щелкаем по иконке добавления маски слоя в палитре слоев.
Шаг 3
Мы собираемся вклеить скопированное изображение в маску слоя. Удерживая Alt, щелкаем по миниатюре маски слоя в палитре слоев.
Наше изображение стало белым листом, т.к. мы видим не слои, а маску слоя. Теперь в маску слоя можно вклеивать изображение. Нажимаем Ctrl+V. У нас появится черно-белое изображение:
Изображение черно-белое потому, что мы все еще смотрим на маску слоя. В маске слоя могут быть видны только черный, белый и серый цвета. Это видно и на миниатюре маски слоя в палитре слоев:
Если щелкнуть по миниатюре самого Слоя 1, то мы увидим наше исходное изображение, которое «маскируется» своей копией и белым слоем (сквозь белые участки в изображении маски слоя «просвечивает» белый нижний слой). Выглядит это примерно так:
Шаг 4
Инвертируем маску слоя для того, чтобы светлые области стали темными, а темные – светлыми. Для этого щелкаем по миниатюре маски слоя в палитре слоев (теперь клавишу Alt удерживать не обязательно) и инвертируем маску слоя. Можно использовать сокращение Ctrl+I. Теперь наше изображение должно смотреться значительно лучше:
3. Добавляем свечение
Шаг 1
Для того, чтобы добавить нашему изображению мягкий эффект свечения применим к маске слоя фильтр размытия по Гауссу. С выбранной миниатюрой маски слоя в палитре слоев проходим в меню Фильтр – Размытие – Размытие по Гауссу (Filter – Blur – Gaussian Blur).
Перетаскивая движок значения радиуса размытия, найдите необходимую величину размытия для вашего изображения. Для изображений с невысоким разрешением подойдет малый уровень размытия около 6 пикс. Если ваше изображение имеет высокое разрешение, то и радиус размытия должен быть больше (8 пикс. и выше). Вообще, чем больше «размытость», тем более явно виден эффект «свечения изнутри».
Шаг 2
Объедините Слой 1 с белым слоем (нажимаем Ctrl+E).
4. Финальная корректировка
Шаг 1
Изображение выглядит слишком светлым и «замыленным». Попробуем устранить эти недостатки. Для начала продублируем наш новый объединенный слой и изменим режим наложения нового слоя на Умножение (Multiply). Наше изображение стало более контрастным. Если вам покажется изображение слишком темным, измените непрозрачность нового слоя. В нашем примере Непрозрачность (Opacity) установлена на 65%.
Вот что у нас получилось после изменения режима наложения слоя на Умножение и установки непрозрачности слоя на 65%:
Шаг 2
Изображение смотрится хорошо, за исключением того, что цвета выглядят немного тусклыми. Попробуем исправить это. В палитре слоев щелкаем по иконке создания нового корректирующего слоя. Выбираем Цветовой тон/Насыщенность (Hue/Saturation).
В появившемся диалоговом окне Цветовой тон/Насыщенность меняем значение Насыщенность (Saturation). Для нашего примера подойдет значение +32.
Когда вы будете довольны величиной насыщенности, щелкайте ОК.
Теперь посмотрим, что же у нас получилось.
Это всего лишь один пример использования изображения, как маски слоя. Поэкспериментировав с фильтрами, которые можно приложить к маске слоя или к изображению, изменив цвет среднего (белого) слоя, вклеивая изображение в маску слоя перевернутым, можно найти очень много интересных эффектов. Творческих вам успехов!
Создай волшебное сияние в Фотошоп / Creativo.one
В этом уроке Вы научитесь создавать эффект волшебного освещения.
В конце урока у Вас получится вот такая работа.
Шаг 1. Создайте новый документ (Ctrl+N), создайте новый слой, назовите его «Фон» и залейте любым цветом. Применим стили слоя. Для этого кликните два раза по слою. Добавим Наложение градиента (Gradient Overlay) и Перекрытие узора (Pattern Overlay.)
Шаг 2. Теперь добавим чашку. Автор использовал своё изображение, но Вы можете использовать то, что Вы хотите.
Шаг 3. Выберите Инструмент Эллипс (U) в режиме фигур, цвет белый и создайте круг как, на картинке. После этого, примените фильтр Размытие — Размытие по Гауссу (Filter>Blur>Gaussian Blur) с радиусом 30px. Возможно для вашего изображения радиус будет меньше или больше.
Шаг 4. Создайте новую группу и назовите её «Световые эффекты». Измените режим наложения для группы на Осветление основы (Color Dodge) и переместите эллипс, который Вы создали в эту группу.
Шаг 5. Чтобы создать искры, мы будем использовать настройки кисти. Добавьте новый слой, в группе «Световые эффекты», назовите «Искры», возьмите кисть белого цвета и выставьте настройки кисти как показано на изображениях ниже.
Шаг 6. Нарисуйте искры и добавьте стили слоя. Двойной клик по слою, выбираем Внешнее свечение(Outer Glow) и ставим такие настройки:
Шаг 7. Давайте добавим немного дыма над чашкой. Создайте новый слой и назовите его «Дым». Режим наложения для слоя измените на Осветление основы (Color Dodge). Возьмите инструмент Лассо (Lasso Tool), в настройках инструмента поставьте Растушевку (Feather) 40 пикселей и выделите область как показано ниже. Затем, поставьте цвета по умолчанию, нажав клавишу D и примените фильтр Фильтр-Рендеринг-Облака (Filter>Render>Clouds.) Подсказка: Продолжайте применять фильтр, пока Вы не получаете облака которые Вам больше понравятся.
Шаг 8. Добавьте текст, какой Вы захотите и придайте ему интересный эффект. Настройки ниже.
Вот результат наших стараний
На этом можно было бы уже остановиться, но я Вам предлагаю сделать ещё несколько шагов и добавить надпись-шлейф.
Шаг 9. Выберите инструмент Горизонтальный текст и напишите что Вам захочется. Затем к этому слою примените Фильтр-Искажение-Волна (Filtr<Distort >Wave) Настройки ниже: Создайте два слоя с текстом и объедините их в группу « Шлейф »
Шаг 10. Используя Свободную трансформацию (Ctrl+T), поверните текст и разместите над чашкой.
Разместите группу «Шлейф» над слоем с чашкой.
Шаг 11. Откройте стили слоя двойным кликом по слою и для каждой надписи примените Внешнее свечение (Outer Glow). Используйте такие настройки как на скриншоте и поэкспериментируйте с Диапазоном (Range) и цветом.
Шаг 12. Дублируйте группу « Шлейф » поместите копию ниже и пока отключите её, убрав глазик на слое. В группе « Шлейф » каждому слою с надписью добавьте Маску слоя , восстановите цвета по умолчанию (D) и активируйте инструмент градиент. Проведите градиентом по каждой надписи так, чтобы верхние кончики стали прозрачней.
Шаг 13. Вернёмся к группе « Шлейф Копия». Включите глазик напротив слоя и удалите с каждой надписи стили слоя. Примените Фильтр-Размытие- Размытие по Гауссу (Filter>Blur>Gaussian Blur)
Это добавит чувство движения к тексту.
Ну вот и всё. Вот такие картинки получатся к концу урока.
А ещё этот эффект можно использовать вот так.
Автор: abduzeedo
Спецэффект удивительного свечения, в уроке Photoshop
В этом уроке я объясню вам, как сделать эффект рельефного свечения при помощи стилей, кистей, режимов смешивания и кривых. Так же вы узнаете несколько полезных приемов.
§1. Вначале я создал новый документ 600?600 пикселей и закрасил его радиальным градиентом (Radial Gradient) от светло-коричневого (#922f00) к черному (#000000).
§2. Нам нужно выделить центр окружности, для этого мы копируем слой с созданной окружностью и изменяем режим смешивания на «Color Dodge».
§3. Теперь нам нужно добавить светящийся эффект, для этого мы будем использовать слой с подходящим фоном. Создадим новый слой и применим на нем фильтр Filter > Render > Clouds.
§4. Изменим режим смешивания этого слоя на «Overlay» и уменьшим непрозрачность (Opacity) до 30%. Похоже мы добились предполагаемого эффекта, но нам надо добавить еще немного «дымки». Для этого примените фильтр Filter > Sketch > Chrome со свойствами по умолчанию, кончено вы можете поиграться со свойствами, но нам вполне подходят свойства по умолчанию. Результат вы можете увидеть на следующем скриншоте.
§5. Чтобы сделать несколько светящихся линий мы будем использовать инструмент «Pen tool».Будет лучше, если вы не станете злоупотреблять опорными точками, это поможет добиться гладкости линий. Мы можем добиться подходящей кривой, изменяя мышкой углы ее наклона. На скриншоте снизу стилизованная буква S опирается всего на три точки. Две точки в начале и конце, и одна точка по середине, чтобы придать кривой изогнутость.
§6. Как только вы добились подходящей кривой, создайте новый слой Потом нажмите на paintbrush tool (, и измените кисть на кисть диаметром 3 пикселей без сглаживания по краям.
§7. Теперь вернитесь к pen tool (P), и нажав правой кнопкой мыши на кривой, выберите свойство «Stroke Path». Перед вами появится диалоговое окно, в котором вам надо изменить инструмент на кисть (Tool: Brush), и убедиться в том, что у вас отмечено свойство «Simulate Pressure». Это очень важно, поскольку именно это свойство создает сужение по краям нарисованной линии. Теперь опять нажмите правой кнопкой мыши на кривой и удалите ее (Delete path).
§8. Вы должны получить похожую узкую кривую.
§9. Теперь надо добавить к кривой свечение Самый простой способ — это изменить свойства слоя (layer style). Во первых используем свойство Outer Glow со стандартными параметрами. Еще один способ который мы использовали чтобы добавить свечение — это свойство Drop Shadow. Ко всему прочему, я использовал свойство Color Overlay чтобы выделить белым цветом центр полученного свечения.
§10. Теперь у вас есть одна светящаяся линия, но будет здорово, если мы создадим еще несколько линий похожим методом. Прелесть layer style в том, что для того чтобы использовать одни свойства на нескольких слоях, нам достаточно скопировать стиль исходного слоя на новый. Для этого нажимаем правой кнопкой мыши на слое со стилем, выбираем пункт «Copy Layer Style», затем нажимаем правой кнопкой мыши на новом слое и присваиваем ему скопированный стиль, выбрав пункт «Paste layer style».
§11. Теперь, используя описанные методы, создайте еще несколько изогнутых линий. В примере я сделал одну линию толще других, использовав кисть большего диаметра, и добавил одну линию как бы соединяющую две фигуры.
§12. Теперь добавим текст с тем же layer style, что и в примерах с линиями. Очень важно будет уделить внимание оформлению текста. Вам надо будет подобрать подходящий шрифт, размер, расстояние между буквами. Здесь я оформил три слова, уменьшив размер и увеличив расстояние между буквами в словах «ADVANCED и FX».
§13. Сейчас, пожалуй, добавим на рисунок частицы. Для этого будем использовать кисть диаметром 3 пикселя без сглаживания по краям. Создайте новый слой и нарисуйте в нем точки. Эффект свечения будет нагляднее, если вы будете использовать в центре точек больше и делая их более жирными, используя двойной клик.
§14. Теперь мы можем разукрасить полученное свечение. Для этого создайте новый слой, закрасив его радиальным градиентом от голубого к прозрачному.
§15. Затем измените режим смешивания нового слоя на «Color» и уменьшите непрозрачность до 50%.Теперь вы видите как часть свечения стала синеватой. Добавим еще несколько разноцветных слоев с похожими свойствами, чтобы получить разноцветное свечение.
§16. И теперь вы получили результат которого ждали.: цветное свечение покрытое дымкой. Запомните этот урок, вы можете применять похожие приемы где-угодно, можете экспериментировать со свойствами, чтобы получить что-то по-настоящему превосходное! Удачи!
уроке фотошоп, уроки фотошопа, урок Photoshop
Легкий эффект мягкого свечения в Photoshop
Автор Стив Паттерсон.
Эффекты мягкого свечения — отличный способ улучшить ваши фотографии, особенно портретные снимки, и создавать их в Photoshop очень просто. Тем не менее, шаги, которые вы предпринимаете для их создания, могут означать разницу между результатом static (что означает тот, который не может быть легко изменен или отредактирован позже) и более гибким, где вы можете экспериментировать и настраивать эффект до у вас все выглядит правильно.
Оба способа создания эффекта мягкого свечения могут быть выполнены очень быстро, но какой из них вы выберете, будет во многом зависеть от вашего текущего уровня навыков и того, насколько вам комфортно пользоваться более продвинутыми функциями Photoshop (такими как смарт-объекты и смарт-фильтры).
В этом и следующем уроках я покажу вам оба способа делать что-то, начиная со статической версии, которая лучше всего подходит для начинающих. В следующем уроке мы узнаем, как создать точно такой же эффект, но с гораздо большим контролем над конечным результатом.
Даже если вы новичок в Photoshop, я рекомендую вам попробовать оба способа добавления мягкого свечения к вашим изображениям, чтобы почувствовать, насколько мощным и гибким может быть Photoshop, если вы немного выйдете за рамки основ. Как всегда, я расскажу обо всем поэтапно, так что независимо от вашего уровня навыков вы легко сможете следовать за ним.
Если вы хотите сразу перейти к более продвинутой версии, ознакомьтесь со следующим уроком из этой серии, «Редактируемое мягкое свечение со смарт-фильтрами в Photoshop».В противном случае, давайте начнем с основ!
Вот фото, которое я буду использовать (портрет женщины в поле из Shutterstock):
Исходное изображение.
Вот как это будет выглядеть с примененным свечением. Эффект не только помогает смягчить фотографию, в том числе кожу женщины, но также усиливает общий контраст и делает цвета более яркими:
Окончательный результат.
Это руководство является частью нашей коллекции ретуши портрета.Давайте начнем!
Шаг 1. Дублируйте фоновый слой
С моим изображением, недавно открытым в Photoshop, если мы посмотрим на мою панель «Слои», мы увидим фотографию, находящуюся на фоновом слое, который в настоящее время является единственным слоем в моем документе:
Панель «Слои», отображающая фотографию на фоновом слое.
Первое, что нам нужно сделать для нашего эффекта мягкого свечения, — это сделать копию фонового слоя, и самый простой способ сделать это — щелкнуть фоновый слой и перетащить его на значок New Layer внизу. панели слоев (это второй значок справа):
Перетаскивание фонового слоя на значок нового слоя.
Отпустите кнопку мыши, когда курсор в виде руки окажется прямо над значком «Новый слой». Photoshop сделает копию фонового слоя, назовите новый слой «Фоновая копия» и поместите его над оригиналом:
Слой «Фоновая копия» появляется над исходным фоновым слоем.
Шаг 2: переименуйте новый слой
Всегда рекомендуется переименовывать слои на панели «Слои», чтобы лучше понимать, что находится на каждом слое и для чего он используется.Давайте дадим слою «Фоновая копия» более информативное имя. Чтобы переименовать слой, просто дважды щелкните его имя на панели «Слои». Это выделит текущее имя:
Дважды щелкните имя «Фоновая копия», чтобы выделить его.
Поскольку мы будем использовать этот слой для создания эффекта мягкого свечения, назовем его «Мягкое свечение». Нажмите Введите (Win) / Верните (Mac) на клавиатуре, когда вы закончите, чтобы принять изменение имени:
Слой «Фоновая копия» теперь является слоем «Мягкое свечение».
Шаг 3. Применение фильтра размытия по Гауссу
Чтобы создать настоящий эффект мягкого свечения, сначала применим некоторое размытие к слою «Мягкое свечение». Затем мы изменим способ смешивания размытого слоя с исходным изображением под ним, изменив его режим наложения.
Чтобы размыть слой, мы воспользуемся фильтром «Размытие по Гауссу» в Photoshop. Поднимитесь к меню Filter в строке меню в верхней части экрана, выберите Blur , а затем выберите Gaussian Blur :
Идем в Фильтр> Размытие> Размытие по Гауссу.
Откроется диалоговое окно «Размытие по Гауссу», которое позволяет нам управлять степенью размытия, применяемой к слою, с помощью ползунка Radius внизу. Чем дальше вы перетаскиваете ползунок вправо, тем сильнее будет эффект размытия. Photoshop дает нам предварительный просмотр эффекта в документе в реальном времени, поэтому следите за своим изображением, перетаскивая ползунок, чтобы оценить результаты.
Мы не хотим настолько размывать изображение, чтобы наш объект стал неузнаваемым.Мы просто пытаемся немного смягчить ситуацию, поэтому более низкие значения радиуса, как правило, работают лучше всего. Однако имейте в виду, что степень размытия, которая лучше всего подходит для вашего конкретного изображения, может отличаться от моего и будет во многом зависеть от его размера, при этом большие фотографии требуют большего размытия, чем меньшие. Как правило, для слабого эффекта свечения значение радиуса где-то около 10 пикселей должно работать хорошо:
Для мягкого свечения используйте меньшие значения радиуса.
Вот как выглядит мой эффект размытия со значением радиуса 10 пикселей.Обратите внимание: хотя фотография выглядит мягче, чем раньше, мы все же можем различить множество деталей. Мы увидим еще больше деталей, когда изменим режим наложения слоя на следующем шаге:
Эффект размытия с радиусом 10 пикселей.
Для еще более мягкого, похожего на сказку эффекта свечения попробуйте увеличить значение радиуса около 20 пикселей :
Для более похожего на сон свечения используйте большее значение радиуса.
Вот мой эффект размытия с радиусом 20 пикселей.Мы все еще можем разглядеть детали на фотографии, но на этот раз размытие определенно сильнее. Выбор правильной степени размытия — это личный выбор, который будет зависеть от изображения. В моем случае это слишком много, поэтому я выберу меньший радиус в 10 пикселей. Когда вы будете довольны результатами, нажмите ОК , чтобы закрыть диалоговое окно «Размытие по Гауссу»:
Эффект размытия с радиусом 20 пикселей.
Шаг 4: Измените режим наложения на Мягкий свет
Теперь, когда мы размыли слой «Мягкое свечение», давайте изменим способ его взаимодействия с исходным изображением на фоновом слое под ним.Мы делаем это, изменяя его режим наложения . Вы найдете параметр «Режим наложения» в левом верхнем углу панели «Слои». По умолчанию установлено значение «Нормальный». Нажмите на слово «Нормальный», чтобы открыть меню других режимов наложения, и выберите Soft Light из списка:
Изменение режима наложения слоя с Нормального на Мягкий свет.
Режим наложения «Мягкий свет» в Photoshop выполняет две функции; он увеличивает общий контраст изображения и улучшает цвета, делая их более яркими.Вот мое изображение с режимом наложения, установленным на Soft Light, придающим всему теплое и легкое свечение:
Эффект с использованием режима наложения Soft Light.
Для более сильного эффекта попробуйте режим наложения Overlay . Режим наложения Overlay очень похож на Soft Light, увеличивая контраст и цвет, но там, где Soft Light более тонкий, Overlay более интенсивный:
Изменение режима наложения с «Мягкий свет» на «Перекрытие».
Вот мой результат с режимом наложения Overlay.Наложение может работать лучше с другим изображением, но в данном случае оно слишком сильное, поэтому я выберу Soft Light:
Результат с использованием режима наложения Overlay.
Шаг 5: Уменьшите непрозрачность слоя
Для точной настройки эффекта просто уменьшите непрозрачность слоя до . Вы найдете параметр «Непрозрачность» в правом верхнем углу панели «Слои», прямо напротив параметра «Режим наложения». Значение непрозрачности по умолчанию — 100%. Чем больше вы его опустите, тем больше будет видна исходная фотография под слоем «Мягкое свечение».Другими словами, мы увидим больше исходного изображения и меньше размытого.
Чтобы изменить значение непрозрачности, щелкните маленькую стрелку справа от текущего значения, затем перетащите ползунок. Я уменьшу свой примерно до 75% , но, опять же, вы захотите следить за своим изображением, перетаскивая ползунок, чтобы оценить результаты:
Уменьшение непрозрачности слоя «Мягкое свечение».
Вот, после уменьшения непрозрачности, мой последний эффект мягкого свечения:
Окончательный результат.
И вот оно! Это быстрый и простой способ добавить к изображению эффект мягкого свечения с помощью Photoshop!
Но теперь, когда я закончил, что, если мне не очень понравится результат? Я использовал легкое свечение, но что, если бы более сильное, более «мечтательное» свечение сработало бы лучше? Как я могу вернуться и изменить это? Я имею в виду, что я могу легко изменить режим наложения с Soft Light на Overlay (и наоборот), и я могу попробовать изменить значение Opacity слоя, но это не совсем то, что я хочу делать.Я хочу вернуться и отрегулировать степень размытия, которую я применил с помощью фильтра Gaussian Blur на шаге 3. Как мне это сделать?
Короткий ответ: я не могу, и именно здесь возникает проблема с этим способом создания эффекта мягкого свечения. Как только мы щелкнули OK, чтобы закрыть фильтр Gaussian Blur, мы передали эффект размытия на слой. Другими словами, мы внесли постоянное изменение или, по крайней мере, такое, которое нелегко отменить. Лучшим способом работы было бы сохранить весь эффект, , включая фильтр размытия по Гауссу, полностью редактируемым от начала до конца.Таким образом, даже после того, как эффект будет завершен, мы все равно сможем вернуться и попробовать разные степени размытия, чтобы убедиться, что мы получаем наилучший возможный результат.
Итак, как нам это сделать? Мы делаем это с помощью мощных смарт-объектов в Photoshop и смарт-фильтров . Они могут показаться устрашающими, но на самом деле они очень просты в использовании. Фактически, они так же просты в использовании, как и обычные слои и фильтры в Photoshop, но они дают нам гораздо больше гибкости.
В следующем уроке мы узнаем, как создать точно такой же эффект мягкого свечения, сохраняя при этом каждый шаг полностью редактируемым.Так что, если вы готовы поднять свои навыки Photoshop на новый уровень, перейдите к руководству «Редактируемое мягкое свечение со смарт-фильтрами». Увидимся там!
Как создать эффект неонового свечения в Photoshop
Одним из наиболее популярных элементов дизайна является эффект неонового свечения. Включая и играя с различными световыми эффектами, вы можете создать акцент на элементе вашего сайта или добавить некоторую загадочность в общий дизайн. Хотите ли вы сделать буквальную неоновую вывеску или просто добавить на свой сайт веселую атмосферу поп-культуры, этот эффект — такая забавная тенденция, которая позволяет дизайнерам экспериментировать!
Эффект неонового свечения можно найти в Интернете в самых разных формах.Некоторые сосредотачиваются на светящемся неоновом аспекте, а другие сосредотачиваются на «реальности» виртуальной неоновой вывески. Вот пример реалистичного подхода:
Теперь, когда вы увидели эти неоновые вывески в действии, попробуйте сами!
Создайте эффект неонового свечения в Photoshop
Прежде чем мы начнем, давайте проясним несколько моментов, которые помогут вам добиться наилучших результатов. Для реалистичного эффекта вам нужно найти шрифт, который либо соединяется, либо имеет разрывы, как настоящая неоновая вывеска.Если вы используете значок, простой контур будет выглядеть немного чище, но не стесняйтесь экспериментировать по своему усмотрению. Сообщите нам, как это происходит!
Создайте свой фон
В этом примере я собираюсь использовать этот кирпичный фон от Unsplash. Вы можете выбрать все, что вам нравится, но этот кирпич дает отличное реалистичное ощущение висения на стене. И не волнуйтесь — мы собираемся придать ему ночной вид, чтобы подчеркнуть сияние!
Чтобы затемнить изображение, создайте под ним новый слой и залейте его серым с помощью инструмента Paint Bucket Tool .Я использую # 999999
. Затем установите непрозрачность примерно на 83% и измените режим наложения для слоя изображения на Vivid Light .
Добавить драматическое освещение к фону
Теперь создадим виньетку. Для этого создайте новый слой и с помощью инструмента Ellipse Tool нарисуйте эллипс чуть меньше холста.
Затем с помощью инструмента выбора пути выберите в раскрывающемся списке Операции с контурами и нажмите «Вычесть из формы ».
Откройте окно свойств, выбрав «Окно »> «Свойства » и выберите «Маска » . Затем установите Feather на 200 пикселей и отрегулируйте его с помощью инструмента Free Transform Tool , как вам будет угодно. Тогда это должно выглядеть примерно так:
Создайте новый слой над слоем виньетки с помощью Layer> New Layer и залейте его черным цветом с помощью инструмента Paint Bucket Tool . Затем установите непрозрачность примерно 75% и измените режим наложения для слоя на Vivid Light .
Создать неоновую вывеску
В этом примере я собираюсь использовать шрифт Beon Medium для написания слова «Layout», но вы можете выбрать любой шрифт, фразу или значок, которые вам нравятся! Отсюда вы можете расположить свой текст, как вам нравится.
Дублируйте текстовый слой, щелкните его правой кнопкой мыши и выберите Преобразовать в смарт-объект . Затем щелкните слой правой кнопкой мыши и выберите Blending Options .
Добавьте Bevel & Emboss . Это придает объем тексту, поэтому попробуйте различные настройки, чтобы получить желаемый эффект! Я использую эти настройки:
- Стиль: Подушка Тиснение
- Техника: Гладкая
- Глубина: 251%
- Направление: Вверх
- Размер: 15px
- Смягчение: 3px
- Угол затенения: 90 градусов
- Высота: 53 градуса Блеск
- Cove — глубокий
- Режим выделения: наложение с белым и непрозрачностью 100%
- Режим тени: наложение с черным и непрозрачностью 0%
Затем добавьте корректировку Contour под Bevel & Emboss, выберите cove — deep из раскрывающегося списка и оставьте диапазон на 100%.
Теперь добавьте слой Stroke . Это создаст «свечение» вашей неоновой вывески и заставит ее выглядеть так, как будто она включена! Вот настройки, которые я использую:
- Размер: 40
- Положение: Центр
- Режим наложения: Экран
- Непрозрачность: 100%
- Надпечатка: Проверено
- Тип заливки: Градиент
- Стиль: Форма Burst
- Выровнять по слою: Угловой
- 90 градусов
- Масштаб: 100%
Теперь давайте создадим собственный градиент, дважды щелкнув цвет, показанный на панели градиента.Добавьте прозрачный цвет слева, темный цвет по направлению к центру (я использовал # 51bbad) и более светлый синий цвет справа от более темного цвета по центру (я использовал # a1fff3). Это придаст вашему сиянию идеальную глубину, чтобы оно выглядело как пластик настоящей неоновой вывески.
Теперь давайте добавим Outer Glow, , чтобы создать свет, исходящий от нашей неоновой вывески. Вот настройки, которые я использую:
- Режим наложения: Наложение
- Непрозрачность: 100%
- Шум: 0%
- Техника: Более мягкий
- Распространение: 20%
- Размер: 250 пикселей
- Контур: Линейный
- Диапазон: 50%
- Джиттер %
И выберите тот же цвет, что и ваш текст.Опять же, я использую # 50c4da
.
Создать собственный градиент света
Чтобы добавить эффект свечения, давайте создадим два слоя. Один с широким и тонким свечением, а другой с небольшим и сосредоточенным эффектом позади текста, чтобы придать ему реалистичный эффект. Во-первых, давайте создадим более крупное и тонкое свечение.
Используя инструмент Ellipse Tool , создайте эллипс, охватывающий весь текст и большую часть фона. Установите цвет немного темнее, чем цвет, который вы выбрали для своего текста.Я использую # 51bbad
. Затем щелкните слой правой кнопкой мыши и выберите Преобразовать в смарт-объект .
Затем, выбрав слой эллипса, выберите Filter> Blur> Gaussian Blur .
Установите радиус примерно 150 пикселей. Теперь измените параметры наложения на Soft Light .
Создайте новый слой, чтобы создать еще один эллипс, на этот раз меньшего размера и размером примерно с текст. Переместите его под текстовый слой, но над другим слоем с эллипсом.Снова преобразуйте эллипс в смарт-объект.
Установите цвет немного светлее, чем цвет текста, который вы выбрали. Я использую # a1fff3
.
Затем, выбрав этот новый слой эллипса, выберите Filter> Blur> Gaussian Blur . Установите радиус где-то около 150 пикселей. Теперь измените параметры наложения на Soft Light .
И все — теперь у вас есть яркая и сияющая неоновая вывеска! Как вы воспользуетесь этим эффектом? Есть еще любимые примеры? Дайте нам знать об этом в комментариях.
Как использовать шаблоны Photoshop
Скачать шаблоны бесплатно ниже!
Переключить фон
В этих файлах есть различные фоны, которые можно включать и выключать с помощью кнопок видимости слоя или перемещать друг под другом и над ним на панели слоев. Выберите свой любимый или добавьте свой собственный фон в новый слой. Если вы добавите собственный фон, просто измените его размер, как вам нравится!
Редактировать текст
Для редактирования текста откройте папку «Вкл.» И дважды щелкните слой «Вкл. — Дважды щелкните для редактирования текста».
Откроется еще один документ Photoshop, в котором вы можете использовать инструмент Text Tool для редактирования текста или настройки шрифта. Ключевым моментом здесь является изменение размера текста в соответствии с заданной областью. (Все, что выходит за рамки, не будет перенесено в основной файл!) Вы можете сделать это, выбрав Правка> Свободное преобразование или Command + T на Mac ( Control + T на ПК). Когда вы будете довольны результатом, сохраните и закройте смарт-объект или вкладку Photoshop.
Примечание. Слои «Вкл.» И «Выкл.» Синхронизируются, поэтому, когда вы редактируете интеллектуальный текст в одном, он обновляется в другом.Довольно мило, правда ?!
Отрегулируйте дополнительные детали
В зависимости от того, какой эффект вы выберете, вам, возможно, придется отрегулировать внешний квадрат или линию. Если вы используете Neon_Sign_Treatment2, не обращайте внимания на этот раздел. Для «Neon_Sign_Treatment3», если вам нужно настроить поле, просто откройте раскрывающийся список для «Вкл.» И «Выкл.». Отсюда вы можете преобразовать слой Sign Border , выбрав Edit> Free Transform или Command + T на Mac ( Control + T на ПК). Ключ в том, чтобы настроить слои «Вкл.» И «Выкл.» Sign Border одинаково.
Для «Neon_Sign_Treatment1» вы можете изменить строку под текстом. Для этого откройте папку «Вкл.» И дважды щелкните слой «Вкл. — Двойной щелчок для редактирования текста». Здесь вы можете настроить линию так, чтобы она касалась нижней части текста. Опять же, если вы обновите его из слоя «Вкл.», Он также обновится в слое «Выкл.». (И наоборот!)
Если вы хотите изменить слой «Cords» в «Neon_Sign_Treatment1», выберите слой и, используя инструмент Direct Selection Tool , щелкните отдельные точки и перетащите их.Вы даже можете добавлять или вычитать определенные точки на линии, используя инструмент Pen Tool , Add Anchor Point Tool и Subtract Anchor Point Tool . А если дуга шнура не такая, как вам нравится, просто используйте инструмент Convert Point Tool , пока вы не будете довольны результатом.
Если вам нужно отрегулировать свечение после перемещения вокруг различных объектов, просто откройте папку «Вкл.» И выберите слои «Выделение». Отсюда вы можете перетаскивать их с помощью инструмента Move Tool или сжимать и увеличивать их с помощью Edit> Free Transform .
Теперь у вас есть идеальный, простой в использовании инструмент для создания собственных эффектов неонового свечения. Удачи в проектировании!
Скачать бесплатные шаблоны!
Хотите загрузить использованные выше шаблоны? Нажмите ниже, чтобы начать!
Готовы к новому вдохновению?
Узнайте об основных тенденциях дизайна здесь.
Легкий мягкий фокус и эффект свечения в Photoshop
Автор Стив Паттерсон.
В этом уроке Photoshop мы рассмотрим, как быстро и легко добавить к фотографии эффект мягкого фокусирования и эффект свечения , который также помогает повысить контрастность и насыщенность цвета изображения. Я использую эту технику для своих фотографий в течение многих лет, и она по-прежнему популярна сегодня. Независимо от того, являетесь ли вы свадебным фотографом, фотографом природы или просто любите фотографировать семью и друзей, попробуйте этот эффект и посмотрите, не сделает ли он ваши изображения немного более волшебными.
Вот фотография, с которой я буду работать в этом уроке:
Исходное изображение.
А вот как это будет выглядеть после добавления нашего мягкого свечения:
Окончательный результат.
Этот урок из нашей серии «Фотоэффекты». Давайте начнем!
Загрузите это руководство в виде готового к печати PDF-файла!
Шаг 1. Дублируйте фоновый слой
С нашим изображением, недавно открытым в Photoshop, мы можем увидеть, посмотрев на нашу палитру слоев, что у нас в настоящее время есть один слой, который является фоновым слоем.Фоновый слой — это слой, содержащий наше исходное изображение:
.Палитра слоев Photoshop, показывающая исходное изображение на фоновом слое.
Нам нужно продублировать этот слой, и самый простой способ сделать это — использовать сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Если мы снова посмотрим на нашу палитру слоев, мы увидим, что теперь у нас есть два слоя — фоновый слой внизу и копия фонового слоя, который Photoshop автоматически назвал «Слой 1», над ним:
Палитра слоев теперь показывает два слоя.
Шаг 2. Измените режим наложения «Layer 1» на «Overlay»
Выбрав «Слой 1» в палитре «Слои» (текущий выбранный слой выделен синим), перейдите к параметру «Режим наложения» в верхнем левом углу палитры «Слои». Это раскрывающийся список, который в настоящее время установлен на «Нормальный». Щелкните стрелку, направленную вниз, и выберите режим наложения Overlay из списка:
Изменение режима наложения «Layer 1» на «Overlay».
Если вы помните из нашего урока «Пять основных режимов наложения для редактирования фотографий» , режим наложения «Наложение» является частью группы режимов наложения «Контраст», поскольку он повышает контраст изображения, а также имеет тенденцию к увеличению насыщенности цвета. Если мы посмотрим на наше изображение сейчас после изменения режима наложения на Overlay, мы увидим, что, конечно же, контраст и насыщенность цвета резко увеличились:
Изображение после изменения режима наложения «Layer 1» на «Overlay».
Шаг 3. Примените фильтр «Размытие по Гауссу»
Вы не поверите, но мы почти закончили! Теперь мы можем добавить к фотографии наш эффект мягкого фокуса / свечения. Не снимая выделения с «Слоя 1», перейдите в меню «Фильтр» вверху экрана, выберите «Размытие», а затем выберите «Размытие по Гауссу».Это вызывает диалоговое окно Photoshop Gaussian Blur.
Внизу диалогового окна вы увидите ползунок, который управляет значением радиуса. Чем выше вы установите значение радиуса, тем больше размытия вы примените к слою. Перетащите ползунок вправо, пока значение радиуса не станет примерно 8 пикселей. Вы можете установить значение немного выше, если вы используете изображение с высоким разрешением. Лучше всего следить за своим изображением в окне документа, перетаскивая ползунок, чтобы увидеть, какой эффект он производит.Убедитесь, что в правом верхнем углу диалогового окна установлен флажок Preview . Если вы установите слишком высокое значение радиуса, эффект мягкого фокуса будет слишком слабым, поэтому постарайтесь придерживаться более низких значений радиуса:
Перетащите ползунок в нижней части диалогового окна «Размытие по Гауссу», чтобы установить значение радиуса.
Когда вы будете довольны эффектом, нажмите OK, чтобы выйти из диалогового окна, и все готово! Вот моя фотография после применения Gaussian Blur:
Окончательный результат.
Шаг 4. Уменьшите непрозрачность «слоя 1» (необязательно)
Если вы обнаружите, что эффект кажется слишком сильным, попробуйте уменьшить непрозрачность «Layer 1». Вы найдете параметр «Непрозрачность» в правом верхнем углу палитры слоев, прямо напротив параметра «Режим наложения». Здесь я уменьшаю непрозрачность примерно до 60%:
Уменьшение непрозрачности «Слоя 1» для уменьшения интенсивности эффекта.
Эффект мягкого фокуса теперь менее интенсивен:
Изображение после снижения непрозрачности «Layer 1».
Шаг 5. Измените режим наложения на «Мягкий свет» (необязательно)
Еще один простой способ уменьшить интенсивность эффекта — изменить режим наложения «Layer 1» с «Overlay» на Soft Light:
Изменение режима наложения «Layer 1» на «Soft Light».
Режим наложения «Мягкий свет» также является частью группы режимов наложения «Контраст», но его эффект гораздо более тонкий, чем то, что дает нам режим наложения «Перекрытие»:
Изображение после изменения режима наложения «Layer 1» на «Soft Light».
И вот оно! Вот как легко добавить к изображению мягкий фокус и эффект свечения с помощью Photoshop! Посетите наш раздел «Фотоэффекты», чтобы получить больше уроков по эффектам Photoshop!
Как создать неоновое свечение в Photoshop, включая стиль слоя и шрифт.
Я покажу вам, как создать неоновый текст в Photoshop, используя стили слоя. В этом уроке вы найдете несколько интересных советов по стилям слоев.
Скачать ресурсы
Здесь у нас есть красивая кирпичная стена, к которой можно приставить.
1.
Давайте добавим текст с помощью инструмента «Текст».
Введите PSCafe. или как хотите. Используйте панель параметров вверху, чтобы изменить размер шрифта.
Я нашел бесплатный шрифт Neon Tubes 2 (ссылка вверху)
Увеличьте масштаб до 100%, дважды щелкнув увеличительное стекло. Удерживая клавишу пробела, перетащите, чтобы расположить окно.
2. Создание неонового эффекта в Photoshop (стили слоя)
Выделив наш текстовый слой, перейдите к стилям слоя, где написано fx.Щелкните и выберите наложение цвета.
Откроется диалоговое окно «Эффекты слоя».
Установите белый цвет наложения, щелкнув образец цвета. Вероятно, я мог бы просто создать белый текст, но это не имеет значения.
Придадим этому неоновый цвет. Выберите внутреннее свечение и нажмите на него, чтобы открыть его параметры.
Выберите цвет с помощью палитры цветов, возьмите красивый неоновый синий или выберите любой цвет, который вам нужен. Это может быть желтый, розовый, все, что угодно.
Измените режим наложения с экранного на нормальный.
Отрегулируйте размер и полностью увеличьте непрозрачность. Теперь у вас есть два варианта: по центру или по краю, мы будем использовать край.
Мы начинаем получать немного неонового цвета по краям нашего шрифта. Замечательно.
Спуститесь к нашему внешнему свечению и придайте ему голубоватый цвет.
Выберите нормальный режим наложения, и давайте увеличим наш размер.
Установите непрозрачность на 86
У нас получилась приятная дымка. Нам нужно еще одно свечение внутри, которое даст более яркий цвет.
Теперь обратите внимание, что есть только один вариант внешнего свечения. Что мы делаем?
Мы можем обмануть, мы можем использовать падающую тень как внешнее свечение. Фактически, это работает очень похоже, если мы установим расстояние равным нулю.
Выберите цвет. Дайте ему немного синего, но не слишком много.
Увеличьте наши возможности и увеличьте размер. Переключитесь в нормальный режим наложения и посмотрите, как он начинает светиться.
Немного уменьшите размер и увеличьте наш спред. По мере того, как мы увеличиваем спред, он делает его толще и смягчается с увеличением размера, и заметьте, что немного идет длинный-долгий путь с этим.
Наконец, отрегулируйте непрозрачность.
Наши неоновые трубки заработали, давайте добавим немного свечения вокруг фона.
Возьмите инструмент «Прямоугольная область» и сделайте прямоугольное выделение вокруг области неона.
Выберите> изменить> Растушевка и сделайте его действительно большим. Я использовал 177, это создаст большую мягкую кромку.
Щелкните, чтобы добавить корректирующий слой. Выберите кривые.
Сдвиньте кривые вверх в области средних тонов.
И если вы хотите немного изменить цвет, выберите синий канал (щелкните RGB и измените его на синий) и увеличьте его.
Захватите красный канал и немного уменьшите его.
Одна из замечательных особенностей этого эффекта заключается в том, что мы можем изменить его в любое время, просто возьмите наш тип, чтобы выбрать наш тип, и введите то, что вам нравится.
Если вы хотите закончить этот эффект, вы можете создать несколько проводов позади шрифта и даже нарисовать немного синего цвета на некоторых лицевых поверхностях для небольшого отражения.Но я хочу, чтобы это руководство оставалось простым и точным.
Спасибо за просмотр этого руководства! Новые фотошопы добавляются каждую неделю.
Просмотрите сотни других бесплатных руководств здесь или найдите то, что ищете, в поиске вверху страницы.
Вы также можете просматривать темы в меню бесплатных руководств.
Если вы готовы серьезно относиться к Photoshop, посмотрите наши полные курсы здесь
PS Не забудьте присоединиться к нашему списку рассылки и подписаться на меня в социальных сетях>
(Я публиковал забавные сообщения в Instagram и Facebook Истории за последнее время)
Рад видеть вас здесь, в КАФЕ,
Колин
Добавьте световой эффект свечения с помощью Photoshop | Полный дизайн
В этом уроке я научу вас, как добавить в Photoshop эффект свечения светового луча, используя контуры, обычную кисть, фильтры и стили слоя.Вы познакомитесь с различными техниками, которые можно применить к другим изображениям и которые помогут вам понять ужасный инструмент «Перо» и то, как разные режимы наложения влияют на то, как слои выглядят и взаимодействуют с другими.
Если у вас есть вопросы, используйте раздел комментариев, и я вам обязательно перезвоню. Давайте начнем!
Конечный результат:
Ресурсов:
Lens-Flare.jpg
Шаг за шагом…
Шаг 1:
Откройте свое изображение в фотошопе
Шаг 2:
Решите, как вы хотите сформировать кружок вокруг изображения, выберите инструмент Brush Tool (b) с белым передним планом, выбранным как цвет со 100% непрозрачностью, жесткостью и текучестью (мы смягчим его позже), выберите размер кисти, который вы бы хотели подобно.
Шаг 3:
Использование инструмента «Перо» (p) (что требует некоторой практики, если вы к нему не привыкли, поэтому не расстраивайтесь слишком сильно) нарисуйте путь для вашего водоворота, щелкая и удерживая каждую точку привязки, а затем перетаскивая, чтобы создать плавная кривая.
Совет: вы можете использовать инструмент «Прямое выделение» (a), чтобы потом точно настроить свой путь.
Шаг 4:
Создайте и выберите новый слой поверх фонового изображения (назовите его как-то вроде «основной штрих») и с выбранным инструментом «Перо» (p) щелкните правой кнопкой мыши на изображении и выберите « Stroke Path… ».
Шаг 5:
В меню контура обводки выберите «Кисть» (которую мы предварительно определили на шаге 2) и, при желании, вы можете имитировать давление, чтобы сделать линию тонкой на каждом конце.
Шаг 6:
Теперь у вас есть красивая обведенная линия на вашем изображении … которая выглядит как то, что вы могли бы сделать в Paint, подождите …
Шаг 7:
Создайте маску слоя для слоя обводки, выбрав слой и нажав кнопку маски слоя (как показано ниже).
Совет: вы можете использовать Ластик для этого следующего шага, но я думаю, что это хорошая привычка использовать маски слоев, поскольку они не разрушают слои, плюс вы не стираете Cmd / Ctrl + Z!
Шаг 8:
Теперь мы собираемся стереть участки обводки, которые появляются позади руки на изображении.Внимательно посмотрите на свое изображение и решите, какие участки лучше всего затереть.
Выберите инструмент «Кисть» (b) и черный цвет в качестве цвета переднего плана, слегка мягкой кистью выберите маску слоя на слое обводки и начните « Erasing » обводки, вот так…
Шаг 9:
Отлично, на самом деле начинает немного больше походить на часть изображения!
Затем продублируйте обводку дважды, щелкнув правой кнопкой мыши> Дублировать слой… ИЛИ Cmd / Ctrl + J, если вам нравится!
Затем щелкните правой кнопкой мыши только дублированные маски слоя и выберите «Применить маску слоя» …
Переименуйте среднюю обводку в «свечение обводки» , а нижнюю — на «текстурированное свечение» .
Шаг 10:
Выберите слой «свечение обводки» , затем перейдите в Фильтр> Размытие> Размытие по Гауссу, у меня сработало около 20 пикселей.
Не беспокойтесь о том, что свечение немного «просачивается» на те области, которые мы протерли, оно все равно будет освещено «световым лучом».
Шаг 11:
Теперь добавим немного цвета…. наконец-то!! Скройте два верхних слоя и создайте новый слой над « текстурированным свечением ».Щелкните правой кнопкой мыши> «Создать обтравочную маску» и залейте слой ковшом любым цветом, который вам нравится! Я выбрал зеленый.
Шаг 12:
Теперь мы собираемся применить Gaussian Blur к слою « textured glow », который должен дать нам красивое большое цветное свечение. Дублируйте слой, затем объедините их вместе, чтобы добавить немного дополнительной интенсивности, затем немного уменьшите непрозрачность, если необходимо.
Шаг 13:
А теперь немного текстуры! Создайте новый слой обтравочной маски над слоем с цветом свечения.
Назовите это, я не знаю… текстура? Измените режим наложения на Multiply , затем перейдите в Filter> Render> Clouds.
Отобразите два верхних слоя и … Отлично!
Шаг 14:
Теперь мы добавим вторую обводку меньшего размера, идущую вверх по руке. Поэтому выберите жесткую кисть меньшего размера, чем исходный мазок, и снова выберите белый передний план. С помощью Pen Tool (P) пройдите по тому же пути, что и оригинал, но немного в стороне.
Шаг 15:
Создайте новый слой (маленькая обводка) поверх всего и щелкните правой кнопкой мыши> Обводка контура.
Шаг 16:
Добавьте небольшое размытие по Гауссу к меньшей обводке.
Шаг 17:
Создайте маску слоя на меньшей обводке и закрасьте черным участки, которые находятся позади на изображении. Затем уменьшите непрозрачность слоя примерно до 20%.
Шаг 18:
Теперь нам нужны светлые крапинки, чтобы добавить изображению немного большей глубины и волшебства.
Создайте новый слой, затем выберите очень маленькую белую кисть с жесткостью 0%.
Затем начните щелкать одиночные точки на изображении, изменяя размер кисти. Мой варьировался от 4 до 30 пикселей.
Шаг 19:
Теперь мы добавляем блики к основному источнику света, в моем случае исходящий от кончика звуковой отвертки.
Возьмите изображение Lens-Flare.jpg ниже, выберите «Файл»> «Поместить» . .. затем измените размер и разместите изображение на месте.
Затем измените режим наложения на «Linear Dodge (Add)», и уменьшите непрозрачность слоя до 90%.
Затем добавьте корректирующий слой, Слой> Новый корректирующий слой> Цветовой тон / Насыщенность и раскрасьте слой до желаемого тона, это мои настройки …
Примечание. Убедитесь, что кнопки «Обтравочная маска» и «Раскрашивание» отмечены флажком.
Теперь у вас должен получиться отличный блик!
Шаг 20:
Наконец, поскольку цвет, который я использовал, полностью отличается от того, что использовался в исходном изображении, нам нужно, чтобы он выглядел так, как будто цветное свечение действительно присутствует. Итак, создайте новый корректирующий слой чуть выше фонового изображения, Layer> New Adjustment Layer> Hue / Saturation.
Вам придется немного поиграть с настройками, чтобы они соответствовали вашему изображению, но так как моему требовалось больше зеленого и немного дополнительной насыщенности, это были мои настройки…
Заключение:
Итак, существует множество различных версий техники «Неоновое свечение», но я лично считаю, что она работает лучше с несколькими дополнительными штрихами, такими как второй меньший штрих, небольшие световые точки и блики от линз, добавляя немного дополнительной глубины. и интерес.Также релевантное изображение, такое как это, с научно-фантастической темой и переходным источником света на картинке, действительно связывает это вместе.
Надеюсь, вы нашли этот урок полезным! Если у вас возникнут какие-либо вопросы или мысли, используйте раздел комментариев ниже.
Учебное пособие по Photoshop с эффектом свечения — Medialoot
Эффекты постобработки в Photoshop
Хотите выглядеть профессиональным свадебным фотографом? Получите этот сказочный / волшебный эффект вокруг объектов или источников света на вашей фотографии. Вот новости: это не более чем эффект свечения. Применение свечения к вашим изображениям сделает их особенными и даже более интересными, но самое приятное то, что весь процесс создания свечения в Photoshop очень прост.
Но прежде чем мы начнем, и если вы хотите следовать этому руководству в точности, как описано, загрузите следующее изображение с Pixabay: Загрузить
Шаг 1
Откройте изображение в Photoshop.
Шаг 2
Перейдите в Select> Color Range.
Шаг 3
В окне «Цветовой диапазон» в разделе «Выбрать» выберите в раскрывающемся меню параметр «Основные моменты».
Шаг 4
Отрегулируйте «Нечеткость» и «Диапазон», чтобы они соответствовали основным моментам изображения, и нажмите «ОК». В этом случае нечеткость 20% и диапазон 190 будут работать нормально.
Шаг 5
При активном выделении нажмите Ctrl + J на клавиатуре, чтобы скопировать выделенную область в новый слой.
Шаг 6
Переименуйте этот слой в «Свечение».
Шаг 7
Выбрав слой «Glow», перейдите в Filter> Blur> Gaussian Blur. Установите Радиус около 20 пикселей и нажмите ОК. Примечание. В зависимости от размера изображения вам может потребоваться немного изменить этот параметр.
Шаг 8
На панели слоев установите режим наложения слоя «Glow» на «Screen».
Шаг 9
Перейдите в Layer> Layer Style> Blending Options.
Шаг 10
Перетащите ползунок «Этот слой» под параметрами «Наложить, если» примерно на 170/175.
Шаг 11
Удерживая клавишу «Alt», перетащите правый ползунок до 255.
Шаг 12
По-прежнему на панели параметров наложения перетащите ползунок «Базовый слой» примерно на 95/100.
Шаг 13
Удерживая клавишу «Alt», перетащите правый ползунок до 255. Нажмите «ОК», чтобы применить.
Шаг 14 (необязательно)
Если вы хотите сделать эффект свечения немного более интенсивным, просто продублируйте слой «Свечение» и отрегулируйте непрозрачность по своему усмотрению.
Как сделать что-нибудь светящимся в Photoshop (ОЧЕНЬ ПРОСТО)
В Adobe Photoshop есть все необходимое для работы с фотографиями. И да, вы можете сделать объект светящимся, как луна или световой меч.
Оказывается, добиться такого эффекта несложно и можно сделать за 3 минуты работы. Вам не нужно устанавливать сторонний плагин. Все, что вам нужно, уже было внутри программы.
Итак, вот инструкция!
Следующее руководство основано на Adobe Photoshop CS4.Однако пошаговое руководство должно быть таким же для других версий.
Как сделать объект светящимся в Photoshop
Необходимое время: 3 минуты
В следующем руководстве вы узнаете, как сделать любой объект в Photoshop светящимся мягким светом. Результат будет похож на луну, светящуюся палку или световой меч. Лучше всего, если вы уже разбираетесь в работе с некоторыми инструментами Photoshop, особенно для выбора объекта.
- Откройте изображение, которое хотите отредактировать в Photoshop.
- Убедитесь, что вы уже отделили объект, который хотите светиться, от остальной части изображения. Например, у меня есть фотография луны на фоне черного неба.
- На слое, на котором вы хотите сделать его объект светящимся, щелкните его правой кнопкой мыши и выберите Blending Options…
- Отметьте Outer Glow .
- Поэкспериментируйте с непрозрачностью , Color и Size , как они выделены желтым.Затем нажмите ОК .
(Вы можете поиграть с другими параметрами, но три вышеупомянутых являются наиболее распространенными) - Итак, вы получили результат.
Эффект свечения работает лучше всего, если вы согласовываете цвет свечения с источником света.