Уроки фотошопа — как убрать фон… Второй вариант! Размытый задний фон: как сделать или размыть фон в фотошопе cs5 и cs6

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

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

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

Мы с Вами пойдем другим путем, мы же профессионалы…

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

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

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

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

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

Радиус растушевки выставляем 0 пикселей . Выделение инвертируем сочетанием клавиш CTRL+SHIFT+I .

Получаем следующее (выделение):

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

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

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

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

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



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

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



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

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

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

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

Затем выбираем инструмент «Выделение» (любой) и нажимаем на кнопку «Уточнить край» на верхней панели инструментов.



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

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

Выделение снимаем сочетанием клавиш CTRL+D .

Давайте сравним исходное фото с конечным результатом:

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

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


Фоторедактор Movavi – прекрасная и очень простая программа, в которой можно не только редактировать фотографии, добавлять им эффекты, настраивать экспозицию и пр. В ней также легко можно убрать задний фон и изменить его на другой. Справится даже ребенок! Именно на этом функционале Movavi Photo Editor мы сегодня и остановимся.

Посмотрите эту коротенькую видеоинструкцию, после чего мы пошагово разберем весь процесс:

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

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

Посмотрим, как программа справится с «живым» фото, а не тестовым, потому что в описании на сайте movavi.ru всё выглядит весьма заманчиво:

После загрузки файла в меню инструментов кликните на опцию «Удаление фона»:

Шаг 1. Выделение объекта и фона

На этом этапе наша задача состоит в том, что определить:

  • Что надо удалить с фотографии (в данном случае – фон)
  • Что надо оставить (в данном случае – центральный объект)
При помощи инструмента Кисть + надо нанести зеленые штрихи внутри объекта. А при помощи инструмента Кисть – надо нанести красные штрихи внутри фона. Размер кисти можно менять, в зависимости от того, насколько мелкие детали на картинке. «Так просто?!» — спросите Вы. Да, именно так всё просто:)

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

Не нужно целиком закрашивать фон и объект кистью – достаточно всего несколько штрихов! Уникальный алгоритм обработки изображений Movavi сделает дальнейшую работу самостоятельно.

Шаг 2. Уточнение контура

Откорректировать выделение можно рядом способов:

  1. Ластик – сотрите лишние красные или зеленые штрихи кисти.
  2. Смягчение границ – выберите один из вариантов (0 – самый резкий контур, 3 – самый плавный).
  3. Размытие краёв – чем больше значение, тем более плавной будет граница объекта относительно фона (добавляется эффект блюра).
  4. Смещение краев. Если выделение произошло немного неточно, с захватом отдельных пикселей фона по контуру, то изменяя данный ползунок, можно сжимать/расширять края выделения объекта.

Шаг 3. Замена фона

Фоторедактор Movavi дает возможность:

  1. Сохранить прозрачный фон
  2. Заменить фон сплошной заливкой (цвет можно выбрать из палитры)
  3. Поменять фон на произвольную картинку

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

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


После применения изменений можно поиграться в фоторедакторе с эффектами. После 2-3 минут настроек у меня получился вот такой результат:

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

К сожалению, Movavi Photo Editor не бесплатна. Чтобы с её помощью убрать задний фон на фото , придется немного раскошелиться:) Вернее сказать, скачать софт с официального сайта и работать в нем можно совершенно спокойно – деньги попросят только за сохранение результата. Лицензия стоит 990 руб. Если часто редактируете фотографии и любите создавать коллажи с заменой фона – то покупка будет более чем оправдана. Времени сэкономите кучу, и не придется изучать Фотошоп:) В остальных случаях – решать Вам.

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

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

Рассмотрим несколько самых популярных и простых способов, которые помогут вам убрать фон фотографии.

Использование ластика

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

Одним из таких инструментов является «Волшебный ластик». Он доступен во всех версиях программы Фотошоп.

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

    1. На панели инструментов откройте вкладку инструментов типа «Резинка». Затем кликните на элементе «Волшебный ластик»;
  1. Теперь следует дважды кликнуть указателем мышки на белом фоне открытого изображения. Ластик автоматически определит все границы фона и основного фото. Нажмите на клавишу Delete , чтобы удалить выделенную область. В некоторых сборках редактора Photoshop достаточно просто кликнуть указателем и выделенная область будет удалена автоматически.

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

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

  • Откройте панель параметров «Волшебного ластика». Проверьте пункт «Смежные пиксели» (или Contiguous). Он должен быть отмечен галочкой. Наличие этого пункта в настройках волшебного ластика позволяет инструменту выделять и удалять только те наборы пикселей, которые соприкасаются между собой. Таким образом, другие элементы картинки останутся целостными. Чтобы применить инструмент ещё раз, отменить предыдущий результат удаления фона и с уже новыми параметрами ластика уберите фон;
  • Отрегулируйте параметр «Допуск» (Tolerance) в настройках ластика. Расположение этого пункта настроек можно увидеть выше на рисунке 3. Чем выше значение этого пункта, тем больше вероятность того, что ластик удалит больше количество обнаруженных оттенков фона. Увеличивайте параметр допуска и постепенно ластик перестанет выделять элементы объекта на картинке. Если по каким-либо причинам этим способом удалить кайму не удаётся, попробуйте на главной панели меню выбрать окно «Слой». Затем кликните на «Обработке краёв» и выберите пункт «Убрать кайму».

Результат удаления фона с применением описанных параметров:

Убираем фон с помощью «Волшебной палочки»

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

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

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

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

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

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

Чтобы разблокировать фон, перейдите на панель Layers («Слои»). Кликните на значок замка, чтобы выставить его в положение «Открыто».

Только потом используйте инструмент «Волшебная палочка».

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

Убираем фон внутри картинки

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

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

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

Для начала нужно создать копию синего канала картинки. Для этого нажмите на сочетании горячих клавиш Ctrl - L .

Появится окно Уровней. Передвигайте ползунки до тех пор, пока все серые цвета стали максимально напоминать чёрный оттенок.

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

Нажмите на миниатюру копии канала, которая была создана в самом начале. Во время клика удерживайте нажатой кнопку Ctrl .

В результате появится выделение изображение. Сделайте инвертацию с помощью нажатия сочетания клавиш Shift -Ctrl -I .

Теперь нажмите кнопку Backspace на клавиатуре, чтобы удалить лишний слой. Вы можете создать его копию, нажав на Ctrl -J .

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

Рис. 9 – итог удаления фона внутри рисунка и по внешним сторонам

Откройте скачанный вами файл и следуйте инструкциям по установке.

Загрузите фотографию в программу

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

Замените фон

Чтобы заменить фон на фото, откройте вкладку Замена фона . Нанесите несколько штрихов зеленой кистью внутри объекта переднего плана, который вы хотите сохранить на фотографии. Затем выберите красную кисть и аналогичным образом выделите фон, который будете менять. Чтобы стереть выделение, используйте ластик . Кроме того, для выделения объектов можно выбрать инструмент Лассо . Поставьте начальную точку и ведите курсором вдоль границ объекта – линия будет автоматически примагничиваться к краям. Выделенный объект программа обведет пунктирным контуром. Данный этап не требует щепетильности: просто нажмите кнопку Следующий шаг , чтобы скорректировать контур.

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

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

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

Здравствуйте, уважаемые читатели!

Фотошоп — это интересная штука, которой должен уметь пользоваться каждый! Я не буду объяснять здесь что это и как, я просто буду давать полезные уроки на понятном языке.

Как говорят многие — буду писать для чайников!

Для кого-то фотошоп — это хобби, для кого-то — способ заработка, ну или просто развлечение… А для меня фотошоп — это очередной незаменимый инструмент, без которого мне и моему блогу нет дороги!

Он помогает мне делать классные уникальные картинки (Об этом я напишу позже — у меня там свои фишки, советую подписаться на мой блог. А то вдруг статья выйдет, а вы не узнаете об этом…)

Делать различные 3D коробки и обложки, надписи и т.д

Поэтому я понемногу стал овладевать этими знаниями, и хочу начать обучать и вас! Это не будут очередные унылые и заумные уроки для профессионалов — все будет для чайников в интересном формате (друзья, здесь без обид).

По этому поводу я создаю на блоге еще один раздел под названием «Уроки Фотошоп»!

Да разделов у меня многовато, и один даже есть пустой — но вы на это не смотрите! Скоро я исправлюсь и все-все заполню полезными статьями…

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

Ну что, заканчиваем с таким сказочным вступлением и пора бы приступать к теме поста…

В этой небольшой статье мы раскроем такой небольшой секрет: «Как убрать задний фон с картинки в фотошопе?»

Недавно я сам задавался таких вопросом и был в поисках ответа на него… Но теперь, все это я делаю в считанные секунды и даже друзья-блоггеры просят меня о помощи (я им не раскрыл секрета и сказал, что лучше напишу статью по этому поводу — вот они обрадуются)

Как убрать задний фон с картинки в фотошопе!

Но для начала нам понадобится программа под названием Photoshop (точнее так — Adobe Photoshop )…

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

Открываем наш Фотошоп…

Теперь нам нужно добавить нашу картинку для удаления фона: Файл — Открыть … (думаю тут скрин не нужен)

Я буду использовать вот такую картинку для примера (возьму и библиотеки блога, чтобы не грузить лишнее ):

P.S. А вот небольшое замечание: картинка должна быть в формате JPG , с форматами PNG и GIF такая фишка не пройдет… Но если у вас картинка не в формате JPG, то это еще не повод для расстройств — нам нужно просто сменить формат картинки!

Как сменить формат картинки?

Здесь все просто! Можно воспользоватся например программой Paint (это стандартная программка, которая есть на каждом компьютере — ну или по крайней мере должна быть)

Открываем картинку и просто сохраняем ее в уже нужном нам формате (Jpg ) без каких либо изменений!

C Фотошопом такая фишка не проходит: не хочет картинки формата PNG и GIF сохранять в Jpg

Кстати, я использую Adobe Photoshop CS6 Portable … (p.s. мне очень хорошая версия попалась)

После добавления картинки, в окне «Слои » сделайте двойной клик и в открывшемся окне нажмите «ок » (так мы сможем создать новый не заблокированный слой и в последствие произвести изменения ):

Теперь нам нужно выбрать в левой панели инструмент под названием «Волшебная палочка » (работает точнее чем «Быстрое выделение «) и с помощью нее производить клики по тем участкам картинки, которые хотим удалить… (сделали клик левой кнопкой мыши, тем самым выделив участок и нажали Delete):

После удаления фона нужно произвести сохранение (Файл — Сохранить как… ). Картинку нужно сохранять только в формате PNG , только тогда фон останется прозрачным!

В общем вот мой результат:

Возможно у меня есть некоторые погрешности, но я просто спешил — все это можно исправить, уделив больше внимания! Но главное, чтобы вы уловили саму суть…

Теперь такую картинку с легкостью можно поместить на любой фон!

Уроки фотошопа — как убрать фон… Второй вариант!

А вот второй вариант! Если честно, то он мне не по душе!

Все остается прежним, только мы используем другой инструмент, а именно — «Перо». Вообщем, смотрите картинку:

Надеюсь суть картинки понятна! Нам нужно выделять объект точечками пока не замкнется контур… Если поставили точку неверно, не переживайте — ее можно отменить (во вкладке: Окно — История , ну или кликом правой кнопкой мыши по ней — Удалить опорную точку )

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

Когда проставите все точки и контур замкнется, сделайте клик правой кнопкой мыши — Образовать выделенную область , ну а дальше смотрите на картинке:

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

Почему мне не по душе этот вариант?

  • очень долго (особенно, если картинка — это не круг или квадрат=)
  • контур картинки иногда изменяет свой вид

И так как второй вариант мне не нравится, я решил записать небольшой видеоурок только по первому… Вообщем, смотрим:

Ну да, не удержался и записал про два способа=)

На видеозаписи не видно курсора во-время работы в программе — завис что-то… Но, думаю суть ясна! А еще я не добавил никаких титров, но выше написана классная статья, а еще я жду вас со своими вопросами в комментариях!

На этом все! Всем пока!



Есть вопросы?

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: