Как создать размытую границу в 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

Как отключить запрос проверки на iPhone при установке бесплатных приложений

Как отключить запрос проверки на iPhone при установке бесплатных приложений

Появление сообщения «Требуется проверка» каждый раз, когда вы хотите установить приложение из App Store, может раздражать, особенно если приложение бесплатное. Вот как отключить эти раздражающие запросы на проверку на вашем iPhone.

Исправлено отсутствие видеосигнала при подключении телевизора через HDMI

Исправлено отсутствие видеосигнала при подключении телевизора через HDMI

Очень неприятно подключать кабель HDMI к телевизору и не видеть изображения. К счастью, большинство исправлений просты и недороги.

6 лучших приложений для установки на Smart TV

6 лучших приложений для установки на Smart TV

Хотя вы можете использовать его для игр на своей консоли или просмотра фильмов и шоу на любимой потоковой платформе, телеканале или по кабельной подписке, знаете ли вы, что он может делать гораздо больше?

Apple, возможно, готовится интегрировать Gemini в Apple Intelligence

Apple, возможно, готовится интегрировать Gemini в Apple Intelligence

Код, обнаруженный в недавно выпущенной бета-версии iOS 18.4, позволяет предположить, что Apple готовит альтернативу интеграции ChatGPT в Apple Intelligence, скорее всего, Google Gemini.

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

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

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

Последний код Black Goddess и как его использовать

Последний код Black Goddess и как его использовать

Если вы хотите получить алмазы, генералов ССР, лотерейные билеты и многое другое, используйте код Black Goddess и получите награды.

Советы по игре Doggo Go на уровне 2, как играть в Doggo Go на уровне 2

Советы по игре Doggo Go на уровне 2, как играть в Doggo Go на уровне 2

В настоящее время Doggo Go — это мобильная игра, в которой только 1% игроков в мире могут пройти уровень 2.

Apple Watch Ultra 3 могут стать первыми умными часами с поддержкой спутниковой связи

Apple Watch Ultra 3 могут стать первыми умными часами с поддержкой спутниковой связи

Говорят, что Apple Watch Ultra 3 оснастят новым уникальным средством связи. Марк Гурман из Bloomberg только что раскрыл новые захватывающие подробности о будущих смарт-часах.

Самые популярные поисковые запросы в 2024 году

Самые популярные поисковые запросы в 2024 году

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

Samsung переносит замечательную функцию видеозаписи с телефонов Pixel на Galaxy

Samsung переносит замечательную функцию видеозаписи с телефонов Pixel на Galaxy

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

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

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

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

Множественный выбор по общим научным знаниям

Множественный выбор по общим научным знаниям

Тесты по естественным наукам помогут вам закрепить и расширить свои знания об окружающем мире. Давайте ответим на вопросы общего уровня знаний ниже!

Как защитить телевизор, холодильник, стиральную машину от плесени в сезон дождей

Как защитить телевизор, холодильник, стиральную машину от плесени в сезон дождей

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

Сравнивая конденсаторные сушилки, вентилируемые сушилки и сушилки с тепловым насосом, в чем разница? Какой из них мне следует купить?

Сравнивая конденсаторные сушилки, вентилируемые сушилки и сушилки с тепловым насосом, в чем разница? Какой из них мне следует купить?

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

Как добавить корзину в проводник

Как добавить корзину в проводник

Это руководство покажет вам все шаги, необходимые для отображения корзины в проводнике, независимо от того, используете ли вы Windows 10 или Windows 11.