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

В этом уроке мы подробно рассмотрим размытие по диафрагме (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 и создайте дубликат основного слоя (Duplicate layer).

В панели слоев выделите новый слой, перейдите в «Фильтр» (Filter) - «Размытие» (Blur) - «Размытие по Гауссу» (Gaussian Blur). Выберите то значение, которое вас устроит. Размытие можно сделать едва заметным или наоборот сильным.

Оставаясь на том же слое, добавьте маску: «Слои» (Layer) - «Слой-маска» (Layer-mask) - «Показать все» (Show all). Используйте инструмент «Ластик». Пройдитесь им по объекту, который должен оставаться четким. В результате получится четкий объект на переднем плане и размытый слой. Слейте слои и сохраните изображение в нужном формате.

Чтобы сделать эффект размытия, как при движении на снимке с автомобилем, откройте изображение. Выделите автомобиль с помощью инструмента «Лассо» (Lasso) или «Прямоугольное лассо» (Polygonal Lasso). Перенесите выделенный автомобиль на новый слой: «Слои» - «Новый» - «Скопировать на новый слой».

Примните эффект к основному слою Background layer. Зайдите в «Фильтр» (Filter) - «Размытие» (Blur) - «Размытие в движении» (Motion blur). Укажите нужное значение. Получится автомобиль на размытом фоне, как при высокой скорости.

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

Нажмите «Выделение» (Select) – «Модифицировать» (Modify) – «Растушевка» (Feather). В открывшемся окне выберите радиус растушевки.

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

Подготовка

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

Инструкция

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


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

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

Заключение

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

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

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

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


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

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

Ластик

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


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

Маска слоя


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

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

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

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

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

В этом уроке я научу вас создавать эффект размытого фона без светящихся ореолов вокруг основного объекта композиции. Сперва мы воспользуемся инструментом Select and Mask (Выделение и маска), чтобы создать идеальное выделение основного объекта и вырезать его. Затем применим к фону фильтр Field Blur (Размытие поля).

Шаг 1

Открываем рабочее фото через меню File - Open (Файл - Открыть). Чтобы у нас осталась резервная копия неотредактированного фото, комбинацией клавиш Ctrl+J дублируем оригинальный слой.

Называем копию «Размытие» и отключаем видимость оригинального слоя нажатием на значок глаза рядом с названием слоя.

Шаг 2

Для начала нам нужно создать точное выделение модели на фото. Для этого мы воспользуемся инструментом Pen Tool (P) (Перо). Я не тратил время на выделение волос, потому что позже мы отдельно займемся доработкой этого участка.

Шаг 3

Далее, не удаляя выделение, берем Quick Selection Tool (W) (Быстрое выделение). Если вы пользуетесь версией Photoshop CC 19.1, то на верхней панели появится кнопка Select and Mask (Выделение и маска). Нажимаем на нее, чтобы открыть панель с параметрами выделения.

Если вы используете Photoshop CS6, то сперва применяем маску к слою с выделением, затем кликаем правой кнопкой по маске и выбираем Refine Mask (Уточнить маску). В результате у вас откроется окно почти с такими же настройками, как в Select and Mask (Выделение и маска).

Шаг 4

Открыв окно Select and Mask (Выделение и маска), выбираем инструмент Refine Edge Brush Tool (R) (Уточнить края) и проводим им по волосам, чтобы удалить фон. Как это работает? Инструмент проводит вычисления и определяет, где фон, а где детали модели.

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

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

Ниже вы можете сравнить результаты до и после использования Select and Mask (Выделение и маска).

Не закрываем окно с настройками Select and Mask (Выделение и маска) и опускаемся вниз до настроек Output Settings (Настройки экспорта). В меню Output To (Вывод в) выбираем New Layer with Layer Mask (Новый слой со слоем-маской). Это значит, что результат выделения будет отображен на отдельном слое с маской. Если хотите, можете активировать опцию Decontaminate Colors (Очистить цвета), чтобы убрать цветовые искажения.

После нажатия ОК на панели слоев появится еще один слой «Размытие копия» с маской.

Шаг 5

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

Затем выбираем слой «Размытие»:

После этого переходим Select - Modify - Expand (Выделение - Модификация - Расширить):

Шаг 6

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

После расширения выделения переходим Edit - Fill (Редактирование - Выполнить заливку) и в меню Content (Содержание) выбираем Content -Aware (С учетом содержимого). Настраиваем остальные параметры:

Шаг 7

Если отключить копию слоя «Размытие», то вы увидите, что человек практически полностью исчез. Photoshop клонировал разные участки фото и просто заполнил ими выделенную область.

Кликаем правой кнопкой по слою «Размытие» и выбираем Convert to Smart Object (Преобразовать в смарт-объект). Также не забудьте включить видимость копии слоя «Размытие».

Шаг 8

Теперь мы должны настроить фильтр. Сначала в центре документа добавляем две опорные точки (просто кликаем мышкой в том месте, где хотим добавить точку). Это создаст плавное размытие от верхней центральной границы документа к его центру. На панели справа устанавливаем Blur (Размытие) на 32 пикселя.

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

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

Шаг 9

Посмотрите ниже на результат размытия. Как видите, вокруг модели нет свечения:

Не забывайте, что фильтр Field Blur (Размытие поля) мы применяем к слою «Размытие». Не применяйте его к слою «Размытие копия».

Шаг 10

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

Выбираем слой «Размытие» и переходим Filter - Camera Raw (Фильтр - Camera Raw).

На вкладке Effects (Эффекты) (значок fx) есть настройки Grain (Зерно). Просто тянем за ползунки, чтобы установить Amount (Величина), Size (Размер) и Roughness (Неровность), как показано ниже.