Как убрать задний фон в фотошопе сс. Короткий урок: быстрое удаление фона при помощи инструмента “Фоновый ластик”

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

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

Именно так называется инструмент, которым вы начнёте вырезать объект. Для этого вам нужно открыть желаемое изображение в фотошопе и найти её на панели инструментов. Для пользователей с англоязычным интерфейсом она будет записана как 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%, "Волшебный ластик" удалит фон не полностью, а сделает его полупрозрачным.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавляем другой фон

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

Рассмотрим, как можно поменять фон картинки, у которой предыдущий задний слой был удалён.

Добавьте в один проект рисунок с текстурой и картинку с удалённым фоном:

Перейдите на панель слоёв и поместите структуру наверх. Укажите параметр наложение как «Затмение» или «Умножение».

Как видим, элемент проявился сверху текстуры, однако, некоторые белые части картинки также приняли цвет текстуры:

Добавьте к самому верхнему слою дополнительную слой-маску:

После добавления маски сотрите с объекта оставшиеся цвета текстуры с помощью «Кисти». Получившийся результат:

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

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

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

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

Для примера очаровательной девушки.

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

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

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

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

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

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

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

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

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

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

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

В заключении

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

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

Предпросмотр законченного результата

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

Шаг 2: Как работает инструмент
Не смотря на свое название “Фоновый ластик”, данный инструмент имеет значительно более широкие стирающие возможности, чем простое удаление фона. На самом деле его работа более похожа на стирание цвета. Итак, приступая к работе выберем инструмент. Вы можете, удерживая Shift, повторно нажимать клавишу E, чтобы циклически переключать инструменты на панели ластика. Либо непосредственно кликнуть по иконке инструмента на панели инструментов.

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

Помните, что величина Жесткости (Hardness) всегда должна быть максимально возможной, иначе после инструмента могут остаться недоудаленные фрагменты фона. Задайте нужный размер кисти, а величину интервалов задавайте относительно небольшой, в пределах 1-50%, так, чтобы удаление осуществлялось мягко и равномерно.

На верхней панели опций активируйте режим Проба: однократно (Sampling Once), так чтобы мы могли, задав нужный цвет один раз, обработать большую область. Пока установите параметры Ограничения (Limits) в положение Смежные пикселы (Contiguous) и Допуски (Tolerance) – 50%.

Шаг 3: Приступаем с тиранию
Кликните в произвольной точке неба, зажмите ЛКМ и поводите по холсту, стирая область неба.

Как вы могли бы заметить на изображении выше, фон между вервями и листьями остается нетронутым. Это происходит из-за заданных настроек Ограничений (Limits). Снова обратитесь к верхней панели опций и измените Ограничения на Выделение краев (Discontiguous). Теперь повторите процесс стирания и понаблюдайте за эффектом.

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

Шаг 4: Еще несколько опций
В моем случае, когда я работал инструментом при Допусках (Tolerance) - 50% (задано по умолчанию), результат получился вполне приемлемым. Но вы не пугайтесь, если вдруг у вам получится нечто вроде вот этого:

Если это все же произошло, значит фоновый цвет слишком близок к цвету самого объекта, и вам нужно всего-навсего уменьшить величину Допуска (Tolerance levels). В том случае, если цвет фона достаточно сильно отличается от цвета самого объекта, который расположен на этом фоне (как, например, в моем случае), то Допуск можно увеличить, получив еще более совершенный результат. При правильно подобранной величине допуска, у вам должно получиться нечто вроде этого:

Шаг 5: Еще больше настроек!
Если после нескольких попыток подобрать нужный уровень Допуска, инструмент все еще создает вам проблемы, стирая вместе с фоном сами объекты, активируйте опцию защиты Основного цвета, поставив галочку на пункте Основной цвет (Protect Foreground Color).

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

Шаг 6: Различные фоновые цвета
После применения инструмента Фоновый ластик на всей площади фона при одном заданном цвете, вы можете получить вот такой реузльтат:

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

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

Шаг 7: Заключительный шаг
После того, как фон будет удален, у вас есть два пути, по которым вы можете пойти далее. Вы можете выделить только что очищенные от фона объекты и использовать их в проекте по созданию другой композиции, либо заменить удаленный фон чем-нибудь другим, получив новое изображение (именно так мы и поступим). Скачайте набор с небесными градиентами и выберите какой-нибудь на свое усмотрение. Я решил заменить мой прежний фон чистым синим небом:

Вот что получилось в результате:

Законченный результат:

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