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

Зарегистрируйтесь и зарабатывайте 1000$ в день ⋙

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

А с живыми градиентами в 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

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

Sign up and earn $1000 a day ⋙

Leave a Comment

Разница между обычным телевизором и Smart TV

Разница между обычным телевизором и Smart TV

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

Почему в морозильной камере нет подсветки, а в холодильнике есть?

Почему в морозильной камере нет подсветки, а в холодильнике есть?

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

2 способа устранения перегрузки сети, которая замедляет Wi-Fi

2 способа устранения перегрузки сети, которая замедляет Wi-Fi

На сети Wi-Fi влияют многие факторы, помимо маршрутизаторов, пропускной способности и помех, но есть несколько разумных способов улучшить работу вашей сети.

Как перейти с iOS 17 на iOS 16 без потери данных с помощью Tenorshare Reiboot

Как перейти с iOS 17 на iOS 16 без потери данных с помощью Tenorshare Reiboot

Если вы хотите вернуться к стабильной версии iOS 16 на своем телефоне, вот базовое руководство по удалению iOS 17 и понижению версии с iOS 17 до 16.

Что происходит с организмом, если вы едите йогурт каждый день?

Что происходит с организмом, если вы едите йогурт каждый день?

Йогурт — замечательная еда. Полезно ли есть йогурт каждый день? Как изменится ваше тело, если вы будете есть йогурт каждый день? Давайте узнаем вместе!

Какой вид риса лучше всего подходит для здоровья?

Какой вид риса лучше всего подходит для здоровья?

В этой статье рассматриваются наиболее питательные виды риса и способы максимально увеличить пользу для здоровья любого выбранного вами вида риса.

Как просыпаться вовремя утром

Как просыпаться вовремя утром

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

Советы по игре Rent Please! Симулятор арендодателя для новичков

Советы по игре Rent Please! Симулятор арендодателя для новичков

Арендуйте, пожалуйста! Landlord Sim — мобильная игра-симулятор для iOS и Android. Вы будете играть за владельца жилого комплекса и начнете сдавать квартиры в аренду, чтобы улучшить интерьер своих апартаментов и подготовить их к приему арендаторов.

Последние коды защиты башни в ванной и как вводить коды

Последние коды защиты башни в ванной и как вводить коды

Получите игровой код Bathroom Tower Defense Roblox и обменяйте его на потрясающие награды. Они помогут вам улучшить или разблокировать башни с более высоким уроном.

Конструкция, обозначения и принципы работы трансформаторов

Конструкция, обозначения и принципы работы трансформаторов

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

4 способа, которыми ИИ делает умные телевизоры лучше

4 способа, которыми ИИ делает умные телевизоры лучше

От лучшего качества изображения и звука до голосового управления и многого другого — эти функции на базе искусственного интеллекта делают смарт-телевизоры намного лучше!

Почему ChatGPT лучше DeepSeek

Почему ChatGPT лучше DeepSeek

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

Встречайте Fireflies.ai: бесплатный секретарь на базе искусственного интеллекта, который сэкономит вам часы работы

Встречайте Fireflies.ai: бесплатный секретарь на базе искусственного интеллекта, который сэкономит вам часы работы

Легко упустить важные детали, записывая другие важные вещи, а попытки делать заметки во время общения могут отвлекать. Решение — Fireflies.ai.

Как вырастить Аксолотля Майнкрафт, приручить Саламандру Майнкрафт

Как вырастить Аксолотля Майнкрафт, приручить Саламандру Майнкрафт

Аксолот в Minecraft станет отличным помощником для игроков при действиях под водой, если они знают, как им пользоваться.

A Quiet Place: The Road Ahead Конфигурация игры для ПК

A Quiet Place: The Road Ahead Конфигурация игры для ПК

Конфигурация A Quiet Place: The Road Ahead имеет довольно высокий рейтинг, поэтому вам нужно будет рассмотреть ее перед принятием решения о загрузке.