Как в фотошопе убрать задний фон с фотографии. Как удалить фон в фотошопе у сложных объектов

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

Как убрать фон в фотошопе – волшебная палочка

Именно так называется инструмент, которым вы начнёте вырезать объект. Для этого вам нужно открыть желаемое изображение в фотошопе и найти её на панели инструментов. Для пользователей с англоязычным интерфейсом она будет записана как magic wand tool.

  • зажмите клавишу Shift и нажимайте Волшебной палочкой на фон, пока он весь не выделится. Запомните: отпускать shift нельзя, пока не выделите весь фон, также нельзя попадать палочкой на объект. Только фон!

Так выглядит процесс выделения:


  • когда вы нажали на все не выделенные пунктиром места и ваш фон наконец готов к дальнейшей работе, найдите клавишу Delete на своей клавиатуре и нажмите на неё,
  • обязательно проверьте настройки в появившимся окне, всё должно соответствовать скриншоту ниже,


  • по порядку на русском языке: первое поле содержит слово “Белый”, далее “Обычный”, и “100%”.
  • делайте клик по слову ОК,
  • вы получите вырезанный объект на белом фоне, но кое-где может остаться мусор от выделения,


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

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


Как убрать фон в фотошопе – выделение маски слоя

Придётся чуть больше потрудиться, но результат будет куда более лучше.

  • откройте желаемое изображение и сразу скопируйте слой, для этого правой кнопкой мыши кликните по миниатюре изображения справа снизу и выберите поле “Копировать слой” либо “Duplicate layer”,


  • теперь создаём маску на скопированном слое: справа снизу найдите нужную иконку и нажмите,


  • возле миниатюры слоя появится маленькое белое окошко, как на скриншоте,
  • теперь возьмите инструмент “Кисть”, нажав на латинскую букву B,
  • настройки вашей кисти должны быть как на скриншоте ниже,


  • выберите обязательно чёрный цвет кисти и нажмите клавишу Q, теперь миниатюра слоя выделена красным цветом. Это означает, что вы на верном пути.

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


  • теперь снова нажмите клавишу Q, а затем Delete,
  • фон удалён, вы можете перенести объект на новое место либо залить его белым цветом.


Оба варианта покажутся очень лёгкими, после того, как вы попробуете сделать их сами. Главное, не бойтесь ошибиться, ведь отменить последнее действие всегда можно с помощью сочетания клавиш ctrl + z + alt. А чтобы закрепить знания, посмотрите видео ниже.

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

Мы рассмотрим один из самых простых примеров по удалению фона - будем удалять однотонный задний план. Цвет заднего плана не важен, главное, что он однотонный. Кроме того, края у предметов переднего плана ровные, что также упрощают задачу. Но начинать надо с малого, не так ли?

В уроке я расскажу о двух способах удаления фона - с помощью инструмента Волшебная палочка" (Magic Wand Tool) и с помощью инструмента "Волшебный ластик" (Magic Eraser Tool). В уроке я буду использовать версию Photoshop CC (Creativ Gloud), но урок подойдёт и к версиям ниже, вплоть до CS4 включительно.

Я буду работать с изображением фруктов на белом фоне.

Вот моё исходное изображение:

Давайте приступим.
Для начала, открываем наше изображение в Photoshop и смотрим на панель слоёв (если по каким-то причинам, у Вас этой панели нет, то её отображение включается/выключается нажатием клавиши F7). Мы видим там один слой, этот слой является фоновым, Photochop его так и назвал, "Фон" (или в англ. Background), справа на слое имеется иконка замочка, означающая, что слой заблокирован для редактирования:

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

Теперь займёмся собственно удалением.

Удаление фона в помощью инструмента "Волшебной палочки" (Magic Wand Tool)

На панели инструментов, расположенной вертикально слева, выбираем инструмент "Волшебная палочка" (Magic Wand Tool):

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

Теперь редактировать мы можем только ту часть изображения, которая находится в выделенной области. Всё, что находится вне выделения, недоступно для любого редактирования (удаления, рисования, цветовой коррекции и т.п.).
Но, бывают случаи, когда не совсем понятно, какая часть изображения является выделением, а какая - нет.
Чтобы определить, какие пиксели в изображении доступны для редактирования, надо включить подсветку быстрой маски, для этого следует нажать клавишу Q. Вот как теперь выглядит документ:

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

Удалить выделенную область целиком очень просто - надо всего-лишь нажать клавишу Delete. Сделаем это, и, для лучшего просмотра, снимем выделение. нажав комбинацию Ctrl+D. Вот что получилось, серо-белый шахматный фон обозначает прозрачную область:

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

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

Давайте вернёмся назад и восстановим начальное состояние документа, для этого следует нажать кнопку F12.

Давайте настроим "Волшебную палочку". На данный момент нас интересует только одна опция этого инструмента - "Смежные пиксели" (Contiguous), которая в Photoshop включена по умолчанию. При активной данной опции, "Волшебная палочка" выделяет только смежные, т.е. соприкасающиеся друг с другом пиксели схожих цветов, а, в нашем случае, белые пиксели внутри ручки корзины отделены от внешних коричневыми пикселями этой самой ручки. Поэтому снимаем галку у опции "Смежные пиксели":

И кликаем "Волшебной палочкой" в том же самом месте, где кликали в первый раз, результат:

Нажимаем клавишу Q для включения быстрой маски, чтобы выделенная область была нагляднее:

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

Чтобы исправить этот недочёт, воспользуемся активной на данный момент быстрой маской (Quick Mask).

Возьмём инструмент "Кисть" (Brush Tool):

Нажимаем на клавишу D, чтобы основной цвет на палитре цветов стал чёрным, делаем диаметр кисти примерно равным диаметру белых пятен, жёсткость устанавливаем на 100%, и закрашиваем пятна, в процессе закраски пятна должны исчезнуть под розовой подсветкой:

После того, как пятна закрашены, снова нажимаем клавишу Q, а затем Delete. Результат:

Примечание. Если перед созданием выделения "Волшебной палочкой" установить параметр "Допуск" (Toleranse) на ноль (этот параметр расположен вверху окна Photoshop немного левее опции "Смежные пиксели", сейчас он равен 32, см. рис. выше), то в выделение не войдут участки на самой корзине, и танцев с быстрой маской и кистью делать не потребуется.

Собственно, задача выполнена, фон под фруктами удалён. Теперь я могу перетащить слой на другое изображение с помощью инструмента "Перемещение" (Move Tool), либо создать новый слой с каким-либо изображением под слоем с корзиной.

На примере, я создал под слоем с корзиной слой с оранжево-красным градиентом:

Удаление фона на фотографии инструментом "Волшебный ластик" (Magic Eraser Tool

Действие данного инструмента по принципу сходно с "Волшебной палочкой", отличие в том, что он более автоматизирован и специализирован.
Как и всеми специализированными инструментами, работать "Волшебным ластиком" проще и быстрее, но вот подойдёт он для выполнения далеко не всех подобных задач по удалению.

Но, для нашего случая, этот инструмент подойдёт идеально, поэтому, давайте приступим.

"Волшебный ластик" расположен в стеке под инструментом "Ластик":

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

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

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

Собственно, всё, задача выполнена. согласитесь, гораздо быстрее, чем "Волшебной палочкой".

Кроме того, если Вы сделаете параметр "Непрозрачность" (Opacity) меньше 100%, "Волшебный ластик" удалит фон не полностью, а сделает его полупрозрачным.

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

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

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

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

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

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

Делать различные 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 .

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

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

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

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

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

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

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

Шаг 1: Выделение

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

Если фон у вас монотонный, как в нашем случае, то гораздо проще выделить его, не так ли? Для этого выбираем инструмент «Волшебная палочка» (Magic tool) и кликаем по фону. Если сразу все не выделилось, то не унываем и, зажав на своей клавиатуре SHIFT, кликаем волшебной палочкой в оставшиеся области фона.

Если же фон у вас разноплановый, как на фотографии, или же вам нужно вытащить объект из другого коллажа, то придется попотеть, выделяя сам объект. На помощь вам придут различные лассо и «Быстрое выделение» («Lasso tool» etc + «Quick selection tool»).

Рис. 1. На изображении красным цветом выделены все инструменты выделения, которые вам могут понадобиться

Шаг 2: Удаляем фон

В других уроках вас попросят создать копию слоя и удалить фоновый слой (который с замочком), но не даром же мы прошлый урок посвятили изучению инструментов! Так что нам на помощь придет «Фоновый ластик» (Background eraser tool). Выбираем ластик побольше и тщательно удаляем весь фон, не боясь зацепить нужный нам элемент картинки/фотографии. На этом, по идее, все заканчивается, но посмотрите дополнение.

Рис. 2. С помощью «фонового ластика» удаляем фон

Шаг 3: Дополнение, шаг не обязательный

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


Рис. 3. Создаем «слой заливку»

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

P.S. В «Дополнении» можно уже использовать любой ластик, только предварительно выберите нужный вам слой, так как слой заливка, после его создания будет выбран по умолчанию. После того, как вы стерли всё необходимое, смело удаляйте слой с заливкой.

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

Но прежде чем я покажу несколько отличных способов, как удалить фон в фотошопе, стоит, пожалуй, прояснить некоторые моменты. Например, что же такое сложный объект? Для меня, сложным является все то, что невозможно вырезать при помощи пера (Pen Tool). К этой категории относятся: волосы, шерсть, трава, листья, облака и так далее. Вот именно для извлечения таких объектов и создан сегодняшний урок.

Способ первый: При помощи Channels

Удалить фон при помощи каналов - пожалуй один из самых эффективных, быстрых и популярных способов ЕСЛИ этот фон однородный. Например белый.

Переходим во вкладку Channels (добавить ее можно через меню Window) и выбираем канал, который делает объект наиболее контрастным по отношению к фону. В данном случае это blue.

Дублируем его. CTRL+J не работает, поэтому кликаем правой клавишей мыши и выбираем duplicate channel. Отключаем все каналы, кроме дублированного. Далее нажимаем сочетание клавиш CTRL+L и настраиваем ползунки таким образом, чтобы между фоном и краями объекта был максимальный контраст.

Отлично. Теперь выбираем инструмент кисть и закрашиваем объект черным цветом. Примерно так:

Осталось самое простое. Зажимаем CTRL, кликаем на иконку дублированного канала в панели channels, чтобы создать выделение. Затем включаем все выключенные ранее каналы, а дублированный удаляем. Очень важно, чтобы в итоге, выбранным остался канал RGB. Не снимая выделение переходим на вкладку слоев и нажимаем Delete. Вот и все.

Если же фон не однородный - придется изрядно повозиться. Давайте рассмотрим следующий способ.

Способ второй: При помощи Refine Edge

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

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

… и перейдем в Select - Refine Edge.

Точных настроек не существует. Все зависит исключительно от вашего изображения. Путем проб и ошибок у меня получилось примерно следующее:

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

В заключении

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



Понравилась статья? Поделиться с друзьями: