Как сделать эффект размытия в фотошопе. Photoshop CS6 - Как сделать размытие поля в фотошопе

З ачем размывать фон? Причины могут быть самые разные. Иногда надо подчеркнуть объект в центре фото. Иногда фон нелицеприятный и тогда размытие является спасением. В каждом отдельном случае может быть свой резон размывать фон.

Рассмотрим на примере фотографии памятника два способа размытия фона в программе Фотошоп русскоязычной версии СS-4.

Размытие фона в фотошопе

Способ №1

1. После открытия картинки применить инструмент Лассо. Обвести фон по контуру, замкнув его.

2. К выделенной области применить такую последовательность: Фильтр — Размытие – Размытие по Гауссу. Выставить параметр радиуса на 2,1 пикселя или любой другой по вашему усмотрению. Нажать ОК.

3. Снять выделение сочетанием клавиш Сtrl + D.

4. Можно было бы так и оставить, но очень уж бросаются в глаза границы между размытыми и неразмытыми областями.

Поэтому воспользуемся инструментом «Размытие».

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

Способ №2

1. После открытия картинки применить инструмент Быстрая маска. Щелкнуть по кнопке быстрой маски. Затем кликнуть по кисти, заодно подобрав нужный размер кисти. Начать обводить потихоньку кистью вокруг памятника для того чтобы выделить фон. Места, где мы проводим, приобретут красный налет. Так мы знаем, где уже прошлись кистью.

2. После того, как мелкие детали обведены, можно увеличить кисть и за 1-2 секунды также обработать оставшуюся область фона.

Снять быструю маску нажатием буквы Q или на ту же кнопку. Инвертировать: Сtrl + Shift + I. Теперь можно повторить операцию с фильтром из первого способа, начиная со 2 пункта: то есть снова включить Фильтр — Размытие – Размытие по Гауссу – радиус 2,1 пикселя. Получится приблизительно такой же результат.

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

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

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

Вот фотография, с которой я буду работать:

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

Как всегда, я работаю с копией слоя исходного изображения, чтобы избежать необратимых изменений оригинала. Вы это можете увидеть на панели слоев. Исходное изображение находится на слое заднего фона, а его копия - на слое 1 (вы можете сделать копию слоя, нажав сочетание клавиш Ctrl+J / Command+J на клавиатуре)

Панель слоев указывает на то, что я работаю со слоем 1, а не со слоем заднего фона.

Выбор эффекта размытие по диафрагме

Вы можете найти новый фильтр размытия в соответствующей строке меню в верхней части экрана. Зайдите в строку меню «Фильтр» (Filter), выберите раздел «Размытие» (Blur) и затем - «Размытие по диафрагме» (Iris Blur) (второе сверху)

Выберите Фильтр > размытие > размытие по диафрагме (Filter > Blur > Iris Blur)

Когда в предыдущем уроке мы выбрали «Размытие по полю», то появилась новая галерея размытий, которая временно заменила стандартный интерфейс Фотошоп. Поскольку в этот раз мы выбрали «Размытие по диафрагме», то в правом верхнем углу галереи размытий, содержащей панель «Инструменты размытия» (Blue Tools panel), открылись параметры для размытия по диафрагме, а точнее единственный параметр - тот же самый ползунок, что и для размытия по полю.

Панель «инструменты размытия» показывает параметры для размытия по диафрагме.

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

Булавка размытия для эффекта «Размытие по диафрагме» выглядит интереснее, чем для размытия по полю.

Контроль степени размытия

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

Просто наведите курсор мышки на регулятор, затем, удерживая нажатой кнопку мыши, поверните кольцо по часовой стрелке или против нее. Поворот по часовой стрелке усилит степень размытия, в то время как поворот против часовой - уменьшит. Подобным образом работает регулятор громкости в магнитофоне. Фотошоп отобразит вам предварительный результат поворота регулятора, а в окошке панели отразится уровень размытия в пикселях (в моем случае это 36 пикселей)

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

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

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

Линия размытия на 100 %

Регулятор размытия окружен 4 точками, которые в свою очередь окружены 4 точками меньшего размера, соединенными тонкой кривой. Эти точки позволяют нам точно контролировать область размытия на изображении, и именно это отличает эффект размытия по диафрагме от размытия по полю. Давайте рассмотрим 4 точки меньшего размера, соединенные вместе кривой (подобно краю солнечной системы). Они отвечают за отметку стопроцентного размытия.

Иными словами, всё, что находится за пределами кривой, соединяющей точки, размывается полностью - на 100%. Область внутри кривой в зависимости от местонахождения по отношению к центру булавки размывается в меньшей степени или не размывается совсем. Немного погодя, мы научимся, как изменять степень размытия в пределах кривой.

Существует несколько способов изменения кривой, отвечающей за стопроцентное размытие. Во-первых, вы можете навести курсор мышки на любую из 4 точек, соединенных кривой, и увидеть, что он изменится на специальный значок (маленькая кривая со стрелкой на каждом конце). Нажмите на точку и, удерживая кнопку мыши нажатой, потяните ее, чтобы изменить форму кривой или повернуть ее.

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

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

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

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

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

Область перехода

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

Область между центром булавки и четырьмя большими бочками защищена от эффекта размытия.

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

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

Мы можем двигать эти точки перехода ближе к центру булавки или дальше от него, нажимая на них кнопкой мышки. Чем ближе к внешней линии мы передвинем точки, тем более выраженной станет область перехода. Чтобы сгладить область перехода, необходимо передвинуть точки ближе к центру. По умолчанию, перемещение одной точки автоматически влечет за собой перемещение всех точек, что в большинстве случаев нам и нужно. Но если мы хотим передвигать точки по одной, надо нажать и удерживать клавишу Alt (Win) / Option (Mac) при перемещении точки.

Регулируйте размер области перехода с помощью перемещения больших точек.

Изменение фокуса

По умолчанию, область между центром булавки и четырьмя точки перехода защищена от эффекта размытия и остается постоянно в фокусе (резкой), но мы можем при необходимости изменить это. Если вы посмотрите окно параметров, то увидите, что значение фокуса (Focus) равно 100% (опять по умолчанию). Уменьшая фокусное значение, вы добавите размытие в защищенную область. Я уменьшу данное значение до 75%.

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

Сейчас видно, что область между центром булавки и точками перехода стала слегка нерезкой:

Даже защищенную область можно размыть при необходимости.

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

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

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

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

Щелкните кнопкой мышки, чтобы добавить новые булавки.

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

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

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

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

Включение и отключение опции «Предварительный просмотр» позволит вам сравнить исходное и обрабатываемое изображения.

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

Если вам нужно удалить какую-то одну булавку на изображении, сделайте ее активной, а затем нажмите клавишу Backspace / Delete на клавиатуре для удаления булавки. Если вам нужно убрать все булавки и начать работу заново, нажмите на значок «Удалить все булавки» в окне параметров.

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

Отмена действия

Если при работе вы допустили ошибку, фильтр размытия по диафрагме дает возможность отменить самое последнее действие, которое вы сделали при работе с фильтром. Чтобы отменить последний шаг, нажмите сочетание клавиш Ctrl+Z / Command+Z.

Применение эффекта размытия

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

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

И вот снова, для сравнения исходное изображение:

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

И конечный результат:

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

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

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

Если мы посмотрим на изображение в области предварительного просмотра, мы видим две вещи. Во-первых, ко всему фото применён первоначальный эффект и распространяется он равномерно по всей площади изображения, подобно тому, как мы получили бы при помощи одного из традиционных фильтров в Photoshop, таких, как "Размытие по Гауссу", "В движении", "Ветер" и т.п.
Вторая и более интересная вещь, которую мы заметили, это значок круглой формы, расположенный в центре изображения. Эта икона известна как "контактная булавка", в английской версии - Pin. По умолчанию Photoshop добавляет оду булаку, но мы можем добавить их столько, сколько понадобится:

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

Слайдер размытия

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

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

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

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

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

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

Теперь повторю эти действия с другим глазом:

Что делать, если я хочу вернуться назад и повторно настроить значение предыдущей булавки? Нет проблем! Мне просто нужно кликнуть по ней для повторной активации, при этом появится внешнее кольцо управления, а затем я могу повернуть кольцо или перетащить ползунок в панели инструментов для именения значения размытия в этой области фотографии.

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

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

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

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

Для удаления нежелательной булавки кликните по ней для её активации и нажмите клавишу Delete на клавиатуре. Или, если вы хотите убрать все булавки, имеющиеся в документе, кликните по кнопке "Удалить все булавки" (Remove All Pins), расположенной в панели параметров:

Применение действия инструмента

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

Посмотрите ещё раз на оригинал (слева) и итоговый результат (справа):

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

Но все же пока не у каждого фотика есть такая функция (в основном только у зеркальных фотоаппаратов), да и большинство людей пользуется смартфонами, которые также не могут снимать с размытым фоном, а ведь хочется красивую фотографию. Правильно я говорю? Выход как обычно есть и сегодня я вам расскажу как сделать в фотошопе размытый фон. Это совсем несложно.

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


Делайте аккуратно. Если вдруг задели лишнее, то всегда . Но не делайте всё за одно нажатие. Лучше периодически отпускайте мышку, чтобы в случае ошибки не возвращаться к началу.

Ну вот вроде и всё. Смотрится красиво. Но давайте посмотрим и пару других способов для расширения кругозора.

Ластик

В принципе здесь всё то же самое, что и в предыдущем примере, но с маленьким исключением.


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

Маска слоя


Вот вроде бы и всё. какой бы способ вы не выбрали, результат будет один: Наша знакомая изображена с нормальной четкостью, а задний план размыт. То есть сразу становится красивее и эффектнее. сами посмотрите. Кстати, а какой способ больше всего понравился вам? Напишите, а то мне интересно.

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

Кстати, если вы хотите в кратчайшие сроки изучить Adobe Photoshop, то обязательно посмотрите этот замечательный видеокурс . Все уроки построены по-порядку, никакой лишней воды, всё по полочкам. А главное, что всё показано на живых примерах и рассказано человеческим языком. Понятно будет любому уровню пользователя.

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

С уважением, Дмитрий Костин

(Необязательно) Если изображение содержит несколько слоев, выберите для работы слой с изображением, резкость которого нужно отрегулировать. За один прием фильтр «Контурная резкость» можно применять только к одному слою, даже если слои связаны или сгруппированы. Перед тем как применять фильтр «Контурная резкость», можно объединить слои.

Выберите «Фильтр» > «Резкость» > «Контурная резкость». Убедитесь, что параметр «Просмотр» выбран.

Примечание.

Щелкните изображение в окне предварительного просмотра и удерживайте кнопку мыши, чтобы увидеть изображение без регулировки резкости. Увидеть различные части изображения в окне предварительного просмотра можно с помощью перетаскивания, а кнопки «+» или «–» управляют масштабом изображения.

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

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

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

Чтобы задать степень увеличения контрастности пикселов, перетащите ползунок параметра «Эффект» или введите соответствующее значение. Для изображений, которые распечатываются с высоким разрешением, обычно рекомендуются значения от 150% до 200%.

Задайте разницу, в зависимости от которой рассматриваемые пикселы будут распознаваться по сравнению с окружающими пикселами как контуры для последующей обработки фильтром. Для этого перетащите ползунок параметра «Порог» или введите соответствующее значение. Например, порог равный 4 означает обработку всех пикселов, тоновые значения которых по шкале от 0 до 255 отличаются на 4 единицы и более. Таким образом, смежные пикселы со значениями 128 и 129 обрабатываться не будут. Чтобы избежать шума или постеризации (например, на изображениях с телесными тонами), рекомендуется использовать маску краев или попытаться подобрать пороговое значение от 2 до 20. Пороговое значение по умолчанию (0) означает увеличение резкости всего изображения.