Фотошоп как задний фон размыть: Как размыть фон в Фотошопе – Как размыть фон в Фотошопе

Как размыть фон в Фотошопе

Как размыть фон в Фотошопе
Очень часто при фотографировании объектов последние сливаются с фоном, «теряются» в пространстве из-за практически одинаковой резкости. Решить проблему помогает размытие заднего фона. Этот урок расскажет Вам о том, как сделать задний фон размытым в Фотошопе.

Размытие заднего фона

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

Шаг 1: Отделение объекта от фона

Для начала необходимо отделить объект от фона. Как это сделать, читайте в этой статье, чтобы не растягивать урок.

Итак, имеем исходное изображение:

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

Обязательно изучите урок, ссылка на который приведена выше!

  1. Создаем копию слоя и выделяем автомобиль вместе с тенью.

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

    Особая точность здесь не нужна, авто мы потом поместим обратно. После выделения нажимаем внутри контура правой кнопкой мыши и образовываем выделенную область. Радиус растушевки выставляем 0 пикселей. Выделение инвертируем сочетанием клавиш CTRL+SHIFT+I. Получаем следующее (выделение):

    Размываем задний фон в Фотошопе (2)

  2. Теперь нажимаем сочетание клавиш CTRL+J, тем самым скопировав авто на новый слой.

    Размываем задний фон в Фотошопе (3)

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

    Размываем задний фон в Фотошопе (4)

Шаг 2: Размытие

  1. Применяем к верхнему слою фильтр «Размытие по Гауссу», который находится в меню «Фильтр – Размытие»
    .

    Размываем задний фон в Фотошопе (5)

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

    Размываем задний фон в Фотошопе (6)

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

    Размываем задний фон в Фотошопе (7)

  4. Теперь нам нужно сделать плавный переход от четкого изображения на переднем плане до размытого на заднем. Берем инструмент «Градиент».

    Размываем задний фон в Фотошопе (8)

    Настраиваем его, как показано на скриншоте ниже.

    Размываем задний фон в Фотошопе (9)

  5. Дальше самый сложный, но вместе с тем, интересный процесс. Нам необходимо протянуть градиент по маске (не забываем кликнуть по ней, тем самым активировав для редактирования).

    Размываем задний фон в Фотошопе (10)

    Размытие в нашем случае должно начинаться примерно на кустах за автомобилем, поскольку они находятся за ним. Градиент тянем снизу вверх. Если с первого раза (или со второго…) не получилось, ничего страшного — градиент можно протянуть снова безо всяких дополнительных действий.

    Размываем задний фон в Фотошопе (11)

    Получаем такой результат:

    Размываем задний фон в Фотошопе (12)

Шаг 3: Подгонка объекта к фону

  1. Теперь помещаем наш вырезанный автомобиль в самый верх палитры.

    Размываем задний фон в Фотошопе (13)

    И видим, что края авто после вырезания выглядят не очень привлекательно.

    Размываем задний фон в Фотошопе (15)

  2. Зажимаем CTRL и кликаем по миниатюре слоя, тем самым выделив его на холсте.

    Размываем задний фон в Фотошопе (14)

  3. Затем выбираем инструмент «Выделение» (любой).

    Размываем задний фон в Фотошопе (16)

    Нажимаем на кнопку «Уточнить край» на верхней панели инструментов.

    Размываем задний фон в Фотошопе (17)

  4. В окне инструмента выполним сглаживание и растушевку. Какие-то советы здесь давать сложно, все зависит от размера и качества изображения. Наши настройки такие:

    Размываем задний фон в Фотошопе (18)

  5. Теперь инвертируем выделение (CTRL+SHIFT+I) и нажимаем DEL, тем самым удаляя часть авто по контуру. Выделение снимаем сочетанием клавиш CTRL+D.

    Результат размытия фона в Фотошопе

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

При помощи данного приема можно размывать задний фон в Фотошопе CS6 на любых изображениях и подчеркивать любые предметы и объекты даже в центре композиции. Градиенты ведь не только линейные бывают…

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

Помогла ли вам эта статья?

ДА НЕТ

Как размыть фон в Фотошопе

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

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

Как размыть фон в Фотошопе

Как размыть фон в Фотошопе

Этап первый. Общее размытие

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

Сначала сделайте так, как в инструкции ниже:

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

    Наводим курсор мыши на слой, затем нажимаем левую клавишу и, не отпуская её, перетаскиваем слой на соответствующую иконку на панели инструментов

    На заметку! Есть и более простой способ сделать это – просто нажать на комбинацию клавиш «Ctrl+J».

  2. Выделите слой копию, кликнув по ней мышкой, затем нажмите на «Filter»
    и наведите мышкой на «Blur». Появится несколько вариантов размытия изображения. Выберите «Gaussian Blur…». Выделяем слой копию, кликнув по ней мышкой, нажимаем на «Filter» и наводим мышкой на «Blur», выбираем «Gaussian Blur»

    Выделяем слой копию, кликнув по ней мышкой, нажимаем на «Filter» и наводим мышкой на «Blur», выбираем «Gaussian Blur»

  3. Укажите уровень размытия примерно в 5-10 пикселей, затем повторите все вышеописанные шаги (копирование слоя, размытие по Гауссу…). Только во второй раз (уже для третьего слоя) укажите диапазон размытия около 12 пикселей. На этот момент у вас должно быть три слоя – один изначальный и две копии. Указываем уровень размытия примерно в 5-10 пикселей

    Указываем уровень размытия примерно в 5-10 пикселей

  4. Вновь повторите всю последовательность действий, и для четвёртого слоя укажите значение размытия в пределах 28 пикселей. Для четвёртого слоя указываем значение размытия в пределах 28 пикселей

    Для четвёртого слоя указываем значение размытия в пределах 28 пикселей

Узнайте подробную инструкцию, как в фотошопе поставить русский язык, в нашей новой статье.

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

Результат полученных размытых слоев

Результат полученных размытых слоев

На заметку! В данном случае мы использовали размытие по Гауссу (Gaussian Blur). Можете также поэкспериментировать с другими видами размытия – они дают весьма любопытные эффекты. Возможно, другой вид блюра понравится вам больше.

Этап второй. Плавный переход

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

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

    Выделяем самый верхний слой, нажимаем на иконку «Добавить слой-маску» на панели инструментов

  2. Теперь выделите мышкой маску и выберите инструмент «Gradient Tool». По умолчанию градиент будет состоять из белых и чёрных оттенков – именно это нам и нужно. Задайте градиент, зажав левую клавишу мыши и перетащив курсор немного вниз, как показано на скриншоте. Затем отпустите кнопку. Выделяем мышкой маску, выбираем инструмент «Gradient Tool», зажав левую клавишу мыши и перетащив курсор немного вниз, отпускаем клавишу

    Выделяем мышкой маску, выбираем инструмент «Gradient Tool», зажав левую клавишу мыши и перетащив курсор немного вниз, отпускаем клавишу

  3. Повторите те же действия со вторым слоем (маска, градиент). Только на этот раз перетащите градиент от самой высшей точки ближе к центру. Результат должен быть примерно таким, как на фото ниже. Создаем для второго слоя маску, выбираем инструмент «Gradient Tool», перетаскиваем градиент от самой высшей точки ближе к центру

    Создаем для второго слоя маску, выбираем инструмент «Gradient Tool», перетаскиваем градиент от самой высшей точки ближе к центру

  4. С третьим слоем сделайте то же самое. Градиент на этот раз перетаскивайте уже ближе к самому низу изображения. В третьем слое градиент перетаскиваем ближе к самому низу изображения

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

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

    Нажимаем на панели инструментов на иконку «Добавить папку», перемещаем в нее все слои с помощью левой кнопки мыши

  6. Теперь добавьте маску к этой группе, выше показано, какая иконка отвечает за создание маски, если вы вдруг забыли, и чёрной кистью обведите контуры девушки. После этого она «удалится» из всех слоёв с размытием и будет отображаться в том виде, в котором была на самом первом слое – то есть не размытой. Для достижения лучшего эффекта нужно приближать изображение (кнопки «Ctrl» и «+») и обводить контуры максимально чётко. Результат должен получиться таким, как на фото ниже. Добавляем маску к папке, нажимаем на инструмент «Кисть», обводим контуры девушки, получаем результат

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

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

Заключение

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

Видео — Как идеально размыть фон в Фотошопе

Понравилась статья?
Сохраните, чтобы не потерять!

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

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

И так давайте делать все по-порядку.

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

Подробный урок — Как размыть задний фон в фотошопе

1. Скачиваем фотографию себе на компьютер и открываем в фотошопе Файл→Открыть (File→Open или CTRL+N – в скобочках вместе с переводом буду указывать сокращения – проще говоря “горячие” клавиши, которые позволяют экономить время в программе фотошоп).

Универсальный редактор для фотографий

 «Домашняя Фотостудия» – это современная и эффективная программа для обработки фотографий. Используя основные функции данного софта, любой пользователь сможет быстро и качественно отредактировать необходимые фотоснимки. Помимо стандартного набора действий (ретушь и устранение дефектов, улучшение качества изображения и т.д.) данный графический редактор включает свыше 100 уникальных эффектов и фильтров, десятки вариантов оформления фото: маски, рамки, коллажи, а также возможность создания открыток и календарей на основе ваших снимков. Приложение можно скачать на официальном сайте программы: 

2. Фотография имеет большой размер, давайте немного его уменьшим (что бы помещалась на экране, этот шаг можно пропустить), идем в меню Изображение→Размер изображения (Image→Image Size… или Alt+Ctrl+I) и уменьшаем размер нашей фотографии, я сделал по ширине 500 пикселей, по высоте программа автоматически сделала 750 пикселей, далее нажимаем ОК.

3. Давайте поставим 100% масштаб для фотографии, для этого два раз кликаем левой кнопкой мыши по инструменту  Масштаб (Zoom или Z).

4. После этого идем в меню Окно (Windows) и выбираем палитру Слои (Layers или F7). Открывается палитра для работы со слоями в фотошопе.

Выбираем наш слой, сейчас он единственный в документе, кликаем по нему правой кнопкой мыши и выбираем пункт Создать дубликать слоя (Dublicate Layer…).

Создается копия слоя (слои полностью идентичный начальному). Назовем его Копия и нажимаем ОК.

4. Теперь перейдем к созданию размытия на фотографии. Идем в меню Фильтр (Filter) и выбираем команду Размытие (Blur, как видите способов размытие несколько, мы выберем пункт Размытие по Гауссу, Gaussian Blur).

Я выбрал значение 3 пикселя.

В итоге у меня получилось так.

И так фон мы с вами размыли (надесь тут все понятно и у вас больше не будет вопросов как сделать размытый фон в фотошопе), осталось сделать четкой нашу невесту на переднем плане. Для этого идем в палитру Слои (Layers, F7), выбираем наш размытый слой и кликаем по кнопочке Добавить слой-маску (Add Layer Mask).

На слой добавляется маска.

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

Вернемся к нашему примеру. Берем инструмент  Кисть (Brush, B), ставим для нее цвет переднего фона: #000000 — черный (в палитре с инструментами внизу 2 квадратика – первый цвет переднего фона, второй – заднего фона) и нажимаем ОК.

После этого выбираем наш размытый слой, выбираем пиктограмму маски в палитре слоев.

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

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

Если с размером кисти все понятно, чем больше число, тем больше размер кисти. По поводу жесткости поясню, чем больше процент жесткости у кисти, тем четче получаются края при рисовании. Если же поставить жесткость меньше 100% края кисти при рисовании получаются размытыми, тем самым получается плавный переход в нашем уроке. Нам нужно экспериментировать с жесткостью во время обработки изображения.

Я взял кисть с жесткостью в 20% и порисовал ей в области лица девушки и вот что у меня получилось:

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

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

Теперь остается просто выделить черной кистью (изменяя жесткость, размер кисти и цвет кисти в нужных местах) нашу невесту, в итоге у меня получилось вот так:

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

У вас возникли вопросы по ходу урока, пожалуйста задавайте их в комментрариях уроку.

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

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

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

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

А если у вас нет зеркальной фотокамеры или снимок сделан уже с другими настройками, то это можно поправить в программе Adobe Photoshop CC. Фильтры размытия применяются и в других случаях, например, когда нужно имитировать движение предмета, выделить центр фотографии или написать текст по фото.

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

Выделение предмета

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

Способ выделения подбирается в зависимости от формы предмета, его контрастности по отношению к фону, четкости краев. В качестве примера, для выделения жирафа, я использовал «Быстрое выделение» (Quick Selection Tool). Этот инструмент работает в автоматическом режиме. Проведите им по телу жирафа, меняя размер кисти по ходу и «заглатывая» нужные области.

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

Быстрое выделение

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

Удаление косяков выделения

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

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

Растушевка краёв

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

Быстрая маска

Далее, когда выделение готово, его необходимо инвертировать — Выделение/Инверсия… (SHIFT+CTRL+I), чтобы выделенным стал фон, а не предмет.

Инверсия

Нажмите CTRL+J или — Слой/Новый/Скопировать на новый слой…

Создание нового слоя

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

Выделение созданного слоя

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

Размытый фон правильным фильтром

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

Ели вы хотите, чтобы эффект был похож на реальный снимок с отсутствием резкости на заднем плане, то выберите — Фильтр/Размытие/Размытие при малой глубине резкости…

Размытие при малой глубине резкости...

Значение радиуса — это основная настройка фильтра. Поставьте его на максимум. Остальные ползунки выставьте на свое усмотрение.

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

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

На каких фото можно размыть фон?

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

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

Размытие фона на сложной фотографии

Как видно на снимке выше, задача еще усложнилась. Животное стоит на плоскости, резкость под ним, должна быть такой же как и на нем. А дальше постепенно пропадать и в самой дальней точке иметь максимальное размытие. Как это сделать на практике?

Размытый фон для сложной сцены

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

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

Выделение предмета

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

Также, как в описании выше инвертируем выделение, переносим на отдельный слой (CTRL + J) и заново загружаем выделение нажав по миниатюре слоя с клавишей CTRL.

Примените «Размытие по Гауссу» или «Размытие при малой глубине резкости». Я выбрал второй вариант и задал максимальное значение радиуса.

Рамытый фон

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

Маска слоя

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

Проведите направление перетекания, как показано на скриншоте ниже.

Градиент на маске слоя

Теперь, фотография смотрится естественно.

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

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

ВИДЕО УРОК: Как сделать размытый фон на фото


Оставляйте отзывы о уроке, в комментариях к статье.

Градиент на маске слоя

(Visited 2 934 times, 1 visits today)

Добавить комментарий

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