Как размыть фон в фотошопе – Как красиво размыть фон в Photoshop / Фотошоп-мастер

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

Если говорить о работе с растровой графикой, то программе «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» и «+») и обводить контуры максимально чётко. Результат должен получиться таким, как на фото ниже. Добавляем маску к папке, нажимаем на инструмент «Кисть», обводим контуры девушки, получаем результат

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

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

Заключение

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

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

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

pc-consultant.ru

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

Дорогие друзья, если вас мучает вопрос как сделать размытый задний фон у фотографии в фотошопе, то данный урок 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% и порисовал ей в области лица девушки и вот что у меня получилось:

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

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

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

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

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

blogohelp.ru

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

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

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

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

Шаг 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 на любых изображениях и подчеркивать любые предметы и объекты даже в центре композиции. Градиенты ведь не только линейные бывают…

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

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

ДА НЕТ

lumpics.ru

Как размыть фон в фотошопе – Как красиво размыть фон в Photoshop / Фотошоп-мастер

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

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

Пролистать наверх