Светящиеся края в фотошопе
Обновлено: 07.07.2024
В этом уроке по Photoshop мы узнаем, как создать эффект свечения в светлых тонах, то есть причудливый способ сказать, что мы будем применять свечение только к светлым участкам изображения. Этот эффект особенно хорошо работает со свадебными портретами, так как он отлично подходит для придания вашим фотографиям романтического, волшебного вида, а свадебные портреты обычно содержат много ярких белых областей, с которыми можно работать.
Мы увидим, как легко выделить только светлые участки изображения с помощью команды «Цветовой диапазон» в Photoshop, затем мы скопируем светлые участки на отдельный слой и создадим эффект свечения, используя фильтр размытия и один из режимов наложения слоев в Photoshop. предназначен для осветления изображений. Наконец, мы объединим слои в группу слоев и используем маску слоя, чтобы ограничить области, где виден эффект свечения. Это может показаться большой работой, но если вы знаете, как это сделать, весь эффект может быть достигнут всего за несколько минут! Здесь я использую Photoshop CS4, но подойдет любая последняя версия Photoshop.
Вот изображение, которое я буду использовать в этом уроке:
Вот как это будет выглядеть после добавления эффекта свечения в высоком ключе:
Это руководство из нашей серии фотоэффектов. Начнем!
Как создать эффект свечения в светлых тонах в Photoshop
Шаг 1. Выберите блики с помощью команды «Цветовой диапазон»
После того, как наше изображение было недавно открыто в Photoshop, наш первый шаг – выделение только светлых участков (самых ярких областей) на изображении. Photoshop дает нам простой способ выбрать блики с помощью команды «Цветовой диапазон», которая, как и инструмент «Волшебная палочка», позволяет нам выбирать диапазон цветов или значений яркости в изображении, хотя команда «Цветовой диапазон» намного мощнее. Перейдите в меню «Выбор» в строке меню в верхней части экрана и выберите «Цветовой диапазон»:
Когда появится диалоговое окно «Цветовой диапазон», просто выберите «Света» в раскрывающемся списке «Выбор» в верхней части диалогового окна:
Нажмите «ОК», чтобы выйти из диалогового окна, и если мы посмотрим на изображение в окне документа, мы увидим контуры выделения, появляющиеся вокруг всех выделенных областей:
Шаг 2. Скопируйте блики на новый слой
Выбрав блики, перейдите в меню «Слой» в строке меню, выберите «Создать», а затем выберите «Слой через копирование»:
Вы также можете нажать сочетание клавиш Ctrl+J (Win)/Command+J (Mac), что намного быстрее копирует слой. Обычно это создает копию всего слоя, но каждый раз, когда мы что-то выделяем на слое, копируется только область внутри выделения. В этом случае у нас выделены блики, поэтому на новый слой копируются только блики.
Это не будет выглядеть так, будто в окне документа еще ничего не произошло, но если мы посмотрим на панель «Слои» (панели называются «палитрами» в более ранних версиях Photoshop), мы увидим, что теперь у нас есть новый слой. с именем «Слой 1», расположенным над фоновым слоем, который содержит наше исходное изображение. И если мы посмотрим на миниатюру предварительного просмотра слева от имени слоя, мы увидим, что слой содержит только блики с изображения. Серо-белая шахматная доска, заполняющая остальную часть миниатюры, указывает на прозрачность, что означает, что эти области слоя пусты:
Если вы хотите лучше увидеть, что именно находится на «Слое 1», щелкните значок «Видимость слоя» (глазное яблоко) слева от фонового слоя на панели «Слои»:
Это временно скроет исходное изображение на фоновом слое из поля зрения, позволяя нам видеть только блики на «Слое 1», а также шахматную доску, показывающую пустые области на слое:
Нажмите еще раз на значок видимости слоя для фонового слоя, чтобы снова включить его. Теперь мы будем использовать блики для создания эффекта свечения!
Шаг 3. Измените режим наложения «Слой 1» на Экранный
Теперь вы должны снова увидеть все изображение в окне документа. Убедитесь, что на панели «Слои» выбран «Слой 1».Текущий выбранный слой всегда выделяется синим цветом, поэтому, если «Слой 1» не выделен синим цветом, щелкните его на панели «Слои», чтобы выбрать его. Мы собираемся сделать блики на изображении намного ярче, и мы сделаем это, изменив режим наложения слоя. Вы найдете параметры режима наложения в верхней части панели «Слои». По умолчанию для слоев установлен режим наложения «Нормальный», что в основном означает «скучный». Нажмите на слово «Обычный», затем выберите «Экран» в появившемся списке режимов наложения:
Режим наложения «Экран» — это один из группы режимов наложения в Photoshop, которые осветляют изображение, и мы можем видеть в окне документа, что светлые области теперь выглядят намного ярче, хотя в данный момент они также выглядят довольно резкими и пятнистыми. , но мы исправим это на следующем шаге:
Шаг 4. Примените фильтр размытия по Гауссу
Чтобы создать эффект свечения, нам нужно смягчить блики, и мы сделаем это, применив к ним небольшое размытие. Перейдите в меню «Фильтр» в строке меню, выберите «Размытие», а затем выберите «Размытие по Гауссу»:
Откроется диалоговое окно «Размытие по Гауссу» в Photoshop. Отрегулируйте степень размытия, применяемого к бликам, щелкнув и перетащив ползунок «Радиус» в нижней части диалогового окна. Перетащите ползунок вправо, чтобы усилить размытие, или влево, чтобы уменьшить степень размытия. Вам нужно следить за своим изображением в окне документа, когда вы перетаскиваете ползунок, так как выбранная вами сумма будет зависеть как от вашего личного вкуса, так и от размера вашего изображения, но держите сумму довольно низкой, иначе вы полностью смоет блики. Я собираюсь установить значение радиуса около 8 пикселей:
Когда закончите, нажмите OK, чтобы выйти из диалогового окна, после чего Photoshop применит размытие к слою. Блики теперь выглядят намного мягче:
Шаг 5. Дублируйте «Слой 1»
Чтобы сделать эффект свечения еще более интенсивным, давайте продублируем «Слой 1». Еще раз либо перейдите в меню «Слой», выберите «Создать», а затем выберите «Слой через копирование», либо просто нажмите сочетание клавиш Ctrl+J (Win)/Command+J (Mac). На панели «Слои» мы видим, что теперь у нас есть копия «Слой 1», которую Photoshop творчески назвал «Копия слоя 1», расположенная прямо над оригиналом. Обратите внимание, что режим наложения нового слоя также был скопирован и уже установлен. проверить для нас:
И если мы посмотрим в окно документа, то увидим, что свечение стало еще ярче, хотя, по крайней мере, в моем случае, в некоторых областях оно становится слишком ярким:
Шаг 6. Объедините два слоя бликов в группу слоев
Чтобы точно контролировать, на какие части изображения влияет эффект свечения, а также интенсивность эффекта в разных областях, мы можем использовать маску слоя. Поскольку мой документ содержит два отдельных слоя для бликов («Слой 1» и «Копия слоя 1»), я собираюсь управлять ими обоими одновременно, объединив два слоя в группу слоев, а затем напрямую добавив маску слоя. в группу.
Во-первых, нам нужно выбрать слои, которые мы хотим сгруппировать. На данный момент у меня выбран верхний слой «Копия слоя 1». Чтобы также выбрать «Слой 1» под ним, я, удерживая нажатой клавишу Shift, нажму «Слой 1» на панели «Слои». Это выберет оба слоя одновременно. На панели «Слои» мы видим, что оба слоя теперь выделены синим цветом, что означает, что они оба выбраны:
Чтобы сгруппировать их вместе, перейдите в меню «Слой» в строке меню и выберите «Группировать слои»:
Вы также можете использовать более быструю комбинацию клавиш для группировки слоев: Ctrl+G (Win)/Command+G (Mac). В любом случае Photoshop сообщает, что нужно объединить два слоя в группу слоев, и мы видим на панели «Слои», что появляется группа слоев с именем «Группа 1». Оба слоя бликов теперь находятся внутри группы:
Нажмите на значок треугольника, чтобы вращать группу слоев, открывая или закрывая ее, показывая или скрывая слои внутри нее.
Шаг 7. Добавьте маску слоя в группу слоев
Теперь, когда оба слоя находятся внутри группы слоев, давайте добавим маску слоя в группу, щелкнув значок «Маска слоя» в нижней части панели «Слои». Слева от названия группы появится миниатюра маски слоя с белой заливкой:
Шаг 8. Выберите инструмент «Кисть»
Мы собираемся рисовать черным цветом на маске слоя, чтобы скрыть эффект свечения в определенных областях изображения, а это значит, что для рисования нам понадобится инструмент «Кисть» в Photoshop. Выберите инструмент «Кисть» на панели «Инструменты» или нажмите букву B на клавиатуре, чтобы выбрать его с помощью сочетания клавиш:
Шаг 9. Установите черный цвет переднего плана
Photoshop рисует, используя тот цвет, который вы в данный момент выбрали в качестве цвета переднего плана. Вы можете увидеть текущий цвет переднего плана, взглянув на образец цвета переднего плана в нижней части панели инструментов. Мы хотим рисовать черным цветом, поэтому, если ваш образец цвета настроен на любой другой цвет, кроме черного, нажмите букву D на клавиатуре, которая установит ваш цвет переднего плана на белый (цвет переднего плана по умолчанию, когда выбрана маска слоя), затем нажмите букву X, чтобы переключить его на черный:
Цвета переднего плана (черный) и фона (белый) по умолчанию меняются местами, когда выбрана маска слоя.
Шаг 10. Закрасьте области, чтобы скрыть эффект свечения
Выбрав инструмент «Кисть» и установив черный цвет в качестве цвета переднего плана, закрасьте любые области изображения, где вы хотите скрыть эффект свечения. Поскольку мы рисуем на маске слоя, а не на самом изображении, вы не увидите черного цвета, когда будете рисовать. Вместо этого вы увидите, что в этих областях исчезает эффект свечения.
Вы можете управлять размером кисти во время рисования с помощью удобных сочетаний клавиш. Нажмите клавишу левой квадратной скобки ([ ), чтобы сделать кисть меньше, или клавишу правой квадратной скобки ( ] ), чтобы увеличить ее. Вы захотите использовать кисть с мягким краем во время рисования, и вы можете контролировать жесткость краев кисти, добавляя клавишу Shift к сочетаниям клавиш, которые я только что упомянул. Нажмите Shift+левая скобка ( [ ), чтобы сделать края кисти мягче, или Shift+правая скобка ( ] ), чтобы сделать их жестче.
Я собираюсь закрасить верхнюю и боковые части изображения, чтобы скрыть эффект свечения в этих областях и вернуть детали фона:
Если мы посмотрим на миниатюру маски слоя на панели «Слои», мы увидим, где именно мы закрасили черным цветом:
Для областей, где вы просто хотите уменьшить интенсивность свечения, а не удалить его полностью, рисуйте кистью с более низкой непрозрачностью. Вы найдете параметр «Непрозрачность» на панели параметров в верхней части экрана. Я собираюсь уменьшить непрозрачность кисти до 50%:
На панели параметров отображаются параметры для выбранного в данный момент инструмента. Здесь отображаются параметры инструмента «Кисть».
Я хочу вернуть небольшое количество деталей на платье невесты в нижней части фотографии, поэтому я закрашу его кистью с непрозрачностью 50%. Это смешивает эффект с исходным изображением, а не удаляет его полностью:
Я также хочу уменьшить эффект свечения на бретелях платья невесты, и я думаю, что ее зубы начинают слишком походить на рекламу зубной пасты, поэтому я закрашу эти области кистью с непрозрачностью 50%, как хорошо. Если вы хотите лучше видеть, где именно вы нарисовали на маске слоя, удерживайте нажатой клавишу Alt (Win) / Option (Mac) и щелкните непосредственно миниатюру маски слоя на панели «Слои». Это позволит вам просмотреть саму маску слоя в окне документа. Здесь мы можем видеть области в верхней части фотографии, где я закрасил их черным цветом. Я нарисовал более светлые серые области, установив непрозрачность кисти на 50%:
Удерживая нажатой клавишу «Alt» (Win)/Option (Mac), щелкните миниатюру маски слоя, чтобы просмотреть маску в окне документа.
Вернитесь в обычный режим просмотра документа, еще раз удерживая нажатой клавишу «Alt» (Win)/Option (Mac) и щелкнув миниатюру маски слоя на панели «Слои». И с этим мы закончили! Вот мой окончательный результат "эффект свечения в высоком ключе":
И вот оно! Вот как можно добавить эффект свечения в высоком ключе к изображению с помощью Photoshop! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!
Если вы ищете простой способ сделать цифровой экран более интересным на ваших фотографиях, добавление свечения экрана в Photoshop — идеальное решение. Вы можете быстро добавить свечение экрана на экран телефона, компьютера или телевизора с помощью инструмента «Кисть» и другого режима наложения. Вот как это сделать.
Чтобы заставить экран светиться в Photoshop, выберите светло-голубой цвет и обведите края экрана мягкой кистью на новом слое. После настройки кисти измените режим наложения слоя с «Обычный» на «Экран», чтобы смешать мазки кисти. Теперь ваш экран выглядит так, как будто он светится на вашей фотографии!
В зависимости от типа изображения, с которым вы работаете, существует несколько различных методов создания светящихся экранов в Photoshop. В этом уроке вы познакомитесь с двумя эффективными методами, используя инструмент «Кисть» и корректирующий слой «Кривые». Оба варианта чрезвычайно просты в создании, но выглядят немного по-разному в зависимости от ориентации экрана.
Давайте начнем с самого простого способа создания свечения экрана с помощью инструмента "Кисть"!
Как сделать цветной экран светящимся в Photoshop (метод кисти)
Этот метод лучше всего подходит для свечения, цвет которого вы хотите контролировать. Если вы работаете над научно-фантастической фотоманипуляцией или собираетесь создать неоновый образ, этот вариант работает потрясающе. Поскольку вы можете выбрать именно тот цвет, который хотите использовать для свечения, вам будет намного проще проявить творческий подход.
Шаг 1. Создайте новый слой
Прежде чем что-либо делать, начните с создания нового слоя поверх слоя с изображением. Это позволит вам редактировать неразрушающим образом с помощью настроек кисти!
Шаг 2. Выберите инструмент «Кисть» и выберите цвет
Пришло время выбрать цвет для эффекта свечения. Начните с выбора инструмента «Кисть» (B), а затем щелкните цвет переднего плана на панели инструментов.
В появившейся цветовой палитре выберите цвет свечения. Если вы не уверены, что использовать, попробуйте светло-голубой или светло-желтый цвет. Для этого изображения я выберу желтый цвет.
Шаг 3. Рисуйте по краям экрана
С помощью мягкой круглой кисти обведите края экрана, чтобы применить цвет. Цель здесь состоит в том, чтобы добавить цвет в те места, которые вы хотите засветить. В большинстве случаев это означает рисование вверх в том направлении, в котором смотрит экран. Как вы можете видеть в этом примере, мазки кисти нарисованы вверх, чтобы соответствовать углу наклона телефона.
Помните, что размер вашего свечения должен зависеть от размера вашего экрана. Например, свечение экрана телефона будет намного меньше, чем свечение экрана телевизора.
Шаг 4. Повторите эти шаги с более светлым цветом
Добавив к изображению первый раунд цвета, давайте добавим более светлый цвет ближе к экрану. Это очень помогает сделать экран ярче и придать свечению больше глубины.
Щелкнув цвет переднего плана еще раз, измените цвет кисти, сделав его немного более ярким, чем тот, который вы только что нарисовали. В этом примере я выберу светло-желтый.
Уменьшив размер кисти с помощью клавиши [, нарисуйте вдоль края экрана на том же слое, что и раньше. Теперь у вас остался двухцветный мазок кисти, идущий от экрана. Проблема в том, что пока это выглядит не очень убедительно, поэтому давайте изменим режим наложения слоя!
Шаг 5. Измените режим наложения слоя свечения на «Экран»
Убедитесь, что выбран ваш светящийся слой (тот, что с мазками кисти), и измените режим наложения слоя с "Обычный" на "Экран". Это изменит способ смешивания настроек кисти на вашей фотографии и превратит их в убедительное свечение.
Шаг 6. Настройте свечение с помощью маски слоя (необязательно)
Если вы понимаете, что некоторые части вашего свечения вам больше не нужны, вы можете быстро избавиться от них с помощью маски слоя. Сначала добавьте слой-маску к слою с свечением, затем установите черный цвет переднего плана, нажав клавишу D.
Мягкой кистью обведите области свечения экрана, от которых вы хотите избавиться. Поскольку это просто маскирует свечение, у вас все еще есть возможность добавить его обратно, если это необходимо.
Результат
Создание свечения экрана в Photoshop с помощью инструмента «Кисть» — один из самых простых способов. Поскольку вы можете быстро рисовать кистью по фотографии, для создания эффекта не потребуются сложные инструменты.
Как сделать реалистичное свечение экрана в Photoshop (метод настройки кривых)
Для второго варианта вы узнаете, как заставить экран светиться с помощью настройки кривых и инструмента "Перо". Этот метод предлагает более точный способ добавления свечения на экран, но обеспечивает только базовую настройку цвета. В отличие от предыдущего метода, корректировка кривых позволяет лишь слегка изменить оттенок цвета. Это может не сработать для научно-фантастических манипуляций с фотографиями, но точно сработает для того, чтобы все выглядело реалистично!
Шаг 1. Создайте контур пера по форме свечения
Для начала возьмите инструмент "Перо" (P) и начните создавать путь в форме свечения. Еще раз, вы хотите расширить эту фигуру наружу от направления экрана. Поскольку этот экран направлен прямо в сторону от камеры, я создам путь, идущий вверх.
После завершения пути щелкните правой кнопкой мыши в центре и выберите "Сделать выбор".
Оставьте радиус растушевки равным 0 пикселей и нажмите OK. Теперь путь вашего пера станет активным выделением, представленным марширующими муравьями.
Шаг 2. Примените выделение к корректирующему слою «Кривые»
Поскольку выбор уже активен, основная работа выполнена. Все, что осталось, это создать корректирующий слой кривых, чтобы применить это выделение к маске слоя. При создании новой настройки кривых выбор будет применен автоматически. Теперь все корректировки кривых, которые вы делаете, будут ограничены формой вашей маски.
Шаг 3. Сделайте кривые ярче
Нажав в центре кривой, перетащите вверх, чтобы сделать изображение ярче. Чем ярче вы идете, тем интенсивнее будет выглядеть свечение экрана. Поэкспериментируйте с этим, пока не найдете то, что подходит для вашего изображения. Не волнуйтесь; вы всегда можете вернуться и изменить это позже.
Шаг 4. Добавьте цвет с помощью настройки кривых
Над кривой находится вкладка с надписью RGB. При нажатии на эту вкладку отображаются отдельные цветовые каналы для красного, зеленого и синего цветов. Когда вы щелкаете между этими каналами, вы можете применить к своей фотографии разные цвета. Я хочу, чтобы это свечение экрана выглядело теплее, поэтому я нажму на синий канал и добавлю желтый, затем нажму на красный канал и добавлю красный.
Шаг 5. Примените размытие по Гауссу к корректировке кривых
Теперь, когда свечение экрана выглядит так, как вы хотите, единственная проблема заключается в том, насколько резким выглядит край эффекта свечения. К счастью, вы можете быстро растушевать этот край, добавив размытие по Гауссу к маске корректирующего слоя кривых.
Убедитесь, что выбрана маска корректирующего слоя кривых, и перейдите к Фильтр > Размытие > Размытие по Гауссу.
При настройке радиуса размытия кривые будут выглядеть все более размытыми. Попробуйте перейти где-то посередине, чтобы свечение все еще было заметно, но резких краев больше не было видно. Вам нужен мягкий и постепенный переход между свечением и исходным изображением.
Если вы довольны результатом, нажмите "ОК".
Шаг 6. Затемните края фотографии (необязательно)
На многих фотографиях свечение экрана может выглядеть не так хорошо, как могло бы быть, потому что остальная часть фотографии слишком яркая. Когда вы думаете о свечении в реальной жизни, вы замечаете его только в более темных условиях, поскольку более яркий экран выделяется на темном фоне. Чтобы создать наиболее реалистичный эффект свечения, вам нужно подражать этой идее.
Сначала создайте корректирующий слой яркости и контрастности и уменьшите яркость всей фотографии.
Теперь все выглядит слишком темным, поэтому давайте удалим этот эффект из центральной области вокруг свечения. Лучший способ сделать это — использовать радиальный градиент от переднего плана к прозрачному. Выбрав инструмент «Градиент» (G), выберите градиент от переднего плана к прозрачному в редакторе градиентов и установите тип градиента на радиальный градиент.
Нажмите D, чтобы установить черный цвет переднего плана, затем щелкните маску слоя регулировки яркости и контрастности, чтобы выбрать ее. Теперь щелкните и перетащите наружу от экрана на фотографии, чтобы удалить настройку затемнения. Таким образом, более темные области будут видны только по краям фотографии, что поможет сделать свечение более реалистичным.
Результат
Этот способ создания светящихся экранов в Photoshop обеспечивает более точный результат. Вместо того, чтобы иметь дело со случайным разбрызгиванием цвета, вы можете легко контролировать, где появляется свечение, с помощью траектории пера. После того, как контур пера создан и применен к маске корректирующего слоя кривых, тяжелая работа выполнена, и вы можете свободно настраивать эффект свечения.
Теперь вы знаете два эффективных способа заставить экран светиться в Photoshop. Независимо от того, ищете ли вы быстрое решение с помощью инструмента «Кисть» или более точное решение с помощью инструмента «Перо» и настройки кривых, вы все равно получите отличный результат. Поскольку вы освоили этот эффект Photoshop, давайте перейдем к следующему уроку и посмотрим, как сделать фотографии мягкими и мечтательными в Photoshop!
Каждое воскресенье черпайте вдохновение, необходимое для эффективной работы!
Одним из элементов дизайна, который определенно пользуется популярностью, является эффект неонового свечения.Включая и играя с различными световыми эффектами, вы можете создать акцент на элементе вашего сайта или добавить немного загадочности в общий дизайн. Если вы хотите сделать буквально неоновую вывеску или просто добавить забавную атмосферу поп-культуры на свой сайт, этот эффект — такая забавная тенденция, которая позволяет дизайнерам экспериментировать!
Эффект неонового свечения можно найти в Интернете в самых разных формах. Некоторые сосредотачиваются на светящемся неоновом аспекте, в то время как другие сосредотачиваются на «реальности» виртуальной неоновой вывески. Вот пример реалистичного подхода:
Теперь, когда вы увидели эти неоновые вывески в действии, попробуйте сами!
Создание эффекта неонового свечения в Photoshop
Прежде чем мы начнем, давайте проясним несколько моментов, которые помогут вам добиться наилучших результатов. Для реалистичного эффекта вам нужно найти шрифт, который либо соединяется, либо имеет разрывы, как настоящая неоновая вывеска. Если вы используете значок, использование простого контура будет выглядеть немного чище, но не стесняйтесь экспериментировать по своему усмотрению. Дайте нам знать, как это происходит!
Создайте свой фон
Для этого примера я буду использовать кирпичный фон из Unsplash. Вы можете выбрать все, что вам нравится, но этот кирпич придает ему великолепное реалистичное ощущение висения на стене. И не волнуйтесь — мы придадим ему ночной вид, чтобы подчеркнуть сияние!
Добавьте эффектное освещение на задний план
Теперь мы собираемся создать виньетку. Для этого создайте новый слой и с помощью инструмента «Эллипс» нарисуйте эллипс чуть меньше холста.
Затем с помощью инструмента «Выбор контура» выберите раскрывающийся список «Операции с контуром» и нажмите «Вычесть из фигуры».
Откройте окно свойств, выбрав «Окно» > «Свойства» и выберите «Маска». Затем установите Feather на 200px и отрегулируйте его с помощью Free Transform Tool по своему усмотрению. Тогда это должно выглядеть примерно так:
Создайте новый слой над слоем с виньеткой, выбрав «Слой» > «Новый слой», и залейте его черным цветом с помощью инструмента «Заливка». Затем установите непрозрачность примерно на 75% и измените режим наложения для слоя на Яркий свет.
Создайте неоновую вывеску
В этом примере я буду использовать шрифт Beon Medium, чтобы обозначить слово «Макет», но вы можете выбрать любой шрифт, фразу или значок, который вам нравится! Отсюда вы можете расположить текст так, как вам нравится.
Дублируйте текстовый слой, щелкните его правой кнопкой мыши и выберите Преобразовать в смарт-объект. Затем щелкните слой правой кнопкой мыши и выберите Параметры наложения.
Добавьте скос и тиснение. Это придает размерность тексту, поэтому попробуйте различные настройки, чтобы получить эффект, который вам нравится! Я использую следующие настройки:
- Стиль: Тиснение подушки
- Техника: гладкая
- Глубина: 251%
- Направление: вверх
- Размер: 15 пикселей.
- Смягчение: 3 пикс.
- Угол затенения: 90 градусов.
- Высота: 53 градуса.
- Глянцевый контур: бухта — глубокий
- Режим выделения: наложение белого цвета и прозрачность 100 %.
- Режим тени: наложение черного цвета с непрозрачностью 0%.
Затем добавьте корректировку контура в разделе «Скос и тиснение», выберите «бухта — глубоко» в раскрывающемся списке и оставьте диапазон равным 100%.
Теперь добавьте слой «Обводка». Это создаст «свечение» вашей неоновой вывески и сделает ее похожей на включенную! Вот настройки, которые я использую:
- Размер: 40
- Положение: по центру
- Режим наложения: экран
- Непрозрачность: 100%
- Наложение: отмечено
- Тип заливки: градиент
- Стиль: взрыв формы
- Выровнять по слою: флажок установлен
- Угол: 90 градусов.
- Масштаб: 100%
Теперь добавим Outer Glow, чтобы создать свет, исходящий от нашей неоновой вывески. Вот настройки, которые я использую:
- Режим наложения: наложение
- Непрозрачность: 100%
- Шум: 0%
- Техника: мягче
- Разброс: 20%
- Размер: 250 пикселей.
- Контур: линейный
- Диапазон: 50%
- Дрожание: 0%
Создайте собственный градиентный свет
Чтобы добавить эффект свечения, давайте создадим два слоя. Один с широким и тонким свечением, а другой с небольшим и концентрированным эффектом за текстом, чтобы придать ему реалистичный эффект. Во-первых, давайте создадим более крупное тонкое свечение.
Затем, выбрав слой с эллипсом, выберите «Фильтр» > «Размытие» > «Размытие по Гауссу».
Установите радиус около 150 пикселей. Теперь измените параметры наложения на Мягкий свет.
Создайте новый слой, чтобы создать еще один эллипс, на этот раз меньшего размера и размером с текст. Переместите его под слой с текстом, но над другим слоем с эллипсом. Снова преобразуйте эллипс в смарт-объект.
Затем, выделив этот новый слой с эллипсом, выберите «Фильтр» > «Размытие» > «Размытие по Гауссу». Установите радиус где-то около 150 пикселей. Теперь измените параметры наложения на Мягкий свет.
И это все — теперь у вас есть яркая и блестящая неоновая вывеска! Как вы будете использовать этот эффект? Есть ли другие любимые примеры? Дайте нам знать в комментариях.
Как использовать шаблоны Photoshop
Загрузите шаблоны бесплатно ниже!
Переключить фон
В этих файлах есть различные фоны, которые можно включать и выключать с помощью кнопок видимости слоев или перемещать друг под другом и над ним на панели слоев. Выберите свой любимый или добавьте свой собственный фон в новый слой. Если вы добавляете собственный фон, просто измените его размер на свое усмотрение!
Редактировать текст
Чтобы отредактировать текст, откройте папку «Вкл.» и дважды щелкните слой «Вкл. — Двойной щелчок для редактирования текста».
Откроется другой документ Photoshop, в котором можно использовать инструмент «Текст» для редактирования текста или настройки шрифта. Ключевым моментом здесь является изменение размера текста, чтобы он соответствовал заданной области. (Все, что выходит за рамки, не будет перенесено в основной файл!) Это можно сделать, выбрав «Правка» > «Свободное преобразование» или Command + T на Mac (Control + T на ПК). Когда вас все устраивает, сохраните и закройте смарт-объект или вкладку Photoshop.
Примечание. Слои «Вкл.» и «Выкл.» синхронизированы, поэтому, когда вы редактируете смарт-текст в одном, он будет обновляться в другом. Довольно мило, правда?!
Подкорректировать дополнительные элементы
В зависимости от того, какой эффект вы выберете, вам, возможно, придется настроить внешний квадрат или линию. Если вы используете «Neon_Sign_Treatment2», вы можете игнорировать этот раздел.Для «Neon_Sign_Treatment3», если вам нужно настроить поле, просто откройте раскрывающийся список для «Вкл» и «Выкл». Отсюда вы можете преобразовать слой Sign Border, выбрав Edit > Free Transform или Command + T на Mac (Control + T на ПК). Суть в том, чтобы одинаково настроить слои границы знака «Вкл.» и «Выкл.».
Для «Neon_Sign_Treatment1» вы можете изменить строку под текстом. Для этого откройте папку «Вкл.» и дважды щелкните слой «Вкл. — Двойной щелчок для редактирования текста». Здесь вы можете настроить линию так, чтобы она касалась нижней части текста. Опять же, если вы обновите его из слоя «Вкл», он также обновится в слое «Выкл». (И наоборот!)
Если вы хотите изменить слой «Cords» в «Neon_Sign_Treatment1», выберите слой и с помощью инструмента «Прямое выделение» щелкните отдельные точки и перетащите их. Вы даже можете добавлять или удалять определенные точки на линии с помощью инструментов «Перо», «Добавить опорную точку» и «Вычесть опорную точку». А если изгиб шнура вам не нравится, просто используйте инструмент «Преобразовать точку», пока не будете довольны результатом.
Если вам нужно настроить свечение после перемещения различных объектов, просто откройте папку «Вкл.» и выберите слои «Выделение». Отсюда вы можете перетаскивать их с помощью инструмента «Перемещение» или уменьшать и увеличивать их с помощью «Правка» > «Свободное преобразование».
Теперь у вас есть идеальный и простой в использовании инструмент для создания собственных эффектов неонового свечения. Удачи в разработке!
Загрузите полный PSD-файл здесь (162 МБ).
описание
Следите за тем, как мы покажем вам, как создавать реалистичные эффекты свечения и освещения в Photoshop! Узнайте, как создать эффект светящегося кольца, интегрировать его в фотографию, добавить эффекты частиц с помощью прилагаемой кисти Photoshop и многое другое!
отправьте свою работу
Мы хотим посмотреть, что вы создадите с помощью методов, обсуждаемых в этом руководстве! Отправьте нам свой собственный эффект свечения, чтобы мы могли разместить его на этой странице и в социальных сетях.
Кредит исполнителя
Поделиться
СОЗДАВАЙТЕ НЕОБЫЧНЫЕ ЭФФЕКТЫ
Создание собственных эффектов свечения
Начало работы с эффектами свечения
Создание спецэффектов в Photoshop — это очень весело, и с его помощью также можно создавать потрясающие изображения. Самое лучшее в эффектах свечения, подобных тому, который мы создаем в этом уроке, заключается в том, что их можно добавить практически к любой фотографии.
Взгляните на изображение, которое мы используем для нашего примера. Это простой, хорошо скомпонованный портрет женщины, практикующей йогу и медитацию. Мы же не можем использовать эффект свечения, чтобы немного оживить ситуацию, верно?
Неправильно! Давайте посмотрим, насколько универсальными могут быть такие эффекты.
Затемнить изображение с помощью уровней
Поскольку нам нужен эффект свечения, мы знаем, что добавим в изображение источник света. Если вы хотите, чтобы новый источник света выделялся, часто можно затемнить остальную часть фотографии.
Создайте корректирующий слой «Уровни», поместите его поверх фонового изображения в наборе слоев и перетащите ползунок выделения выходных уровней влево.
Это уменьшит общую яркость изображения, что в конечном итоге поможет выделить эффект свечения. Это также даст нам возможность добавить больше окружающего освещения вокруг объекта, чтобы усилить общий эффект.
Создать светящееся кольцо
Наша цель в этом изображении — создать сияющее кольцо энергии вокруг объекта на фотографии. Итак, для начала нам понадобится кольцо.
Чтобы создать форму кольца, возьмите инструмент "Эллипс", нажмите и перетащите вокруг объекта, удерживая клавишу SHIFT, чтобы получился идеальный круг. Убедитесь, что для параметра «Заливка» установлено значение «Нет», а для параметра «Обводка» задан цвет, который вы хотите использовать для эффекта свечения (вы всегда можете изменить это позже).
После того как вы создали круг, вы можете использовать инструмент "Перемещение", чтобы отрегулировать его положение, или параметры преобразования, чтобы изменить его размер по мере необходимости.
Всегда рекомендуется оставлять ссылку на любые оригинальные объекты, которые вы создали. После того, как вы довольны цветом и расположением круга, продублируйте его. Щелкните правой кнопкой мыши дубликат и выберите «Растрировать слой». Это будет слой, поверх которого мы начнем создавать эффект.
Продолжайте и скройте исходный слой с фигурой, мы сохраним его на случай, если мы захотим сослаться на него позже.
Создайте эффект свечения
Теперь, когда у нас есть основа для нашего светящегося кольца, мы собираемся дублировать этот слой, добавляя комбинацию размытия и режимов наложения для создания эффекта.
Начните с дублирования слоя с кольцом и добавления небольшого размытия по Гауссу.
Не беспокойтесь о том, чтобы сделать его слишком сильным для начала. Мы будем повторять этот процесс снова и снова, увеличивая интенсивность размытия на каждом этапе.
Чтобы добавить естественные вариации к эффекту свечения, создайте слой-маску для каждого слоя с кольцом и закрасьте черным цветом случайные пятна, используя большую мягкую кисть с низкой интенсивностью потока. Это очень тонко, но общий эффект будет выглядеть более естественным.
Работа с режимами наложения
Поскольку вы продолжаете добавлять новые слои с кольцами с различными уровнями размытия, попробуйте также изменить режимы наложения для каждого из них. Мы считаем, что экран создает приятный эффект мягкого освещения, так что вам следует обратить внимание на него.
Однако вы можете поэкспериментировать с другими, чтобы посмотреть, что получится. Мы обнаружили, что установка для одного слоя режима наложения «Растворение» создала классный эффект частиц, который мы можем добавить позже.
При использовании нетипичных режимов наложения, таких как «Растворение», часто бывает полезно преобразовать эффект в новый слой, для которого мы можем установить обычный режим наложения.
Чтобы скопировать эффект режима наложения «Растворение», нам просто нужен способ выделить все частицы, которые он создал. Поместите черный слой-заливку сплошным цветом позади слоя с растворением.
Затем используйте кнопку «Выбор цветового диапазона», чтобы выбрать цвет эффекта свечения. При активном выделении создайте новый слой и заполните его тем же цветом, который вы использовали для создания светящихся колец.
В итоге вы получите новый слой с копией эффекта «Режим наложения растворения». Продолжайте и удалите исходный слой, для которого мы установили режим наложения «Растворение» — он не понадобится.
Как и в случае с другими слоями со светящимися кольцами, добавьте размытие по Гауссу к эффекту растворения, чтобы он более естественно сочетался с изображением.
Продолжайте дублировать слои (или целые группы) и экспериментируйте с размытием и режимами наложения, чтобы создать эффект свечения, который вам нравится.
Интеграция освещения в объект и окружающую среду
Теперь, когда наше светящееся кольцо почти готово, давайте интегрируем его в фотографию, чтобы оно выглядело так, как будто оно находится позади объекта.
Нам нужно, чтобы кольцо было невидимым, где бы оно ни проходило над объектом. Для этого мы можем создать и использовать выделение объекта, чтобы замаскировать кольцо из этих областей.
Сгруппируйте все слои со светящимися кольцами вместе, а затем скройте группу. Немного увеличьте объект, а затем перейдите к «Выбор» и выберите «Цветовой диапазон». Выберите черный цвет из одежды объекта и набирайте его, пока не получите достаточно четкое выделение объекта.
Теперь сделайте группу светящихся колец видимой и загрузите активное выделение объекта в маску слоя группы. Вы должны увидеть что-то вроде этого:
Выбор выглядит хорошо, но это противоположно тому, что нам нужно. Инвертируйте только что созданную маску слоя, нажав CTRL или CMD + I.
Интеграция освещения в сцену
У нас есть довольно крутое светящееся кольцо, которое выглядит так, как будто оно парит позади объекта. Однако нам нужно интегрировать свечение кольца в освещение фотографии, если мы хотим, чтобы она выглядела реалистично.
Для этого потребуется немного поработать вручную с помощью инструмента "Кисть", но результат того стоит! Увеличьте изображение и начните слегка обводить края объекта ярким цветом, взятым из светящегося кольца. Цель состоит в том, чтобы создать несколько цветных бликов, которые выглядят так, как будто свет от кольца обволакивает объект.
Уделите больше времени работе с такими деталями, как волосы. Чем более тонкие и естественные блики вы можете добавить, тем лучше будет общий эффект.
Уделяйте этой части столько времени, сколько хотите, но чем больше внимания вы уделите, тем реалистичнее все будет выглядеть.
После того как вы закончите с мелкими деталями краев, мы можем добавить более крупные и мягкие эффекты свечения вокруг объекта. Опять же, используйте большую мягкую кисть и низкий расход, чтобы нарисовать большие пятна по краям объекта.
Затем используйте функцию «Смешать, если», чтобы блики отображались только там, где на изображении есть естественные блики.
Дополнительные эффекты окружающей среды
Мы почти закончили. Мы проделали большую работу, интегрировав эффекты и освещение вокруг объекта, но нам нужно больше сосредоточиться на остальном окружении и фоне. Было бы логично, если бы светящееся кольцо создавало небольшое отражение и свет на земле вокруг объекта.
Для этого просто продублируйте всю группу светящихся колец, а затем трансформируйте и переместите ее, пока она не впишется в естественно выглядящую область на земле.
Используйте параметр "Наложить, если" для более естественного смешения с бликами и тенями на земле.
А затем с помощью инструмента "Кисть" закрасьте черным цветом слой-маску, чтобы сделать эффект более тонким.
Эффекты частиц с пользовательской кистью
Пользовательские кисти Photoshop — отличный способ улучшить специальные эффекты. В частности, пользовательские кисти — лучший способ создать эффекты частиц и атмосферные эффекты, поскольку мы можем встраивать случайность и естественные вариации в сами кисти.
Вы можете просмотреть видео, чтобы узнать, как мы создали пользовательскую кисть, но если вы хотите пропустить этот процесс, кисть доступна бесплатно в загружаемом учебном пособии.
Просто используйте его, чтобы нарисовать частицы вдоль кольца, чтобы создать эффект, который вам нравится.
Вы можете использовать эффект Layer Style, например Outer Glow, чтобы сделать частицы более яркими.
Увеличить общий эффект
Теперь, когда мы завершили большую часть эффекта, мы можем уменьшить масштаб и посмотреть на изображение в целом. Здесь мы можем решить, хотим ли мы, чтобы эффект свечения был более или менее интенсивным, и настроить его соответствующим образом.
Если вы хотите усилить весь эффект, продублируйте всю группу светящихся колец.
Вы можете добавить размытие по Гауссу к новому дублированному слою, изменить режим наложения и использовать маски слоя, чтобы немного изменить интенсивность в разных местах изображения.
После того, как вы закончите, у вас должен получиться эффект естественного свечения, который переместит исходную фотографию в совершенно новые места!
Быстрая и простая цветокоррекция
Но это еще не все! Независимо от того, создаете ли вы специальные эффекты или компонуете несколько изображений, добавление цветокоррекции поверх всего может действительно помочь связать все это воедино.
Чтобы добавить быструю и эффективную цветокоррекцию, попробуйте использовать корректирующий слой «Цветовой баланс», изменяя цвета изображения до тех пор, пока не получите понравившийся вам вид.
Читайте также: