Как сделать контурный свет в фотошопе
Обновлено: 29.06.2024
Эффекты мягкого свечения — отличный способ улучшить фотографии, особенно портретные, и создать их в Photoshop очень просто. Тем не менее шаги, которые вы предпринимаете для их создания, могут означать разницу между статичным результатом (то есть таким, который нельзя легко изменить или отредактировать позже) и гораздо более гибким, где вы можете экспериментировать и улучшать -настраивайте эффект, пока он не будет выглядеть правильно.
Оба способа создания эффекта мягкого свечения можно выполнить очень быстро, но какой из них вы выберете, во многом будет зависеть от вашего текущего уровня навыков и от того, насколько вы знакомы с более продвинутыми функциями Photoshop (такими как смарт-объекты и смарт-фильтры).
В этом и следующем уроках я покажу вам оба способа работы, начиная со статической версии, которая лучше всего подходит для начинающих. В следующем уроке мы узнаем, как создать точно такой же эффект, но с гораздо большим контролем над конечным результатом.
Даже если вы новичок в Photoshop, я рекомендую вам попробовать оба способа добавления мягкого свечения к вашим изображениям, чтобы почувствовать, насколько мощным и гибким может быть Photoshop, если вы немного выйдете за рамки основ. . Как всегда, я буду рассказывать обо всем шаг за шагом, поэтому независимо от вашего уровня навыков вы сможете легко следовать инструкциям.
Если вы хотите сразу перейти к более продвинутой версии, ознакомьтесь со следующим руководством из этой серии «Редактируемое мягкое свечение с помощью смарт-фильтров в Photoshop». В противном случае, давайте начнем с основ!
Вот фото, которое я буду использовать (портретное фото женщины в поле из Shutterstock):
Вот как это будет выглядеть с примененным свечением. Этот эффект не только помогает смягчить фотографию, включая кожу женщины, но также повышает общий контраст и делает цвета более яркими:
Это руководство является частью нашей коллекции портретной ретуши. Начнем!
Шаг 1. Дублируйте фоновый слой
С моим изображением, недавно открытым в Photoshop, если мы посмотрим на мою панель «Слои», мы увидим фотографию, расположенную на фоновом слое, который в настоящее время является единственным слоем в моем документе:
Первое, что нам нужно сделать для нашего эффекта мягкого свечения, — это создать копию фонового слоя. Самый простой способ сделать это — щелкнуть фоновый слой и перетащить его на значок «Новый слой» внизу. панели «Слои» (второй значок справа):
Отпустите кнопку мыши, когда указатель мыши окажется прямо над значком нового слоя. Photoshop сделает копию фонового слоя, назовет новый слой «Фоновая копия» и поместит его над оригиналом:
Шаг 2. Переименуйте новый слой
Всегда рекомендуется переименовывать слои на панели «Слои», чтобы лучше понимать, что находится на каждом слое и для чего он используется. Давайте дадим слою «Фоновая копия» более описательное имя. Чтобы переименовать слой, просто дважды щелкните его имя на панели «Слои». Это выделит текущее имя:
Поскольку мы будем использовать этот слой для создания эффекта мягкого свечения, давайте назовем его «Мягкое свечение». Нажмите Enter (Win)/Return (Mac) на клавиатуре, когда закончите, чтобы принять изменение имени:
Шаг 3. Примените фильтр размытия по Гауссу
Чтобы создать реальный эффект мягкого свечения, мы сначала применим размытие к слою "Мягкое свечение". Затем мы изменим способ смешивания размытого слоя с исходным изображением под ним, изменив его режим наложения.
Чтобы размыть слой, мы будем использовать фильтр Gaussian Blur в Photoshop. Перейдите в меню «Фильтр» в строке меню в верхней части экрана, выберите «Размытие», а затем выберите «Размытие по Гауссу»:
При этом открывается диалоговое окно «Размытие по Гауссу», которое позволяет нам управлять степенью размытия, применяемой к слою, с помощью ползунка «Радиус» внизу. Чем дальше вы перетащите ползунок вправо, тем сильнее будет проявляться эффект размытия. Photoshop дает нам предварительный просмотр эффекта в документе, поэтому следите за своим изображением, перетаскивая ползунок, чтобы оценить результаты.
Мы не хотим размыть изображение настолько, чтобы наш объект стал неузнаваемым. Мы просто пытаемся немного смягчить ситуацию, поэтому более низкие значения радиуса, как правило, работают лучше всего. Имейте в виду, однако, что степень размытия, которая лучше всего подходит для вашего конкретного изображения, может отличаться от моей и будет во многом зависеть от его размера, причем большие фотографии требуют большего размытия, чем маленькие. Как правило, для легкого эффекта свечения значение радиуса около 10 пикселей должно работать хорошо:
Вот как выглядит мой эффект размытия со значением радиуса 10 пикселей. Обратите внимание, что хотя фотография выглядит мягче, чем раньше, мы все еще можем разглядеть множество деталей. Мы увидим еще больше деталей, когда изменим режим наложения слоя на следующем шаге:
Чтобы добиться еще более мягкого, сказочного эффекта свечения, попробуйте увеличить значение радиуса примерно на 20 пикселей:
Вот мой эффект размытия с радиусом 20 пикселей. Мы все еще можем разглядеть детали на фотографии, но на этот раз размытие определенно сильнее. Выбор правильной степени размытия — это действительно личный выбор, который будет зависеть от изображения. В моем случае я думаю, что это слишком много, поэтому я выберу меньший радиус 10 пикселей. Когда вы будете довольны результатами, нажмите "ОК", чтобы закрыть диалоговое окно "Размытие по Гауссу":
Шаг 4. Измените режим наложения на «Мягкий свет»
Теперь, когда мы размыли слой «Мягкое свечение», давайте изменим способ его взаимодействия с исходным изображением на фоновом слое под ним. Мы делаем это, изменяя его режим наложения. Вы найдете параметр «Режим наложения» в левом верхнем углу панели «Слои». По умолчанию установлено значение «Обычный». Нажмите на слово «Обычный», чтобы открыть меню других режимов наложения, и выберите «Мягкий свет» из списка:
Режим наложения "Мягкий свет" в Photoshop выполняет две функции. он повышает общую контрастность изображения и улучшает цвета, делая их более яркими. Вот мое изображение с режимом наложения «Мягкий свет», придающим всему мягкое теплое свечение:
Для более сильного эффекта попробуйте режим наложения "Перекрытие". Режим наложения «Перекрытие» очень похож на «Мягкий свет», повышая контрастность и цвет, но там, где «Мягкий свет» более тонкий, «Наложение» более интенсивное:
Вот мой результат с режимом наложения Overlay. Наложение может работать лучше с другим изображением, но в данном случае оно слишком яркое, поэтому вместо него я выберу Мягкий свет:
Шаг 5. Уменьшите непрозрачность слоя
Для точной настройки эффекта просто уменьшите непрозрачность слоя. Вы найдете параметр «Непрозрачность» в правом верхнем углу панели «Слои», прямо напротив параметра «Режим наложения». Значение непрозрачности по умолчанию равно 100%. Чем больше вы его опускаете, тем больше будет просвечивать исходная фотография под слоем «Мягкое свечение». Другими словами, мы увидим больше исходного изображения и меньше размытого изображения.
Чтобы изменить значение прозрачности, нажмите маленькую стрелку справа от текущего значения, затем перетащите ползунок. Я уменьшу свое значение примерно до 75%, но опять же, вам нужно следить за своим изображением, когда вы перетаскиваете ползунок, чтобы оценить результаты:
Вот мой окончательный эффект мягкого свечения после снижения непрозрачности:
И вот оно! Это быстрый и простой способ добавить эффект мягкого свечения к изображению с помощью Photoshop!
Но теперь, когда я закончил, что, если мне не очень понравится результат? Я выбрал тонкое свечение, но что, если бы более сильное, более «мечтательное» свечение сработало бы лучше? Как я могу вернуться и изменить его? Я имею в виду, что я могу легко изменить режим наложения с «Мягкий свет» на «Перекрытие» (и наоборот), и я могу попробовать изменить значение непрозрачности слоя, но это не совсем то, что я хочу делать. Я хочу вернуться и отрегулировать степень размытия, которую я применил с помощью фильтра «Размытие по Гауссу» еще на шаге 3. Как мне это сделать?
Короткий ответ: я не могу, и именно здесь возникает проблема с этим способом создания эффекта мягкого свечения. Как только мы нажали "ОК", чтобы закрыть фильтр "Размытие по Гауссу", мы зафиксировали эффект размытия. к слою. Другими словами, мы внесли постоянное изменение или, по крайней мере, такое, которое нельзя легко отменить. Лучше всего оставить весь эффект, включая фильтр размытия по Гауссу, полностью редактируемым от начала до конца. Таким образом, даже после того, как эффект завершен, мы все еще можем вернуться и попробовать разные степени размытия, чтобы убедиться, что получаем наилучший результат.
Как же нам это сделать? Мы делаем это, используя мощные смарт-объекты и смарт-фильтры Photoshop. Они могут показаться пугающими, но на самом деле они очень просты в использовании. На самом деле ими так же легко пользоваться, как и обычными слоями и фильтрами в Photoshop, но они дают нам гораздо больше гибкости.
В следующем уроке мы узнаем, как создать точно такой же эффект мягкого свечения, сохраняя при этом возможность редактирования каждого шага. Итак, если вы готовы поднять свои навыки Photoshop на новый уровень, перейдите к руководству «Редактируемое мягкое свечение со смарт-фильтрами». До встречи!
В этом простом руководстве художник-график Эрика Ларсон демонстрирует, как она подсвечивает изображение, добавляя неоновый эффект в Adobe Photoshop.
Художник-график Эрика Ларсон каждый день придумывает вдохновляющие проекты в качестве помощника креативного директора в команде Adobe Studio. Другими словами, она делает вещи, которые вызывают у других желание делать вещи.
Что вам понадобится
В этом образце содержатся изображения Adobe Stock, которые вы можете использовать, чтобы попрактиковаться в изучении этого руководства. Если вы хотите использовать образец файла помимо этого руководства, вы можете приобрести лицензию на Adobe Stock. Ознакомьтесь с файлом ReadMe в папке, чтобы узнать об условиях, применимых к использованию вами этого примера файла.
Фотокомпозит из пурпурного треугольника, нарисованного вокруг руки на черно-белом изображении
С помощью инструмента "Перо" Ларсон щелкнул по трем точкам, чтобы нарисовать треугольник вокруг руки. Вы можете нарисовать любую фигуру на изображении и, выбрав новый слой «Форма», щелкнуть значок «Добавить стиль слоя» на панели «Слои» и выбрать «Внешнее свечение».
Создать свечение
Поэкспериментируйте с разными цветами и настройками внешнего свечения. Ларсон остановился на ярко-пурпурном. Затем она установила внутреннее свечение, изменила режим наложения на «Умножение» и применила тот же пурпурный цвет.
Конвертировать и маскировать
Ларсон щелкнул правой кнопкой мыши слой «Фигура» и выбрал «Преобразовать в смарт-объект». Затем она добавила маску к слою Shape.
Скрыть и показать
Ларсон хотел скрыть треугольник сразу за запястьем. Чтобы скрыть части вашей неоновой формы, установите для инструмента «Кисть» черный цвет, выберите маску (белый значок на слое) и кистью удалите эти участки. Чтобы изменить эффект, просто измените цвет кисти на белый и прокрасьте маску, чтобы снова выявить детали.
Ярко сиять
От экранов компьютеров до афиши кинотеатров: неоновый дизайн присутствует повсюду. Теперь пришло время создать собственный дизайн и засиять ярким светом.
Примечание. Файлы проекта, включенные в это руководство, предназначены только для практических целей.
Еще один год, это наш 11-й день здесь, на земле Абдузеедо, и мы не можем поверить, что прошло уже больше десяти лет. Мы начинали как веб-сайт для вдохновения и учебных пособий, особенно учебник по Photoshop. Оглядываясь назад, безумно думать, что мы создали и опубликовали сотни руководств по использованию Photoshop, Illustrator, Pixelmator и других инструментов.В этом году я решил пересмотреть некоторые из самых популярных, чтобы посмотреть, что можно улучшить. Итак, для начала я хотел бы поделиться простым способом создания эффекта неонового света в Photoshop. Это очень просто, а результат даже лучше, чем предыдущий. Надеюсь, вам понравится, и вы сообщите мне, какой эффект мы должны сделать дальше.
Учебник по Photoshop
Шаг 1
Шаг 2
Импортируйте логотип, который хотите использовать. Я использую внешнюю версию логотипа Abduzeedo. Вот еще один важный момент: толщина контура/штриха также влияет на реализм.
Шаг 3
Теперь стиль слоя. Довольно много, но важных вещей изменилось в стиле слоя с тех пор, как я написал учебник по Neon более 5 лет назад. Самое важное для меня то, что у вас может быть несколько стилей, например, у вас может быть более одной Drop Shadow или Inner Shadow. Это определенно очень полезно для таких световых эффектов.
Первое, что нужно сделать, это добавить наложение цвета и использовать белый цвет в качестве цвета. Если вы посмотрите, как работает неон, вы увидите, что центр трубки очень белый, а цвет становится более заметным по краям. Это то, что мы постараемся воспроизвести.
Шаг 4
Итак, для Bevel & Emboss. Эта часть предназначена только для того, чтобы придать нашей форме стеклянный вид. В этом нет необходимости, если вы посмотрите на то, как работают неоновые огни, но, опять же, это придает больше глубины. Ниже вы можете увидеть значения.
Шаг 5
Внутренняя тень начнет придавать нужный нам реализм. Цветовое наложение, которое мы используем, — это цвет, который мы хотим, чтобы наш неоновый свет был. Я использую приятный голубой цвет.
Шаг 6
Внутреннее свечение — это то же самое, оно усилит сочетание синего с белым. Ниже вы можете увидеть значения.
Шаг 7
Внешнее свечение создает световой эффект или то, как свет взаимодействует с фоном и другими объектами. Вы можете видеть, что я использую максимальный размер и режим наложения для режима наложения с тем же голубым цветом, который я хочу, чтобы световой эффект был.
Шаг 8
Тени создадут смесь света. Вы можете добиться этого, используя Vivid Light или Color Dodge. Я использую 2 Drop Shadows. Первый будет вести себя как внешнее свечение, а второй будет светом, отражающимся на фоне. Он будет немного ниже или выше в зависимости от того, под каким углом вы хотите, чтобы люди видели логотип.
Шаг 9
Вот первоначальный результат с простым стилем слоя
Шаг 10
Теперь добавим текстуру бетона для фона. Это немного затемнит ситуацию.
Шаг 11
Здесь вы можете добавить небольшие элементы, такие как винты, провода. Это довольно просто, и они не требуют слишком много деталей.
Шаг 12
Чтобы соединить неон с проводом, нам нужно добавить некоторые элементы, чтобы создать впечатление, что неон находится немного далеко от стены. Я просто использовал прямоугольник со стилем слоя, как вы можете видеть ниже.
Заключение
Есть еще две важные вещи, которые вы можете сделать, чтобы это выглядело потрясающе. После того, как вы закончите свой дизайн, выберите все слои и дублируйте их. Сразу после этого объедините их в один слой и перейдите в Фильтр > Размытие > Размытие по Гауссу. Используйте размер больше 20. Дублируйте этот слой. У вас будет 2 слоя, сделайте один ниже с наложением для режима наложения, а другой на верхнем экране с непрозрачностью 50%. Это создаст крутой эффект свечения.
Ваш дизайн готов, теперь вы можете воспроизвести его для других проектов и даже сохранить как стиль.
Обведение изображения в Photoshop упрощается благодаря панели стилей слоя и параметру обводки. Используя эти два инструмента, вы можете создать контур всего изображения или вокруг определенного выделения всего за несколько кликов. Здесь вы узнаете, как использовать эти инструменты для обводки изображения в Photoshop с помощью сплошного цвета, градиента или наложения текстуры! Приступим.
Чтобы обвести изображение в Photoshop, дважды щелкните слой, чтобы открыть панель «Стили слоя». Выберите стиль «Обводка» и установите тип обводки «Снаружи». Отсюда просто измените цвет и ширину контура, чтобы они соответствовали желаемому виду!
Видеоруководство
Как выделить края изображения
Первый способ обвести изображение в Photoshop — обвести всю фотографию. Вместо того, чтобы фокусироваться на определенной части изображения, этот эффект создаст рамку вокруг всего изображения.
Это один из самых простых методов, поскольку вам не нужно делать какие-либо выборки. Всего несколько кликов, и регулировка обводки сделает свое дело!
Вот как это сделать:
Дублируйте слой, вокруг которого хотите создать границу. Таким образом, у вас всегда будет резервный слой, если что-то пойдет не так. Используйте сочетание клавиш Command + J (Mac) или Control + J (ПК), чтобы дублировать слой.
Если у вас уже есть большая группа слоев, продублируйте и объедините их, используя Command + Option + Shift + E (Mac) или Control + Alt + Shift + E (PC). Этот ярлык создаст новый объединенный слой, в который будет добавлен ваш контур.
Затем дважды щелкните дублированный слой, чтобы открыть панель стилей слоя.
Выберите «Инсульт».
Установите положение обводки «внутри» и оставьте непрозрачность равной 100%.
Установите тип заливки «цвет» и выберите цвет, которым хотите обвести фотографию.
Когда все настроено, отрегулируйте размер обводки с помощью ползунка размера. Этот вариант полностью зависит от вас, и здесь нет правильного или неправильного.
Результат
Всего за несколько кликов вы успешно обвели изображение в Photoshop с помощью параметра «Обводка».Этот инструмент — самый простой способ создать рамку вокруг изображения, поскольку он не создает дополнительных слоев.
Как обвести вырезанное изображение
Возможно, вы не хотите создавать контур вокруг всей фотографии, а вместо этого просто выделяете определенный участок. В этом примере я покажу вам, как выделить объект на фотографии, оставив остальную часть изображения нетронутой.
Этот метод требует некоторых базовых знаний инструментов выделения в Photoshop. Тем не менее, я расскажу о самом простом инструменте выделения для этой техники.
Вот как это сделать:
Возьмите инструмент выделения объектов, нажав W, или найдите его на панели инструментов.
Этот инструмент доступен только в Photoshop CC 2020 и более поздних версиях. Если вы используете более раннюю версию, вы можете вместо этого использовать инструмент быстрого выбора.
При активном инструменте «Выбор объекта» установите режим «прямоугольник» и установите флажки «улучшить край» и «вычесть объект».
Чтобы сделать выбор, нажмите и перетащите прямоугольную область выделения вокруг объекта. Как только объект помещается в это поле, отпустите его, и Photoshop сделает выделение вокруг объекта.
Если ваш объект находится на однотонном фоне, вы можете вместо этого нажать «выбрать тему», чтобы ускорить этот процесс.
При активном выделении вокруг объекта нажмите Command + J (Mac) или Control + J (ПК), чтобы дублировать выделение на новый слой.
Дважды щелкните новый слой, чтобы открыть панель стилей слоя.
Выберите «Инсульт».
Установите положение «снаружи» и оставьте непрозрачность на уровне 100%.
Установите для типа заливки значение "цвет" и выберите цвет, которым будет обрамлено выделение.
Наконец, установите размер обводки с помощью ползунка обводки. Это увеличит размер контура вокруг выреза.
Результат
Отделив объект от фона, вы можете использовать функцию обводки для относительно быстрого создания контура. Хотя в этом методе есть дополнительный шаг по созданию выделения, это все же простой способ добавить контур к изображению в Photoshop.
Как обвести изображение несколькими цветами
Просто выбрать один цвет для границы изображения может быть скучно. Почему бы не оживить его и не добавить в смесь несколько дополнительных цветов? К счастью, это легко сделать, и это можно сделать за считанные секунды после того, как ваш первоначальный план будет завершен.
Вот как это сделать:
После того как вы выполнили первоначальную работу по созданию первого штриха, вы готовы добавить второй цвет.
Чтобы добавить второй цвет к контуру, нажмите значок плюса рядом с параметром обводки на панели стилей слоя.
Появится второй вариант обводки, который вы можете начать редактировать. Оставьте все настройки без изменений, но соответствующим образом измените значения цвета и размера.
Чтобы получить наилучшие результаты, убедитесь, что второй штрих немного больше первого. Таким образом, вы можете видеть оба цвета одновременно.
Если вы хотите добавить больше цветов, продолжайте эти шаги, пока не будете удовлетворены результатами!
Результат
Просто добавив вторую обводку, вы можете сделать обведенные изображения в Photoshop более интересными. Эту технику можно использовать для обрамления всей фотографии или вокруг вырезанного объекта.
Как добавить градиентный контур к изображению
Чтобы сделать еще один шаг вперед, вы можете добавить градиент к любому контуру изображения, который вы создаете. Все, что для этого нужно, — это быстро изменить параметр типа заливки на панели стилей слоя!
После создания первоначального контура измените тип заливки с "цвет" на "градиент".
Появится несколько различных параметров, но первый, на котором следует сосредоточиться, – это цвет градиента. Просто нажмите на поле градиента, чтобы открыть редактор градиентов.
В редакторе градиентов вы можете создать свой собственный градиент или выбрать один из множества готовых параметров.
Чтобы создать градиент, нажмите образцы цвета в любом конце области предварительного просмотра градиента. Появится палитра цветов, позволяющая изменить цвет.
Чтобы использовать предустановленный градиент, просмотрите готовые папки и выберите нужный вариант. В этом примере я возьму один из градиентов в папке «Апельсины».
Теперь, когда цвет градиента задан, выберите угол градиента, вращая выравнивание угла. Этот параметр меняет начало и конец градиента.
Затем установите масштаб градиента, чтобы сделать переход мягче или жестче. Крупный масштаб создаст плавный переход между каждым цветом, а мелкий масштаб будет иметь более резкие линии.
Наконец выберите тип градиента, который вы хотите использовать. Если вы не уверены, оставьте для этого параметра значение «Линейный».
Результат
Создание градиентного контура в Photoshop – это интересный способ добавить изюминку варианту обводки. Хотя он может подойти не для каждого изображения, с ним стоит поэкспериментировать!
Как обвести изображение текстурой
Последний способ обвести изображение в Photoshop — создать текстуру или узор для рамки. Это еще один простой вариант, который вы можете использовать после того, как создали первоначальный контур вокруг фотографии.
После создания исходного контура измените тип заливки с "цвет" на "узор".
Нажмите на поле шаблона, чтобы получить доступ к новым шаблонам.
Есть несколько параметров по умолчанию, которые вы можете использовать или скачать бесплатно из Интернета.
Здесь вы можете узнать, как импортировать узоры в Photoshop.
После того как вы определились с шаблоном контура изображения, при необходимости отрегулируйте угол.Это изменяет ориентацию узора, чтобы он лучше совпадал с контуром.
Наконец, установите масштаб рисунка так, чтобы он наилучшим образом соответствовал желаемому виду.
Результат
Добавление текстуры или узора к контуру изображения в Photoshop — еще один отличный способ добавить немного художественного чутья.
Заключение
Научиться обводить изображение в Photoshop легко, если вы используете панель стилей слоя и параметры обводки. Этот метод упрощает процесс и позволяет легко регулировать размер контура. Лучше всего то, что вы можете добавлять дополнительные эффекты на панели стилей слоя, такие как градиенты, узоры или несколько цветов обводки!
Хотите больше подобных руководств? Подпишитесь на нашу еженедельную рассылку, чтобы получать больше фотографий и советы по редактированию фотографий прямо на ваш почтовый ящик!
Читайте также: