Как создать размытую границу в Photoshop

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

А с живыми градиентами в Photoshop 2023 создавать эффекты виньетирования стало проще, чем когда-либо. Термин «Живой градиент» означает, что все свойства градиента, включая цвет, размер и положение, остаются доступными для редактирования после отрисовки градиента.

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

Шаг 1: Уменьшите изображение.

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

Чтобы уменьшить масштаб, перейдите в меню «Вид» на панели меню и выберите команду «Уменьшить масштаб» .

Как создать размытую границу в Photoshop
Перейдите в меню Вид > Уменьшить.

Вокруг фотографии вы увидите несколько участков серого картона.

Как создать размытую границу в Photoshop
Результат после уменьшения в Photoshop

Шаг 2: Выберите инструмент «Градиент»

Затем выберите инструмент «Градиент» на панели инструментов.

Как создать размытую границу в Photoshop
Выберите инструмент «Градиент» на панели инструментов Photoshop.

Шаг 3: Установите черный цвет переднего плана.

Оставаясь на панели инструментов, убедитесь, что цвет переднего плана установлен на черный.

Если нет, нажмите клавишу D на клавиатуре, чтобы сбросить цвета переднего плана и фона до значений по умолчанию (черный для переднего плана и белый для фона).

Как создать размытую границу в Photoshop
Образец цвета переднего плана на панели инструментов Photoshop.

Шаг 4: Установите режим инструмента на Градиент

Затем на панели параметров убедитесь, что режим инструмента (новый в Photoshop 2023) установлен на значение «Градиент», что является значением по умолчанию.

Градиент — это настройка, необходимая нам для рисования живого градиента. Другой вариант, «Классический градиент», заставляет инструмент «Градиент» вести себя так же, как в более ранних версиях Photoshop, что не сработает для нашего эффекта виньетки.

Как создать размытую границу в Photoshop
Режим инструмента необходимо установить на Градиент.

Шаг 5: Выберите градиент от переднего плана к прозрачному

Для создания эффекта виньетки нам понадобится градиент Photoshop от переднего плана к прозрачному.

Кликните по образцу градиента, чтобы открыть палитру предустановок градиента.

Как создать размытую границу в Photoshop
Щелкните по образцу градиента, чтобы открыть палитру «Предустановки градиента» в Photoshop.

Поверните, чтобы открыть папку Basic, и выберите градиент от переднего плана к прозрачному (миниатюра посередине).

Затем нажмите Enter на ПК с Windows или Return на Mac, чтобы закрыть окно выбора предустановок.

Как создать размытую границу в Photoshop
Выберите градиент от переднего плана к прозрачному в Photoshop

Шаг 6: Установите стиль градиента на «Линейный»

Рядом с панелью предварительного просмотра градиента находятся значки стилей градиента.

Для этого эффекта виньетки выберите стиль «Радиальный» (второй значок слева), который будет рисовать градиент наружу от центра.

Как создать размытую границу в Photoshop
Установите в Photoshop тип градиента на Радиальный.

Шаг 7: Включите опцию «Обратный ход»

Также на панели параметров включите опцию «Обратный» , установив соответствующий флажок.

Если пропустить этот шаг, эффект виньетки не сработает.

Как создать размытую границу в Photoshop
Измените направление градиента на противоположное.

Оставьте параметр Dither включенным, а метод — Perceptual. Оба варианта являются настройками по умолчанию. И теперь мы готовы нарисовать градиент.

Как создать размытую границу в Photoshop
Параметры Dither и Method по умолчанию для инструмента Gradient в Photoshop.

Шаг 8: Нарисуйте радиальный градиент, чтобы добавить начальный эффект виньетки.

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

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

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

Как создать размытую границу в Photoshop
Начните рисовать градиент от переднего плана к прозрачному по всему изображению.

Если вы видите черный цвет в середине и прозрачность по краям, это значит, что вы забыли включить опцию «Обратный ход» на предыдущем шаге. Итак, включите эту опцию.

Как создать размытую границу в Photoshop
Градиент отображается в неправильном направлении, если не выбран параметр «Обратный».

Затем продолжайте рисовать градиент наружу. Обычно требуется расширить градиент за пределы краев изображения, чтобы углы не выглядели слишком темными (именно поэтому изображение было уменьшено на шаге 1).

Как создать размытую границу в Photoshop
Расширьте градиент за края изображения.

На панели «Слои» градиент отображается на собственном слое «Градиентная заливка». Это позволяет разделить градиент и изображение, чтобы мы могли редактировать градиент дальше.

Как создать размытую границу в Photoshop
Панель «Слои» в Photoshop, на которой показан новый слой «Градиентная заливка».

Шаг 9: Измените положение эффекта виньетки вокруг объекта.

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

Как создать размытую границу в Photoshop
Переместите центр градиента, чтобы изменить положение эффекта виньетки.

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

Как создать размытую границу в Photoshop
Измените размер градиента после изменения положения.

Шаг 10: Расширьте прозрачную область в середине.

Если эффект виньетки делает ваш объект слишком темным, вы можете расширить прозрачную область в середине градиента.

Перейдите на панель «Свойства» и прокрутите вниз до пункта «Управление непрозрачностью» . Возможно, вам придется повернуть их, чтобы открыть.

Как создать размытую границу в Photoshop
Управление непрозрачностью на панели «Свойства» Photoshop.

Затем нажмите на белый ограничитель прозрачности справа и начните перетаскивать его влево, но следите за изображением.

Как создать размытую границу в Photoshop
Перетащите белый ограничитель прозрачности влево.

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

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

Шаг 11: Измените цвет эффекта виньетки.

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

Как создать размытую границу в Photoshop
Дважды щелкните по внешней цветовой точке, чтобы изменить цвет.

Затем выберите новый цвет из палитры цветов или щелкните область изображения, чтобы взять образец цвета.

Как создать размытую границу в Photoshop
Образцы цветов с изображения для использования в эффекте виньетки.

Затем, поскольку в примере этот цвет используется для создания эффекта затемнения, в палитре цветов будет выбрана гораздо более темная и насыщенная версия.

По завершении нажмите кнопку «ОК» , чтобы закрыть палитру цветов.

Как создать размытую границу в Photoshop
Выберите темную и насыщенную версию выбранного цвета.

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

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

Как создать размытую границу в Photoshop
Результат после изменения цвета эффекта виньетки.

Шаг 12: Восстановите яркость в светлых участках

Одна из проблем эффекта виньетирования заключается в том, что он затемняет яркие участки. На примере изображения это очень заметно на небе.

Чтобы уменьшить эффект виньетки в ярких областях, щелкните значок fx в нижней части панели «Слои».

Как создать размытую границу в Photoshop
Щелкните значок fx на панели «Слои» в Photoshop.

Затем выберите «Параметры наложения» в верхней части списка.

Как создать размытую границу в Photoshop
Откройте параметры смешивания.

В нижней части диалогового окна «Стиль слоя» найдите ползунок «Подлежащий слой» (нижняя из двух полос).

Как создать размытую границу в Photoshop
Ползунок «Базовый слой» в Photoshop.

Ниже справа от панели находится белый ползунок подсветки.

Как создать размытую границу в Photoshop
Выделите ползунок.

Нажмите и удерживайте клавишу Alt на ПК с Windows или клавишу Option на Mac. Затем, удерживая клавишу со стрелкой, щелкните и перетащите в правую сторону.

Как создать размытую границу в Photoshop
Отрегулируйте ползунок.

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

Как создать размытую границу в Photoshop
Перетащите ползунок, чтобы восстановить выделенные участки.

По завершении нажмите кнопку «ОК» , чтобы закрыть диалоговое окно «Стиль слоя» .

И теперь виньетка едва заметна на небе (яркие пятна), при этом края и углы в нижней половине изображения по-прежнему затемнены.

Как создать размытую границу в Photoshop
Светлые участки теперь отображаются с помощью эффекта виньетки.

Шаг 13: Измените режим наложения на Soft Light.

Еще один способ сделать виньетку более естественной — изменить режим наложения на панели «Слои».

При активном слое «Градиентная заливка» измените режим наложения с «Нормальный» на «Мягкий свет» .

Как создать размытую границу в Photoshop
Измените режим наложения слоя «Градиентная заливка» на «Мягкий свет».

В то время как режим наложения «Обычный» (по умолчанию) просто затемняет изображение, «Мягкий свет» больше похож на эффект освещения, лучше смешивая размытие и изображение.

Как создать размытую границу в Photoshop
Измените режим наложения слоя «Градиентная заливка» на «Мягкий свет».

Шаг 14: При необходимости отрегулируйте размер или положение эффекта.

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

Как создать размытую границу в Photoshop
Внесите окончательные изменения в размер и положение эффекта виньетки.

Шаг 15: Размойте эффект виньетки, уменьшив непрозрачность.

Наконец, если эффект виньетки выглядит слишком сильным, вы можете смягчить размытие, уменьшив непрозрачность слоя «Градиентная заливка» на панели «Слои».

Например, уменьшите непрозрачность до 80%.

Как создать размытую границу в Photoshop
Внесите окончательные изменения в размер и положение эффекта виньетки.

Как скрыть элементы управления градиентом в реальном времени

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

Как создать размытую границу в Photoshop
Повторный выбор слоя «Градиентная заливка» вернет элементы управления градиентом.

Скройте элементы управления градиентом, выбрав другой слой.

А вот и окончательный эффект виньетки.

Эффект виньетки добавлен к фотографии с помощью Photoshop.

Как создать размытую границу в Photoshop

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

Оставить комментарий

Втянет ли Европа в гипотетическую ядерную войну между США, Израилем и Ираном? Объяснение правил НАТО.

Втянет ли Европа в гипотетическую ядерную войну между США, Израилем и Ираном? Объяснение правил НАТО.

Руководство по статьям 4 и 5 НАТО, правилам самообороны ООН и объяснение того, почему консультации не означают автоматического вступления Европы в войну.

Может ли Иран уже обладать ядерным оружием? Как интерпретировать доказательства.

Может ли Иран уже обладать ядерным оружием? Как интерпретировать доказательства.

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

Ядерные структуры США и Израиля: что на самом деле объясняют общедоступные источники.

Ядерные структуры США и Израиля: что на самом деле объясняют общедоступные источники.

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

Ормузский пролив в 2026 году: что говорят официальные источники о перебоях в судоходстве.

Ормузский пролив в 2026 году: что говорят официальные источники о перебоях в судоходстве.

Справочник по официальным данным о сбоях в судоходстве в Ормузском проливе в 2026 году, заявлениям, связанным с Ираном, подтвержденным инцидентам и тому, что остается неясным.

Может ли гипотетический ядерный удар США и Израиля по Ирану привести к Третьей мировой войне?

Может ли гипотетический ядерный удар США и Израиля по Ирану привести к Третьей мировой войне?

Основанное на источниках руководство по рискам ядерной эскалации, правилам Устава ООН и статье 5 НАТО в строго гипотетическом сценарии с Ираном.

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

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

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

Как оценить киберугрозы, не предполагая Третью мировую войну: пошаговое руководство из 5 шагов.

Как оценить киберугрозы, не предполагая Третью мировую войну: пошаговое руководство из 5 шагов.

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

Ядерная зима: как оценить глобальные климатические последствия гипотетического удара по Ирану.

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

Сколько времени может потребоваться Земле для восстановления после гипотетической ядерной войны?

Сколько времени может потребоваться Земле для восстановления после гипотетической ядерной войны?

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

Контрольный список мер по подготовке к ядерным осадкам: необходимые припасы и шаги по обустройству убежища.

Контрольный список мер по подготовке к ядерным осадкам: необходимые припасы и шаги по обустройству убежища.

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