13.08.2016 27.01.2018

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

Группа фильтров размытия существует в программе Adobe Photoshop давно, ещё с ранних версий, группа включает в себя много вариантов для размытия - Размытие по Гауссу (Gaussian Blur), Размытие в движении (Motion Blur), Размытие по поверхности (Surface Blur) и многие другие, находится данная группа фильтров в меню Фильтр-Размытие (Filter -Blur ). Начиная с версии CS6 появились новые типы размытия, с более широким спектром настроек, открыть подгруппу с новыми фильтрами можно, перейдя в меню Фильтр-Галерея размытия (Filter -Gallery Blur).

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

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

Откроем фото с девушкой (https://cloud.mail.ru/public/C9Q6/jDda1wyej), фон и девушка на этом изображении имеют одинаковую степень четкости из-за чего девушка теряется в фоне. По одному из правил воздушной перспективы главный объект должен быть четче и контрастнее, тогда наш глаз сразу будет улавливать, где в композиции главные вещи, а где - второстепенные. Файл-Открыть (File-Open) :

Дублируем слой (Ctrl + J ) либо же двойной щелчок по слою в панели слоев-Создать дубликат слоя (Duplicate Layer). Открываем фильтр Размытие по Гауссу (Gaussian Blur), Фильтр-Размытие-Размытие по Гауссу (Filter -Blur-Gaussian Blur). Откроется следующее окно:

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

К слою с размытием добавляем маску слоя , нажимаем на иконку маски слоя в панели слоев:

Выбираем инструмент Кисть (Brush ), горячая клавиша вызова инструмента В (в английской раскладке):

Цвет переднего плана - черный :

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

Вот как выглядит маска слоя после обработки черной кистью :

И изображение в целом:

Использование маски слоя имеет один негативный момент - на стыке главного объекта и фона появляется ореол, этого можно легко избежать, если до размытия при помощи инструмента Штамп (Clone Stamp Tool ) , функции Заливка с учетом содержимого (Content-Aware Fill) или любым другим удобным для вас инструментом клонировать фон на стыке с объектом, внутрь самого объекта. В случае с нашим фото, это выглядит так (да простит меня эта милая девушка!):

Кратко о работе инструмента Штамп (Clone Stamp Tool ).

Быстрая клавиша вызова инструмента - S . При помощи инструмента можно клонировать части изображения в другие области. Для того, чтобы выбрать образец для переноса, щелкаем левой клавишей мыши с зажатой клавишей Alt , потом отпускаем Alt и переносим кусочек выбранного изображения в нужную область, снова щелкаем левой клавишей мыши - и кусочек «приживается» на новом месте.

Повторюсь, на стыке объекта и фона мы берем образец с фона и переносим его на объект и так по всему контуру главного объекта.

А вот как выглядит изображение, если размыть не исходный слой, а обработанный по контуру инструментом Штамп (Clone Stamp Tool) и потом снова стереть по маске слоя размытие с девушки:

Ореола нет, границы четкие, акцент - на девушке, фон не отвлекает на себя внимание.

Вот мы и узнали, как сделать размытие в фотошоп.

Размытие фона – один из самых популярных приёмов. Он делает объект съёмки более выразительным, не позволяя зрителю отвлекаться на посторонние предметы с заднего плана. Фотография в целом смотрится более профессионально и привлекательно. Добиться подобного эффекта можно в процессе съёмки с помощью настроек фотоаппарата, но не только! Даже если на готовых снимках фон не размыт, ничего страшного. Лёгкий в освоении языке «Домашняя Фотостудия» вам поможет. Читайте статью и узнаете, как размыть задний фон на фотографии с использованием программы.

Размытый фон на портретный снимках помогает создать акцент на лице модели

5 шагов на пути к размытию фона

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

Шаг №1. Установите фоторедактор

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

Шаг №2. Добавьте фотографии

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

Добавляем фото для обработки

Шаг №3. Очистите снимок от дефектов

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

С опциями из меню «Изображение» вы сможете легко преобразить снимок

Шаг №4. Как сделать фон размытым

Редактор фотографий предлагает три инструмента на выбор: , и . Какой из них использовать, зависит от целей, особенностей фотографии и личных предпочтений.

★ позволяет достаточно быстро и точно растушевать задний план. Инструмент располагается во вкладке «Эффекты» . Принцип действия заключается в том, чтобы обвести по контуру основной объект на снимке. Всё, что находится за пределами выделения, программа размоет с указанной интенсивностью и силой растушёвки границ.

Размываем отдалённые объекты инструментом «Размытие фона»

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

Выделяем объект, который должен остаться без размытия

★ – это более гибкий инструмент. Растушёвка происходит только на тех участках, которые вы закрашиваете вручную. С его помощью можно размыть фон лишь частично (только края или контур вокруг фигуры), а также подчистить фрагменты изображения, которые не удалось размыть предыдущим инструментом. Такое случается, если, к примеру, модель поставила руку на пояс, и между рукой и телом получился закрытый участок фона.

Растушёвываем кистью дальние тюльпаны, оставляя чёткими цветы на переднем плане

Инструмент кисти размытия располагается на панели слева – найдите картинку в виде капельки. Вы можете отрегулировать размер кисти, жёсткость и интенсивность размытия.

★ Фильтры размытия и сильного размытия растушёвывают изображение сразу на всей картинке. На верхней панели нажмите «Изображение» > «Фильтры» > «Размытие»/«Сильное размытие» . Далее выберите «Кисть отмены» , которая находится в меню слева, и с её помощью уберите размытие с главного объекта в кадре.

Удаляем размытые участки с фигуры мужчины с помощью кисти отмены

Шаг №5. Сохраните фотографию

Если результат вам нравится, пришло время зафиксировать его. Редактор фото позволяет сохранить изображение в любом удобном формате: JPEG, PNG, GIF, PSD, PDF и других. На верхней панели меню кликните «Файл» > «Сохранить» .

Хотите узнать, как сделать фотографию с размытым задним фоном с помощью фотоаппарата, а не в редакторе? Тогда вам придётся разобраться с таким понятием, как глубина резкости. Именно она отвечает за то, какая часть пространства будет оставаться чёткой. Чтобы размыть всё позади объекта фокусировки, нам требуется небольшое значение глубины резкости. Как его уменьшить?

– Значение диафрагмы (F). Чем шире раскрыта диафрагма (меньше показатель F), тем меньше глубина резкости, а значит, больше фоновой обстановки будет размыто.

– Фокусное расстояние. Если коротко, оно определяет дистанцию, на которую объектив приближает фотографируемый объект. Для получения размытого фона стоит применять длиннофокусные объективы или выставлять максимальный зум на фотоаппарате.

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

Теперь вы знаете, как поступить, если нужно сделать портрет с размытым фоном или получить красивые фотографии с предметной съёмки. Акцентируйте внимание зрителя лишь на самом важном! С «Домашней Фотостудией» вы легко отредактируете снимки всего за несколько минут. Пополняйте свой фотоальбом только идеальными кадрами!

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

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

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

Способ 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

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

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

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

16.02.2015 27.01.2018

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для чего же нужно научится размывать задний фон в фотографии? Вопрос о том, как размыть задний фон очень актуальный, и его задают многие новички, которые только-только взяли в руки зеркалку. Размытый задний фон придает фотографии большей загадочности, что ли. А главное, выделяет главный объект! Но, откровенно говоря, я не фанат такого способа, я за «натуральное» боке . Но, если у вас объектив не блещет «боке»(например как мой ), то тут уже ничего не поделаешь, приходится «выкручиваться такими способами».

Итак, приступим к самому уроку. Хочу заранее сказать, что нужны основные понятия о том, и с масками (даю ссылку на урок с другого сайта, так как там отлично все расписано, и я уже не вижу смысла писать о масках что-то).

Открываем фотографию в программе Adobe Photoshop.

Делаем копию основного слоя (можно сделать Ctrl + J). В дальнейшем будем работать с копией слоя.

Теперь заходим в «Фильтр» — «Размытие» — «Размытие по Гауссу…» и выставляем около 5.5 пикс. (можно и больше, можно и меньше, это смотрите по ситуации и по тому, какой степени размытости вы хотите достигнуть):

Теперь включаем маску копии основного слоя. Это можно сделать нажав на данную кнопку и при этом зажав Alt:

И когда маска успешно создана, выбираем толщину кисти и «зарисовываем» задний фон:

И в итоге у нас должно получится подобное:

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

И да, этот способ не идеален, но или учимся делать боке во время съемки (если у вас зеркалка). Но, за то вы научились размывать задний фон фотографии в фотошопе .

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