Home
» Wiki
»
Как создать размытую границу в Photoshop
Как создать размытую границу в Photoshop
Зарегистрируйтесь и зарабатывайте 1000$ в день ⋙
Виньетка — классический и неподвластный времени эффект, который затемняет края фотографии, чтобы сфокусировать и привлечь внимание к объекту. Виньетки также могут придать фотографии винтажный или ностальгический вид или добавить ощущение таинственности или драматизма.
А с живыми градиентами в Photoshop 2023 создавать эффекты виньетирования стало проще, чем когда-либо. Термин «Живой градиент» означает, что все свойства градиента, включая цвет, размер и положение, остаются доступными для редактирования после отрисовки градиента.
Объединив гибкость живых градиентов с классическим градиентом Photoshop от переднего плана к прозрачному, мы можем добавить эффект виньетки с полным контролем над внешним видом этого эффекта.
Шаг 1: Уменьшите изображение.
Сначала уменьшите масштаб, чтобы добавить немного пространства вокруг изображения. При рисовании градиента нам понадобится пространство.
Чтобы уменьшить масштаб, перейдите в меню «Вид» на панели меню и выберите команду «Уменьшить масштаб» .
Перейдите в меню Вид > Уменьшить.
Вокруг фотографии вы увидите несколько участков серого картона.
Результат после уменьшения в Photoshop
Шаг 2: Выберите инструмент «Градиент»
Затем выберите инструмент «Градиент» на панели инструментов.
Выберите инструмент «Градиент» на панели инструментов Photoshop.
Шаг 3: Установите черный цвет переднего плана.
Оставаясь на панели инструментов, убедитесь, что цвет переднего плана установлен на черный.
Если нет, нажмите клавишу D на клавиатуре, чтобы сбросить цвета переднего плана и фона до значений по умолчанию (черный для переднего плана и белый для фона).
Образец цвета переднего плана на панели инструментов Photoshop.
Шаг 4: Установите режим инструмента на Градиент
Затем на панели параметров убедитесь, что режим инструмента (новый в Photoshop 2023) установлен на значение «Градиент», что является значением по умолчанию.
Градиент — это настройка, необходимая нам для рисования живого градиента. Другой вариант, «Классический градиент», заставляет инструмент «Градиент» вести себя так же, как в более ранних версиях Photoshop, что не сработает для нашего эффекта виньетки.
Режим инструмента необходимо установить на Градиент.
Шаг 5: Выберите градиент от переднего плана к прозрачному
Для создания эффекта виньетки нам понадобится градиент Photoshop от переднего плана к прозрачному.
Кликните по образцу градиента, чтобы открыть палитру предустановок градиента.
Щелкните по образцу градиента, чтобы открыть палитру «Предустановки градиента» в Photoshop.
Поверните, чтобы открыть папку Basic, и выберите градиент от переднего плана к прозрачному (миниатюра посередине).
Затем нажмите Enter на ПК с Windows или Return на Mac, чтобы закрыть окно выбора предустановок.
Выберите градиент от переднего плана к прозрачному в Photoshop
Шаг 6: Установите стиль градиента на «Линейный»
Рядом с панелью предварительного просмотра градиента находятся значки стилей градиента.
Для этого эффекта виньетки выберите стиль «Радиальный» (второй значок слева), который будет рисовать градиент наружу от центра.
Установите в Photoshop тип градиента на Радиальный.
Шаг 7: Включите опцию «Обратный ход»
Также на панели параметров включите опцию «Обратный» , установив соответствующий флажок.
Если пропустить этот шаг, эффект виньетки не сработает.
Измените направление градиента на противоположное.
Оставьте параметр Dither включенным, а метод — Perceptual. Оба варианта являются настройками по умолчанию. И теперь мы готовы нарисовать градиент.
Параметры Dither и Method по умолчанию для инструмента Gradient в Photoshop.
Шаг 8: Нарисуйте радиальный градиент, чтобы добавить начальный эффект виньетки.
Нажмите и удерживайте изображение в том месте, где вы хотите разместить центр эффекта виньетки. Не беспокойтесь о правильном размещении, так как с помощью живых градиентов мы можем изменить положение градиента после рисования.
Затем, удерживая кнопку мыши, перетащите указатель от этой позиции, чтобы расширить градиент наружу.
Центр градиента прозрачен, что позволяет видеть изображение под ним, поскольку градиент постепенно переходит в черный цвет по внешнему краю.
Начните рисовать градиент от переднего плана к прозрачному по всему изображению.
Если вы видите черный цвет в середине и прозрачность по краям, это значит, что вы забыли включить опцию «Обратный ход» на предыдущем шаге. Итак, включите эту опцию.
Градиент отображается в неправильном направлении, если не выбран параметр «Обратный».
Затем продолжайте рисовать градиент наружу. Обычно требуется расширить градиент за пределы краев изображения, чтобы углы не выглядели слишком темными (именно поэтому изображение было уменьшено на шаге 1).
Расширьте градиент за края изображения.
На панели «Слои» градиент отображается на собственном слое «Градиентная заливка». Это позволяет разделить градиент и изображение, чтобы мы могли редактировать градиент дальше.
Панель «Слои» в Photoshop, на которой показан новый слой «Градиентная заливка».
Шаг 9: Измените положение эффекта виньетки вокруг объекта.
Теперь, когда вы нарисовали градиент, вы можете изменить его положение, перетащив круглую контрольную точку цвета в середине. Это позволяет легко центрировать виньетку вокруг объекта или размещать ее в любом месте по вашему желанию. Например, перетащите центр градиента немного вправо.
Переместите центр градиента, чтобы изменить положение эффекта виньетки.
После перемещения градиента вам может потребоваться изменить его размер, перетащив контрольную точку цвета на внешнем крае. В примере это будет выглядеть немного шире.
Измените размер градиента после изменения положения.
Шаг 10: Расширьте прозрачную область в середине.
Если эффект виньетки делает ваш объект слишком темным, вы можете расширить прозрачную область в середине градиента.
Перейдите на панель «Свойства» и прокрутите вниз до пункта «Управление непрозрачностью» . Возможно, вам придется повернуть их, чтобы открыть.
Управление непрозрачностью на панели «Свойства» Photoshop.
Затем нажмите на белый ограничитель прозрачности справа и начните перетаскивать его влево, но следите за изображением.
Перетащите белый ограничитель прозрачности влево.
Чем дальше вы перетаскиваете, тем дальше от центра будет отодвигаться прозрачность, тем самым темные области будут смещаться ближе к краям и восстанавливаться первоначальная яркость объекта.
Темные части градиента смещены ближе к краю.
Шаг 11: Измените цвет эффекта виньетки.
Использование черного цвета для эффекта виньетки может сделать эффект тусклым. Чтобы выбрать другой цвет, дважды щелкните по цветовой точке на внешнем крае градиента.
Дважды щелкните по внешней цветовой точке, чтобы изменить цвет.
Затем выберите новый цвет из палитры цветов или щелкните область изображения, чтобы взять образец цвета.
Образцы цветов с изображения для использования в эффекте виньетки.
Затем, поскольку в примере этот цвет используется для создания эффекта затемнения, в палитре цветов будет выбрана гораздо более темная и насыщенная версия.
По завершении нажмите кнопку «ОК» , чтобы закрыть палитру цветов.
Выберите темную и насыщенную версию выбранного цвета.
Благодаря тому, что градиент теперь стал темно-коричневым вместо черного, эффект виньетки выглядит более изящным и естественным.
Новый выбранный цвет все еще слишком темный на вкус автора, но он облегчит просмотр следующего шага, поскольку в статье показано, как скрыть эффект виньетки в светлой части.
Результат после изменения цвета эффекта виньетки.
Шаг 12: Восстановите яркость в светлых участках
Одна из проблем эффекта виньетирования заключается в том, что он затемняет яркие участки. На примере изображения это очень заметно на небе.
Чтобы уменьшить эффект виньетки в ярких областях, щелкните значок fx в нижней части панели «Слои».
Щелкните значок fx на панели «Слои» в Photoshop.
Затем выберите «Параметры наложения» в верхней части списка.
Откройте параметры смешивания.
В нижней части диалогового окна «Стиль слоя» найдите ползунок «Подлежащий слой» (нижняя из двух полос).
Ползунок «Базовый слой» в Photoshop.
Ниже справа от панели находится белый ползунок подсветки.
Выделите ползунок.
Нажмите и удерживайте клавишу Alt на ПК с Windows или клавишу Option на Mac. Затем, удерживая клавишу со стрелкой, щелкните и перетащите в правую сторону.
Отрегулируйте ползунок.
Продолжая перетаскивать указатель влево, обратите внимание на изображение. Чем дальше вы перетащите, тем больше выделенных участков будет восстановлено, поэтому при необходимости отрегулируйте ползунок.
Перетащите ползунок, чтобы восстановить выделенные участки.
По завершении нажмите кнопку «ОК» , чтобы закрыть диалоговое окно «Стиль слоя» .
И теперь виньетка едва заметна на небе (яркие пятна), при этом края и углы в нижней половине изображения по-прежнему затемнены.
Светлые участки теперь отображаются с помощью эффекта виньетки.
Шаг 13: Измените режим наложения на Soft Light.
Еще один способ сделать виньетку более естественной — изменить режим наложения на панели «Слои».
При активном слое «Градиентная заливка» измените режим наложения с «Нормальный» на «Мягкий свет» .
Измените режим наложения слоя «Градиентная заливка» на «Мягкий свет».
В то время как режим наложения «Обычный» (по умолчанию) просто затемняет изображение, «Мягкий свет» больше похож на эффект освещения, лучше смешивая размытие и изображение.
Измените режим наложения слоя «Градиентная заливка» на «Мягкий свет».
Шаг 14: При необходимости отрегулируйте размер или положение эффекта.
Внесите окончательные изменения в размер или положение эффекта перехода, перетаскивая контрольные точки цвета.
Внесите окончательные изменения в размер и положение эффекта виньетки.
Шаг 15: Размойте эффект виньетки, уменьшив непрозрачность.
Наконец, если эффект виньетки выглядит слишком сильным, вы можете смягчить размытие, уменьшив непрозрачность слоя «Градиентная заливка» на панели «Слои».
Например, уменьшите непрозрачность до 80%.
Внесите окончательные изменения в размер и положение эффекта виньетки.
Как скрыть элементы управления градиентом в реальном времени
Чтобы скрыть элементы управления градиентом и лучше рассмотреть эффект виньетки, выберите фоновый слой на панели «Слои», чтобы отменить выбор слоя «Градиентная заливка».
Повторный выбор слоя «Градиентная заливка» вернет элементы управления градиентом.
Скройте элементы управления градиентом, выбрав другой слой.
А вот и окончательный эффект виньетки.
Эффект виньетки добавлен к фотографии с помощью Photoshop.