Размазать фон в фотошопе. Как размыть задний фон в фотошопе

16.02.2015 27.01.2018

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

С помощью Прямолинейного Ласса (Polygonal Lasso Tool) выделите объект.

Нажмите CTRL+J — этой действие автоматически вырежет то, что вы выделили и поместит на отдельный новый слой. Это будет девушка.

Вернитесь к слою с фотографией сделайте её копию, нажав CTRL+J.

К этой копии примените Фильтр — Размытие — Наклон Смещение (Filter — Blur — Tilt-Shift).

Здесь вы можете настроить параметры как вам хочется. Там где круг — то место остается резким. Линии указывают на размах размытия фона, вы их можете перемещать как угодно и даже наклонять. Силу размытия вы также можете регулировать — для этого есть полоска-регулятор в круге.

Нажмите ОК когда закончите настройку и фон будет размытым.

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

Как эта проблема решается одним из возможным способом.

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

Перейдите на слой с фотографией, а слой с девочкой пока выключите из видимости (нажмите на глазик напротив слоя с девочкой).

Выделение при этом останется. Нажмите DEL на клавиатуре чтобы удалить выделенную область на фотографии. Нажмите CTRL+D чтобы снять выделение. Девочку мы удалили поэтому на ее месте будет пустое изображение — белый фон.

Перед нами стоит задача закрасить это место. Для этого я воспользовался инструментом Штамп (Clone Tool). Я постарался нарисовать так, как будто девочки и не было на фото, хотя тут не обязательно сильно стараться, главное чтобы оттенки цветов на закрашиваемом месте совпадали с рядом лежащими — именно в этом весь смысл.

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

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

Единственная проблема которая может тут возникнуть — это как выделить такие сложные части изображения как волосы. Для этого у меня есть специальный бесплатный видеокурс — .

Такой размытый фон прекрасно подойдет для надписей.

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

Подготовка

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

Инструкция

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

Дополнительные сведения

Можно дополнительно использовать инструмент «размытие» и немного исправить допущенные ошибки на этапе выделения. Если вы применяли другой метод для создания выделенной области, то можете пропустить 4, 5, 6 этапы. Главное, понять, что надо отделить задний фон от основной части фотографии. А как это будет происходить, не имеет значения. Поэтому если вы лучше владеете другим инструментом и плохо обращаетесь с пером, то лучше используйте удобное для вас средство.

Заключение

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

Благодаря размытому заднему плану на фотографии можно легче сконцентрировать свое внимание на основном сюжете. При использовании эффекта боке (bokeh – размытость или нечеткость) в обработке фото нужно всегда помнить несколько правил. Объекты на изображении, которые располагаются ближе всего, должны оставаться достаточно резкими и четкими. В свою очередь те объекты, что расположены дальше, должны быть более нечеткими.

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

Одним из самых простых способов размыть фон в Фотошопе является использование инструмента, который называется «Архивная кисть».

Его используют следующим образом:

Ластик

Сам принцип работы этого метода почти не отличается от предыдущего, но присутствуют некоторые исключения:

Регулировка параметров ластика: «Размер» и «Жесткость». Можно выбрать готовый пресет из образцов в нижней части окна:

Результат:

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

Чтобы сделать размытый фон используя метод маски, необходимо:

Радиальное и лучеобразное размытие

Среди фильтров Фотошопа можно выделить такие эффекты, как «Радиальное» и «Лучеобразное». В зависимости от настроек этот фильтр может имитировать круговое размытие либо размытие от центра изображения к его краям, что позволит создать некий эффект движения.

Радиальное

Инструкция:

Лучеобразное

При создании нечеткости в форме лучей схема действий практически такая же:

Один из самых популярных фильтров для растушевки фона. Чтобы регулировать силу эффекта двигаем вправо или влево ползунок радиуса.

Используем фильтр Гаусс:

Другие способы

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

Инструмент «Размытие»

Инструмент позволяет замылить задний фон, для этого нужно сделать следующее:

Инструмент «Перо»

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

Инструкция:

Функция «Быстрое выделение»

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

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

Рассмотрим на примере фотографии памятника два способа размытия фона в программе Фотошоп русскоязычной версии С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

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