Размытый эффект виньетки в Photoshop CS6

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

Я расскажу, шаг за шагом, все, что вам нужно знать, чтобы завершить этот эффект, но для более подробного описания того, как работает новый фильтр Iris Blur, обязательно ознакомьтесь с нашим полным руководством Iris Blur в разделе « Photo Retouch ». веб-сайта.

Как создать эффект размытой виньетки

Шаг 1: дублируем фоновый слой

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

Давайте сделаем копию этого слоя, который будет служить нашей рабочей копией изображения. Поднимитесь в меню Layer в строке меню вдоль верхней части экрана, выберите New , затем выберите Layer via Copy . Или, чтобы быстрее скопировать слой, нажмите Ctrl + J (Win) / Command + J (Mac) на клавиатуре. В любом случае будет работать:

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

Шаг 2: выберите фильтр Iris Blur

Далее мы выберем фильтр Iris Blur. Перейдите в меню « Фильтр» в верхней части экрана, выберите « Размытие» , затем выберите « Размытие в радужной оболочке» (второе сверху):

Откроется новая Blur Gallery , наша фотография появится в области предварительного просмотра , занимающей большую часть экрана. В верхнем правом углу галереи « Размытие» находится панель « Инструменты размытия», в которой отображаются параметры фильтра «Размытие Iris» — один ползунок « Размытие», который можно использовать для управления величиной размытия. На самом деле мы не собираемся использовать ползунок Blur, потому что все необходимые нам элементы управления можно найти в самой области предварительного просмотра, поэтому, по крайней мере, для этого урока вы можете игнорировать панели вдоль правой стороны галереи:

Шаг 3: Установите количество размытия

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

Если вы посмотрите на центральную точку булавки, вы увидите внешнее кольцо вокруг нее. Это кольцо служит циферблатом, который позволяет нам увеличивать или уменьшать степень размытия, просто поворачивая циферблат. Наведите курсор мыши на кольцо, затем нажмите и, удерживая нажатой кнопку мыши, перетащите по кругу по часовой стрелке, чтобы увеличить величину размытия, или перетащите против часовой стрелки, чтобы уменьшить ее. Photoshop дает вам предварительный просмотр величины размытия при перетаскивании, а HUD (Heads-Up Display) показывает точную величину размытия в пикселях. Я собираюсь установить размер размытия на 12 пикселей:

Шаг 4: Установите точку 100%

Видите ту тонкую изогнутую внешнюю линию, которая окружает все остальное? Эта линия является 100% точкой для эффекта размытия. Все, что находится за пределами этой линии, получает 100% от вашей степени размытия. Если вы посмотрите внимательно, вы увидите четыре маленькие круглые точки вокруг линии, одна сверху, снизу, слева и справа. Удерживая нажатой клавишу Shift , нажмите на точку сверху и, удерживая нажатой кнопку мыши, перетащите ее вверх, чтобы переместить линию 100% ближе к верхнему краю изображения. Оставьте немного места между точкой и краем. Нижняя точка будет двигаться вместе с ней, толкая нижнюю часть линии вниз к нижнему краю. Удерживание клавиши Shift при перетаскивании облегчает перетаскивание вертикально по прямой линии:

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

Шаг 5: Установите область перехода

Четыре большие точки между центральной точкой булавки и внешней линией 100% контролируют ширину области перехода размытия . Область фотографии, которая находится между центральной точкой и точками перехода, защищена от эффекта размытия. Затем эффект начинается с точек перехода и постепенно усиливается по мере вашего продвижения наружу, пока не достигнет полной силы на линии 100%. Нажатие и перетаскивание любой из четырех точек переместит все четыре из них вместе. Перетащите их ближе к центральной точке булавки, чтобы создать более широкий, более тонкий переход размытия, или ближе к внешней 100% линии для более узкого и резкого перехода:

Шаг 6: выберите опцию «Сохранить маску на каналы»

Прежде чем применить эффект размытия к изображению, выберите параметр « Сохранить маску на каналы» на панели параметров в верхней части экрана. Несмотря на то, что кажется, что мы не использовали его, Photoshop был занят созданием маски слоя для нас за кулисами, так как мы работали в галерее Blur, и выбрав эту опцию, мы фактически сможем используйте маску слоя, когда мы закончим:

Шаг 7: примени эффект размытия к изображению

Когда вы будете готовы, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы применить эффект размытия к изображению и выйдите из Blur Gallery. Вот как выглядит моя фотография:

Шаг 8: загрузи маску слоя как выделение

Теперь, когда мы вернулись в основной интерфейс Photoshop, переключитесь на панель « Каналы », щелкнув по вкладке с ее именем . По умолчанию каналы сгруппированы рядом с панелью слоев:

Вы найдете только что созданную нами маску слоя в виде альфа-канала с именем Blur Mask под каналами Red, Green и Blue. Нам нужно загрузить этот канал Blur Mask как выделение в нашем документе. Чтобы сделать это, удерживайте нажатой клавишу Ctrl (Win) / Command (Mac) на клавиатуре и щелкните в любом месте канала:

Схема выбора появится над изображением:

Когда закончите, переключитесь с панели «Каналы» и вернитесь на панель « Слои », нажав на вкладку «Имя слоя»:

Шаг 9: добавь корректирующий слой

При активном выделении перейдите на панель « Коррекция» и щелкните значок « Уровни» (второй слева, верхний ряд), чтобы добавить корректирующий слой «Уровни» в документ:

Новый корректирующий слой «Уровни» появляется над слоем 1 на панели «Слои», и, поскольку у нас был активный выбор, Photoshop использовал выделение для создания и определения маски слоя для корректирующего слоя, как мы можем видеть, глядя на миниатюру маски слоя . Черная область в центре маски — это область, которая изначально была защищена от эффектов фильтра Iris Blur. Эта же область теперь будет защищена от всего, что мы делаем с помощью корректирующего слоя Levels:

Шаг 10: измени режим смешивания корректирующего слоя на экран

Так что будем мы будем делать с этим корректирующим слоем Levels? Как оказалось, не очень. Фактические элементы управления для корректирующего слоя отображаются на панели « Свойства» , которая является новой для Photoshop CS6, но мы не будем там ничего трогать. Вместо этого все, что мы собираемся сделать, это изменить режим наложения для слоя с Normal (режим наложения по умолчанию) на Screen :

С режимом наложения, установленным на Экран , слой регулировки уровней мгновенно осветляет размытую область вокруг центра изображения, в то время как область в центре, которая защищена маской слоя, остается неизменной:

Если вам кажется, что все выглядит слишком ярко, вы можете уменьшить интенсивность корректирующего слоя, уменьшив значение его непрозрачности. Параметр « Непрозрачность» находится прямо напротив параметра «Режим наложения» в верхней части панели «Слои». Чем ниже значение непрозрачности ниже 100% (значение по умолчанию), тем больше вы уменьшите интенсивность. Однако в моем случае я оставлю непрозрачность 100%:

Шаг 11: перезагрузите маску слоя как выделение

Удерживая нажатой клавишу Ctrl (Win) / Command (Mac) на клавиатуре еще раз, на этот раз нажмите непосредственно на миниатюру маски слоя :

Это перезагрузит маску как контур выделения над изображением:

Шаг 12: добавь слой регулировки вибрации

Чтобы завершить эффект, мы снизим насыщенность цветов в размытой области, чтобы придать им более блеклый вид. Перейдите на панель « Коррекция» и щелкните значок « Вибрация» (крайний правый верхний ряд), чтобы добавить корректирующий слой «Вибрация»:

Новый корректирующий слой «Вибрация» появляется над слоем «Уровни», и мы снова видим, что Photoshop использовал наш активный выбор, чтобы определить маску слоя, чтобы область в центре фотографии была защищена от изменений, которые мы собираемся внести. :

Шаг 13: понизь количество вибрации

Элементы управления для корректирующего слоя Vibrance появятся на панели « Свойства» (которую мы и собираемся использовать на этот раз). Перетащите ползунок « Вибрация» влево, чтобы уменьшить насыщенность цвета в размытой области. Элемент управления «Вибрация» влияет на цвета по-разному в зависимости от их исходного уровня насыщенности, и даже если вы перетащите ползунок «Вибрация» полностью влево (до значения -100), цветовой оттенок все равно останется (в отличие от ползунка «Насыщенность», который влияет на цвета в равной степени и удалил бы цвет полностью). Для моего изображения я не собираюсь тащить ползунок так далеко. Значение вибрации около -50 хорошо работает:

И с этим мы закончили! Вот для сравнения мое оригинальное фото еще раз:

И вот, после уменьшения насыщенности цвета, мой последний эффект «размытой виньетки»: