Уроки Описание инструментов Ксения Руденко 10 февраля 2014

Размытие по полю в Фотошоп СS6

Сложность урока: Легкий

В этом уроке, посвященном ретуши фотографии, мы рассмотрим эффект «Размытие по полю»(Field Blur), первый из трех новых эффектов размытия в Фотошоп СS6. Размытие по полю вместе с размытием по диафрагме (Iris Blur) и сдвиг-наклоном (Tilt-Shift) (другие новые эффекты размытия) расположены в галерее размытий, которая появилась в Фотошоп СS6.

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

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

Исходное изображение

Прежде чем мы продолжим, давайте взглянем на панель слоев, где видно, что я в настоящий момент работаю с копией исходного изображения. Я создал копию слоя, нажав сочетание клавиш Crtl+J / Command+J и продублировав, таким образом, слой заднего фона. В этом случае исходное изображение на слое заднего фона останется нетронутым, а размытие я буду делать на копии – на слое 1:

Работайте с копией изображения (слой 1), чтобы избежать изменений оригинала (слой заднего фона).

Выбор эффекта «Размытие по полю»

Чтобы воспользоваться эффектом «Размытие по полю», обратитесь к строке меню «Фильтр» (Filter) в верхней части экрана, выберите из списка раздел «Размытие» (Blur) и затем – «Размытие по полю» (Field Blur):

Выберите Фильтр > размытие > размытие по полю (Filter > Blur > Field Blur).

Галерея размытий

После выбора эффекта «Размытие по полю», на экране появляется новая галерея размытий, временно заменяющая стандартный интерфейс в Фотошоп CS6.

Галерея размытий практически полностью состоит из области предварительного просмотра, где мы работаем с изображением, а если взглянуть в правую часть экрана, то можно увидеть несколько панелей. Верхняя панель называется панель «Инструменты размытия», где расположены параметры для управления эффектами размытия по полю, по диафрагме и для сдвиг-наклона.

Ниже находится панель «Эффекты размытия» с дополнительными параметрами для добавления эффектов «боке» к размытию. В данном уроке мы не будем изучать панель «Эффекты размытия», поскольку нам не нужно будет добавлять дополнительные параметры к основному эффекту размытия.

Поскольку я выбрал «Размытие по полю» в строке меню «Фильтр», на панели «Инструменты размытия» автоматически появились параметры для размытия по полю:

Галерея размытий в Фотошоп CS6 с панелью «Инструменты размытия», где видны параметры для размытия по полю.

Работа с булавками

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

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

Во-вторых, что более интересно, мы можем заметить странный круглый значок. Этот значок называется «булавкой», потому что мы «прикалываем» его к изображению. Фотошоп ставит по умолчанию первоначальную булавку для нас, но мы можем добавить дополнительные булавки в различных местах изображения. Зачем нам это нужно? Узнаем в ближайшее время:

Фотошоп ставит по умолчанию первоначальную булавку для нас.

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

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

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

Поворот по часовой стрелке усилит степень размытия, в то время как поворот против часовой  стрелки - уменьшит. Фотошоп отобразит вам предварительный результат поворота кольца:

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

Ползунок размытия

Если использование «регулятора громкости» не привлекает вас, вы также можете отрегулировать степень размытия, используя более традиционный  способ – перемещение ползунка на панели «Инструменты размытия» в разделе «Размытие по полю».

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

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

Вот как выглядит мое изображение в области предварительного просмотра после установки уровня размытия  - 18 пикселей:

Первоначальный эффект размытия.

Перемещение булавок

Итак, к этому моменту мне удалось достичь одинакового уровня размытия на всем изображении. А что, если нужно изменить степень размытия в конкретном месте изображения? Например, глаза девушки не надо размывать. Они должны остаться четкими. Как же мне уменьшить  размытие в области лица? С новым фильтром размытия по полю этого легко достичь! Все, что нужно – добавить еще одну булавку!

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

Нажмите на булавку и переместите ее в нужное место.

Добавление булавок

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

Переместите курсор мышки в нужное место.

Затем просто нажмите на кнопку мышки, и новая булавка появится! Обратите внимание, что первоначальная булавка все еще остается на изображении, но внешнего кольца управления у нее нет. Это случилось из-за того, что хотя обе булавки размывают изображение, мы можем управлять только одной булавкой за раз, поэтому кольцо управления отображается у выбранной активной булавки (новая булавка, которую я только что добавил):

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

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

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

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

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

Что же делать, если я хочу вернуться назад и по-другому настроить первоначальную булавку? Без проблем! Всё, что нужно – просто нажать на нее и сделать активной, вызвав на экран внешнее кольцо управления, и затем повернуть кольцо (или передвинуть ползунок на панели инструментов), чтобы усилить или ослабить степень размытия в этой части изображения.

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

Нажмите на любую булавку, чтобы сделать ее вновь активной и внести необходимые изменения.

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

Размоем область в левом нижнем углу изображения, добавив еще одну булавку.

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

Фильтр размытия по полю позволяет нам быстро и легко настроить нужную степень размытия.

Временное скрытие булавок

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

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

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

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

Удаление булавок

Чтобы удалить ненужную булавку, сделайте ее активной и нажмите клавишу Backspace / Delete на клавиатуре. Если вы хотите убрать все булавки сразу и начать работу заново, нажмите на значок «Удалить все булавки» в верхней части галереи размытий (справа от пункта «Предварительный просмотр»):

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

Применение эффекта размытия к изображению

Когда вы, наконец, закончили добавлять, перемещать булавки и довольны результатом, просто нажмите кнопку «ОК» в галереи размытий или клавишу Enter / Return на клавиатуре. Это позволит применить эффект размытия к исходному изображению и выйти из галереи размытий:

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

И вот мы закончили работу с размытием! Для сравнения, еще раз исходное изображение:

Исходное изображение.

А вот мой конечный результат, после добавления еще нескольких булавок на изображение:

Конечный результат.

Мы сделали это! Мы научились с легкостью размывать необходимые части изображения, используя новый фильтр «Размытие по полю» в Фотошоп CS6!

Автор: Стив Паттерсон

Перевод: Ксения Руденко

Источник: photoshopessentials.com

49 тыс. 64
Печать Жалоба

Комментарии 64

Вот как получилось у меня)

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

Спасибо! Все очень доходчиво !

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

Очень интересный урок! Вот что у меня получилось:

Большое спасибо за урок! Шикарный эффект!

Спасибо спасибо за помощь!

спасибо. Все вышло. и немного эксперимента моего )))))

Спасибо. Попробовала эффект на цветке.

Размытие по полю в Фотошоп СS6. Спасибо.

Большое спасибо

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

Спасибо за урок! Очень полезная функция! Исходное фото взято из интернета.

Хороший урок. Его много где можно использовать. Спасибо

Спасибо за интересный урок!

Ксения, спасибо за полезную информацию! Интересно...

Спасибо! Очень интересно, обязательно попробую.

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

Спасибо за полезный урок!

Пол года уже пользуюсь CS6, а только сейчас узнала про галерею размытия....

Спасибо! Очень полезный урок!

У меня получилось, спасибо огромное!

Спасибо очень интересно и красиво!

Спасибо, полезная статья очень. И написано все так понятно, буквально разжевано по кусочкам) Еще раз спасибо)

Спасибо!

Еще 8
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее