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

В этом уроке, посвященном ретуши фотографии, мы рассмотрим эффект «Размытие по полю»(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!

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

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

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

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

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

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

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

Задача определена понимание действий по её достижению тоже имеется можно приступать

Создание размытия в фотошопе

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

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

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

В основе работы фильтра положено размытие по маске полутонового радиального градиента — в светлых областях (центральной области) эффект отсутствует и нарастает по мере продвижения к краю (темной области).

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

  1. Центральная «булавка» размытия при помощи, которой эффект перетаскивается по изображению вокруг нее расположен кольцевой регулятор при помощи которого проводится ослабление или усиление размытия. Эту операцию можно проделать при помощи ползунка на панели фильтра. Возможно создание дополнительных булавок, для этого достаточно кликнуть мышкой в нужных местах на фото;
  2. Область резкости, в которой размытия на происходит;
  3. Область частичного размытия (нарастания эффекта);
  4. Область полного размытия.

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

По завершении работы с фильмом можно добавить «Боке» для получения более выразительного вида, настойки доступны на панели эффектов в правом нижнем углу, поэкспериментируйте с ними на досуге, можно получить отличные результаты сложно в их настройках ничего нет всё «интуитивно» понятно. Жму Enter выходу в обычное окно документа.

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

Повышение резкости

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

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

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

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

Для повышения резкости для начала мне нужно вытащить все мелкие детали из картинки, а затем повысить их контраст. Проделаю следующую операцию — создам две копии текущего слоя одну назову Sharp другую Blur.

Слой Blur при помощи размытия по Гауссу Filter — Blur — Gaussian Blur размою на небольшой радиус, его величина зависит от размера фото и того на сколько вы хотите повысить резкость в итоге, для моей картинки значения в 0,9 пикс. думается будет вполне достаточно.

Операцией размытия я оставил все детали крупнее 0,9 пикс. на этом слое, теперь мне нужно вычесть их из слоя Sharp. Использую команду Apply Image (Внешний Канал) из меню Image Изображение настройки команды показаны на картинке:

После применения команды Blur можно удалить за ненадобностью, на слое Sharp остались все детали изображения меньше 0,9 пикс. осталось добавить к ним контраст, сделаю это при помощи соответствующего режима наложения Vivid light свет.

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

Вот так легко и эффективно можно перенести фокус на фото применяя одновременно размытие и повышение резкости.

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

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

Или например, при фотографировании какого нибудь блюда

От таких фотографий так и веет «профессиональностью».

Как же сделать такой размытый фон?

Создайте тишину…, сейчас я раскрою вам страшную тайну рецепта такого кадра. Вам понадобится:

1) Хороший фотоаппарат, преимущественно «зеркалка» со сменными объективами, например бюджетный вариант Canon 1100d

2) Объектив с большой диафрагмой, например если у вас фотокамера компании Canon (как и у меня), то самым дешевым вариантом будет покупка объектива Canon 50 1.8

3) Одеваем объектив на камеру и устанавливаем творческий режим AV (или ручной — М), который позволяет регулировать значение диафрагмы.

4) Выставляем диафрагму на 2, а еще лучше на 1.8

5) Снимаем…

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

И как это делается, мы сейчас узнаем из сегодняшнего урока.

Шаг 1. Открываем исходное фото в редакторе

Шаг 2. На следующем шаге нужно выделить основной объект на фото , который мы хотим сделать резким. Для этого самым простым, но и в тоже время универсальным методом будет использование инструмента «Свободное выделение» или так называемое «Лассо» (как в фотошопе). После этого аккуратно обводим объект. Чем больше контрольных точек вы поставите, тем лучше.

Шаг 3. Пока активно выделение создаем копию исходного фото через меню «Слой –Создать копию» или нажав на пиктограмму «Создать копию слоя»

Шаг 4. Теперь нужно щелкнуть правой кнопкой мыши по верхнему слою и из открывшего контекстового меню выбрать пункт «Добавить альфа-канал».

После этого нажимаем кнопку Del. Посмотрите, что должно у вас получиться если временно отключить видимость нижнего слоя.

Снова включаем видимость ниженго слоя и снимаем выделение через «Выделение -Снять»

Шаг 5. Теперь воспользуемся стандартным фильтром редактора размытия через меню «Фильтры – Размывание – Гауссово размывание» и в настройках выставляем нужное значение.

Справка: Данное значение зависит от исходной фотографии. Чем больше разрешение (размер фотки) тем больше вводимый параметр. Для данного примера я взял размер 30px

Шаг 6. По необходимости можно отрегулировать непрозрачность верхнего слоя с эффектом, для этого сдвиньте ползунок непрозрачности влево до получения желаемого эффекта. Например, я поставил значение 80.

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

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

На этом у меня все. Всем спасибо за внимание и до встречи в новых уроках.

P.S. Отдельное спасибо читательнице Lare, за идею урока!

С уважением, Антон Лапшин!

Маленький БОНУС:

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

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

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

Способ 1: Canva

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

Чтобы внести корректировки в изображение, используйте данную инструкцию:

  1. Зайдите на . Вы окажетесь на странице регистрации, без которой не сможете обрабатывать фото. К счастью, вся процедура делается в пару кликов. В форме вы можете выбрать вариант регистрации – вход через аккаунты в Google + или Facebook. Также можно зарегистрироваться стандартным способом – через email.
  2. После того, как вы выберете один из вариантов авторизации и заполните все поля (если таковые появятся), вас спросят, зачем вы используете этот сервис. Рекомендуется выбрать «Для себя» или «Для обучения» .
  3. Вас перебросит в редактор. Изначально сервис спросит, не желаете ли вы пройти обучение и ознакомиться со всеми основными функциями. Можете согласиться или отказаться.
  4. Для перехода в область настройки нового шаблона нажмите на логотип Canva в верхнем левом углу.
  5. Теперь напротив «Создать дизайн» нажмите на кнопку «Использовать специальные размеры» .
  6. Появятся поля, где нужно будет задать размер изображения в пикселях по ширине и высоте.
  7. Чтобы узнать размеры изображения, нажмите на него правой кнопкой мыши и перейдите в «Свойства» , а там в раздел «Подробно» .
  8. После того, как вы зададите размер и нажмёте Enter , откроется новая вкладка с белым фоном. В левом меню найдите пункт «Моё» . Там нажмите на кнопку «Добавить собственные изображения» .
  9. В «Проводнике» выберите нужное фото.
  10. После загрузки найдите его во вкладке «Моё» и перетащите на рабочую область. Если оно заняло её не полностью, то растяните изображение с помощью кружков на углах.
  11. Теперь нажмите на «Фильтр» в верхнем меню. Откроется небольшое окошко, и чтобы получить доступ к параметрам размытия, щёлкните по «Расширенные параметры» .
  12. Подвигайте бегунок напротив «Размытие» . Единственный и главный недостаток этого сервиса – он скорее всего размоет всё изображение.
  13. Чтобы сохранить результат к себе на компьютер, нажмите на кнопку «Скачать» .
  14. Выберите тип файла и кликните по «Скачать» .
  15. В «Проводнике» укажите куда именно нужно сохранить файл.

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

Способ 2: Croper

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

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


Способ 3: Фотошоп онлайн

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

Сервис полностью переведён на русский язык и по сравнению с ПК-версией Photoshop интерфейс достаточно прост, благодаря чему неопытным пользователям легче в нём работать. Все функции бесплатны и для работы не требуется регистрация.

Инструкция по использованию выглядит так:

  1. Перейдите на . Выберите пункт либо «Загрузить фото с компьютера» , либо «Открыть URL изображения» .
  2. В первом случае вам придётся выбрать в «Проводнике» нужную картинку, а во втором просто вставить прямую ссылку на изображение. Например, так можно быстро загружать фото из социальных сетей, не сохраняя их при этом на компьютер.
  3. Загруженный рисунок будет представлен одним слоем. Все слои рабочей области можно посмотреть в правой части экрана в разделе «Слои» . Сделайте копию слоя с рисунком — для этого вам просто нужно нажать комбинацию клавиш Ctrl+j . К счастью, в онлайн-версии Фотошопа работает часть горячих клавиш из оригинальной программы.
  4. В «Слоях» смотрите, чтобы был подсвечен скопированный слой.
  5. Теперь можно приступать к дальнейшей работе. Используя инструменты выделения, вам придётся выделить фон, оставив те объекты, которые вы не собираетесь размывать, невыделенными. Инструментов выделения там действительно мало, поэтому нормально выделить сложные элементы будет трудно. Если фон примерно одной цветовой гаммы, то для его выделения идеально подойдёт инструмент «Волшебная палочка» .
  6. Выделите фон. В зависимости от выбранного инструмента, этот процесс будет происходить по-разному. «Волшебная палочка» выделит весь объект или большую его часть, если он одного цвета. Инструмент, который так и называется «Выделение» , позволяет его сделать в форме квадрата/прямоугольника или круга/овала. С помощью «Лассо» нужно обрисовать объект, чтобы появилось выделение. Иногда проще выделить объект, но в этой инструкции рассмотрим, как работать с выделенным фоном.
  7. Не снимая выделения, нажмите на пункт «Фильтры» , что в верхнем меню. Из выпадающего меню выберите «Размытие по Гауссу» .
  8. Двигайте бегунок, чтобы сделать размытие более или менее интенсивным.
  9. Фон размыт, но если переходы между главными элементами картинки и фоном слишком резкие, то их можно немного сгладить при помощи инструмента «Размытие» . Выберите данный инструмент и просто проведите им по краям элементов, где наблюдается слишком резкий переход.
  10. Готовую работу можно сохранить, нажав на «Файл» , а затем на «Сохранить» .
  11. Откроется окно настройки параметров сохранения, где вы можете задать имя, формат и качество.
  12. Нажмите на «Да» , после чего откроется «Проводник» , где вам нужно будет указать папку, куда вы хотите сохранить свою работу.

Способ 4: AvatanPlus

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

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

  1. Пройдите на , а затем кликните по кнопке «Применить эффект» и выберите на компьютере изображение, с которым будет осуществляться дальнейшая работа.
  2. В следующее мгновение на экране начнется загрузка онлайн-редактора, в котором сразу будет применен выбранный нами фильтр. Но поскольку фильтр делает размытие всего изображения, когда нам требуется лишь фон, излишки нам потребуется убрать с помощью кисти. Для этого выберите соответствующий инструмент в левой области окна программы.
  3. С помощью кисти вам потребуется стереть те участки, которые не должны быть размыты. Используя параметры кисти, вы можете регулировать ее размер, а также жесткость и интенсивность.
  4. Чтобы переход между сфокусированным объектом и фоном выглядел естественно, старайтесь использовать среднюю интенсивность кисти. Начните закрашивать объект.
  5. Для более тщательной и аккуратной проработки отдельных участков используйте функцию масштабирования картинки.
  6. Допустив ошибку (что при работе с кистью очень вероятно), отменить последнее действие можно с помощью знакомого сочетания клавиш Ctrl+Z , а корректировать уровень размытости можно с помощью ползунка «Переход» .
  7. Добившись результата, который полностью вас устраивает, вам лишь остается сохранить получившееся изображение – для этого в верхней части программы предусмотрена кнопка «Сохранить» .
  8. Следом кликните по кнопке «Применить» .
  9. Вам остается, при необходимости, отрегулировать качество изображения, а затем в заключительный раз нажать кнопку «Сохранить» . Готово, фотография сохранена на компьютер.

Способ 5: SoftFocus

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

Минус в том, что от вас никак не зависит результат размытия фона, поскольку в онлайн-сервисе отсутствуют вообще какие-либо настройки.


Сервисы, приведённые в данной статье, не являются единственными онлайн-редакторами, позволяющими делать эффект размытия, но именно они наиболее популярны, удобны и безопасны.

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

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

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

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

Эффект размытия на снимке

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

Мы расскажем, как сделать так, чтобы размытие соответствовало перспективе объекта (в данном случае поезда), то есть направление размытия будет совпадать с направлением линий поезда.

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

Также мы продемонстрируем, как правильно работать с маской слоя, которая поможет компоновать в кадре дополнительные объекты, с помощью которых вы сможете сделать более интересными передний и задний планы.

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

1. Открываем исходное изображение

Для начала загрузите наши исходные файлы Master motion blur . Откройте документ blur_before01.jpg. В панели слоев дважды кликните по миниатюре фонового слоя, чтобы разблокировать его. В панели инструментов выберите Magic Wand tool (Волшебная Палочка) и установите значение Tolerance (Допуск) 20. Поставьте галочки напротив графы Contiguous (Смежные пиксели). Кликните по изображению, чтобы выделить белое небо.

2. Сглаживаем края

Края выглядят не совсем ровными, мы должны их немного сгладить. Выбираем Select>Inverse (Выделение>Инверсия). Нажимаем на кнопку Refine Edge (Уточнить край), которая находится в панели параметров инструмента. Переводим вид (View) на На черном (On Black). Ставим галочку напротив параметра Smart Radius (Умный Радиус) и устанавливаем значение для радиуса равное 2.9 пикселям, а для Feather (Растушевка) 1.7. В графе Output to выбираем ‘New layer with layer mask’. Нажимаем Ok.

3. Корректируем маску

В панели инструментов выберите инструмент Brush (Кисть), в панели настроек инструмента откройте список пресетов для кисти и выберите жесткую круглую кисть. Размер установите на 35. Фоновый цвет переведите на белый. Кликните мышкой по маске слоя. Работайте белой кистью, чтобы восстановить отсутствующие детали и черной кистью, чтобы наоборот скрыть ненужные области, как например, фонарь на заднем фоне.

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

4. Добавляем изображение неба

В списке исходных файлов выберите документ blur_before01.jpg и откройте его в программе. Выберите Select>All (Выделить>Все) и затем Edit>Copy (Правка>Копировать). Перейдите во вкладку главного изображение и нажмите Edit>Paste (Правка>Вставить). Небо появится в панели слоев, как Layer 1. Перетащите этот слой на позицию над слоем с поездом. Воспользуйтесь инструментом Move (Перемещение), чтобы поместить драматичные облака непосредственно над поездом.

5. Применяем фильтр

Кликните по верхнему слою с маской (Layer 0 copy). Нажмите клавиши Ctrl/Cmd+J, чтобы продублировать его. Переименуйте слой в ‘Blur layer’. Перейдите во вкладку Filter>Blur>Radial Blur . Установите метод размытия Zoom, а качество выставите на Best. Переместите центр размытия таким образом, чтобы линии размытия соответствовали углу линий поезда.

6. Увеличиваем скорость

В предыдущем шаге, чтобы добавить размытие мы выставили значение 10 для Amount. Чтобы придать ощущение еще большей скорости, продублируем этот эффект, зажав клавиши Ctrl/Cmd+F. Теперь поезд стал настолько размытым, что нам сложно различать детали. Земля, как вы видите, также размыта. Нам необходимо изменить маску слоя.

7. Уменьшаем размытие

Уменьшите Opacity (Непрозрачность) слоя до 94%, чтобы выявить чуть больше деталей из нижнего слоя. Вооружитесь инструментом Кисть (Brush). Выберите круглую мягкую кисть в меню с пресетами для кисти. Для кисти установите размер 600 пикселей и непрозрачность (Opacity) 25%. Кликните по маске слоя. Уменьшите размытие в области, где находится машинист и области номера двигателя, прорисовав эти части кистью.

8. Прорисовываем детали

Восстановите непрозрачность кисти на 100% и уменьшите ее размер до 300 пикселей. Прорисуйте черной кистью по маске слоя те области, которые не должны быть размыты, а именно платформу и забор на заднем фоне. Вы можете в любое время изменить маску слоя и сделать какие-то детали более четкими или наоборот, размытыми.

9. Выделяем пар

Откройте файл blur_before05.jpg. Выберите инструмент Lasso (Лассо). Установите значение Feather (Растушевка) равное 45 пикселям. Нарисуйте ровное выделение вокруг столба дыма. Выберите Enhance>Auto Contrast (Улучшение>Авто Контраст), а затем Edit>Copy (Правка>Копировать). Переходим в File>New>Blank File (Файл>Новый>Новый пустой файл). Кликаем по Ok и затем переходим во вкладку Edit и выбираем Paste (Вставить).

10. Инвертируем слои

Кликните по белому фоновому слою и нажмите клавиши Ctrl/Cmd+I, чтобы инвертировать его в черный. Затем выделите слой с изображением пара и зажмите клавиши Ctrl/Cmd+I, чтобы инвертировать слой в белый. Таким образом, мы получим изображение белого пара на черном фоне. Воспользуйтесь ластиком, чтобы удалить следы трубы. Затем перейдите в Layer>Flatten Image .

11. Вставляем и располагаем

Выберите Enhance>Adjust Color>Remove Color (Улучшение>Настройки цвета>Обесцветить), а затем Enhance>Auto Contrast. Следующим этапом перейдите в Select>All , чтобы сделать выделение и затем Edit>Copy, чтобы скопировать выделенное. Перейдите к файлу, с которым мы работали до этого и нажмите Edit>Paste (Правка>Вставить). Измените режим наложения слоя с паром на Screen, чтобы избавиться от черного цвета. Используйте инструмент Move (Перемещение), чтобы расположить дым в необходимом месте.

12. Масштабируем

Нажмите клавиши Ctrl/Cmd+J, чтобы продублировать слой с паром. Затем воспользуйтесь комбинацией Ctrl/Cmd+T, чтобы активировать инструмент Free Transform (Свободная Трансформация). В настройках инструмента выставите значение для Angle (Угол) равное -180. Уберите галочку напротив Constrain Proportions . Для W выставите значение 200%, а для H 150%. Внутри рамки перетащите изображение пара, как показано на фотографии. Непрозрачность слоя уменьшите до 85%.

13. Открываем изображение с багажом

Откройте файл blur_before03.jpg. Используйте инструмент Rectangular Marquee Tool (Прямоугольная область), чтобы выделить секцию с багажом. Выберите Edit>Copy . Перейдите во вкладку нашего проекта и нажмите Edit>Paste . Перейдите в Image>Rotate>Flip Layer Horizontal (Изображение>Ориентация>Отразить по горизонтали).

14. Делаем ровное выделение

Чтобы сделать ровное выделение и отделить багаж от прежнего фона, выбираем инструмент Quick Selection (Быстрое Выделение). Устанавливаем размер на 50. Кликаем по иконке New selection. Проводим инструментом по багажу, чтобы сделать ровное выделение. Нажмите на иконку Subtract from selection (Вычитание из Выделенной области), чтобы удалить ненужную область выделения, в Photoshop для этого необходимо зажать клавишу Alt.

15. Сгладживаем края

Выберите Layer>Layer Mask>Reveal Selection (Слой>Маска Слоя>Показать выделенные области). Маска слоя скроет большую часть фона, однако, неровные края, тем не менее, останутся. Кликните по маске слоя. Возьмите инструмент Кисть (Brush). Черной кистью по маске слоя закрасьте все области, где виднеется фон, на котором до этого находился багаж, и напротив, воспользуйтесь кистью белого цвета, чтобы восстановить отсутствующие детали багажа.

16. Регулировка тонов

Сейчас багаж выглядит немного переэкспонированным на фоне общей картины. Кликните по миниатюре слоя с багажом (не по маске слоя). Перейдите в Enhance> Adjust Lighting>Levels (Улучшение>Коррекция Света>Уровни). Перетащите слайдер, отвечающий за уровень черного, на 27, чтобы сделать темнее тени багажа. Нажмите Ok.

17. Добавляем тени

Используйте инструмент Move Tool , чтобы расположить багаж на платформе. Чтобы добавить тени создайте новый слой: Layer> New>Layer . Перенесите новый слой под слой с багажом и измените его режим наложение на Overlay . Вооружитесь инструментом Brush . Установите черный фоновый цвет и выберите круглую мягкую кисть. Нарисуйте тень от багажа на платформе.

18. Завершающие штрихи

Откройте файл blur_before04.jpg. Используя технику выделения, которой мы пользовались при работе с багажом, переместите цветы из открытого документа на нашу картинку. Масштабируйте их до 40%, продублируйте слой и разместите больше цветов в правом углу. Используйте инструмент Free Transform , чтобы изменять их положение.

error: