Разработчики из компании Bonanza потратили более двух лет на создание программы для автоматического удаления фона с изображений. Задача оказалась гораздо сложнее, чем думали поначалу. Как оказалось, автоматическое удаление фона - одна из классических проблем компьютерного зрения, известная ещё с 80-х годов.

Как это часто бывает, если бы разработчики понимали всю сложность задачи, они бы вообще не брались за её решение. Но потом оказалось, что назад пути нет, и всё-таки им удалось добиться определённого успеха. 11 апреля они запустили конвертер Bonanza Background Burner , который неплохо очищает фон на произвольных фотографиях, при небольшой помощи или вовсе без неё. Доступ через API пока бесплатен, но в будущем владельцы сервиса что-нибудь придумают.

Сервис предназначен, в первую очередь, для интернет-магазинов. Известно, что товар на белом фоне продаётся как минимум на 10-15% лучше, чем без него. Так что простая автоматическая процедура сразу приносит материальный эффект. Кстати, по этой причине Amazon и некоторые другие интернет-магазины требуют, чтобы товары были представлены на белом фоне в обязательном порядке.

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

Результат обработки в Bonanza Background Burner показан на примерах ниже.

Авторы программы говорят, что за основу взяли OpenCV, написали слой на Ruby для настройки «движка» и испробовали более 100 комбинаций различных техник обработки изображений. Сейчас конвертер работает в 8 проходов и успешно удаляет фон на 70% фотографий. С учётом ручной доработки этот процент повышается до 85%. К концу 2014 года они намерены довести эффективность до 90% улучшить производительность вдвое, то есть до максимум 5 секунд на фотографию.

Как вырезать объект из фона в фотошопе? Есть немало способов. В предыдущем уроке я рассказывала, как сделать , а сегодня я расскажу, как сделать клипарт, отделяя объект от фона. Я опробовала разные способы вырезания и остановилась для себя на одном, который подходит практически для любых объектов, даже сложных, но требует внимательности и терпения. Сегодня мы будем вырезать объект пером. Сразу оговорюсь, что в этом уроке фотошопа я совершенно не использовала все реальные возможности инструмента перо. Этот урок для тех, кто впервые взял перо в руки и хочет узнать, как и куда им надо «тыкать». Я просто и наглядно хотела показать, как работает перо. Это самый простой способ работы с этим инструментом, в дальнейших уроках я покажу, как можно вырезать сложный контур, обходясь гораздо меньшим числом точек контура, применяя другие возможности этого инструмента.

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

1.Открываем в фотошопе картинку с лебедем. Берем на панели инструментов инструмент перо (1) с такими настройками (2) и, начиная с любой удобной для вас точки, кликами левой кнопкой мыши, начинаем обводить лебедя по контуру.


2. Точки ставьте чаще там, где более сложный контур.

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

4-5. После этого кликаем в середине контура и в выпавшем окне выбираем Образовать выделенную область со следующими настройками:

6. По контуру побежали «муравьи».

7-8. Идем на верхней панели в Выделение-Инверсия. По периметру картинки тоже побежали муравьи.

9. Нажимаем на клавиатуре клавишу Delete и наш фон исчезнет. После этого идете в Выделение — Отменить выделение.

10. Муравьи пропали. Но среди белых перьев мы видим небольшой участок голубого цвета с нашего фона. Его тоже надо удалить. Повторяем действия п. 1 — 4. Затем кликаем в центре выделенного контура — Образовать выделенную область и, не делая на этот раз Инверсию, нажимаем Delete. Наш голубой фон исчез полностью. Идем на верхней панели в Изображение — Тримминг и нажимаем Ок. Лишний прозрачный фон удалился.


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

Удачного творчества!

Скачать урок фотошопа можно бесплатно, С Яндекс Диска .

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

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

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

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

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


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


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


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

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


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

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

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


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


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


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

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


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


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

Удаление заднего фона с фотографии задача не такая уж и простая, как может показаться на первый взгляд. Даже имея такой мощнейший редактор графики, как Photoshop, можно потратить не один час работы, чтобы качественно отделить объект (предмет, человека, животное и пр.) от бэкграунда. Даже профессионалы в ряде случаев получают результат, который лишь с натяжкой можно назвать удовлетворительным…


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

Clipping Magic – бесплатный онлайн сервис, который за несколько потраченных минут сэкономит Вам 1-2 часа работы в Photoshop или других графических редакторах. За пару кликов он сможет удалить фон с цифровой фотографии, а результат Вас точно порадует!

Итак, всё что Вам требуется сделать, это:

  • загрузить фотографию
  • буквально несколькими штрихами нарисовать маску (зеленым цветом объект, который надо отделить от фона, а красным – собственно сам фон, т.е. то, что надо удалить)
  • скачать результат с прозрачным фоном себе на компьютер
Я не преувеличиваю – это действительно очень просто и очень быстро! Весь секрет работы в данном онлайн редакторе можно описать вот такой небольшой схемкой:

Вот что получилось у меня буквально (я даже засекал по часам) за 15 секунд работы (левая часть рабочего окна – оригинальное фото с маской, правая – результат):

Вот какие возможности есть у редактора Clipping Magic:

  • режим ластика для удаления маски
  • выбор размера кисти для рисования маски
  • выбор типа фона (прозрачный либо цвет)
  • отмена действий
  • зумирование

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

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

Друзья, на данный момент сервис Clipping Magic – это самый быстрый, удобный и качественный способ удалить фон у фотографии онлайн. Если с Photoshop и иными графическими редакторами Вы не особо дружите, то потратьте пару минут на освоение этого сервиса и результатом Вы сможете хвастаться даже перед профессионалами!

Обязательно посмотрите мой обучающий видеоролик, в котором наглядно показано, как быстро и удобно работать в Clipping Magic!

P.S. С недавнего времени сервис стал принимать оплату за сохранение и скачивание результата. Обходные пути есть — они указаны в комментариях. Однако я рекомендую использовать полностью , который ничуть не хуже.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В заключении

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



Эта статья также доступна на следующих языках: Тайский

  • Next

    Огромное Вам СПАСИБО за очень полезную информацию в статье. Очень понятно все изложено. Чувствуется, что проделана большая работа по анализу работы магазина eBay

    • Спасибо вам и другим постоянным читателям моего блога. Без вас у меня не было бы достаточной мотивации, чтобы посвящать много времени ведению этого сайта. У меня мозги так устроены: люблю копнуть вглубь, систематизировать разрозненные данные, пробовать то, что раньше до меня никто не делал, либо не смотрел под таким углом зрения. Жаль, что только нашим соотечественникам из-за кризиса в России отнюдь не до шоппинга на eBay. Покупают на Алиэкспрессе из Китая, так как там в разы дешевле товары (часто в ущерб качеству). Но онлайн-аукционы eBay, Amazon, ETSY легко дадут китайцам фору по ассортименту брендовых вещей, винтажных вещей, ручной работы и разных этнических товаров.

      • Next

        В ваших статьях ценно именно ваше личное отношение и анализ темы. Вы этот блог не бросайте, я сюда часто заглядываю. Нас таких много должно быть. Мне на эл. почту пришло недавно предложение о том, что научат торговать на Амазоне и eBay. И я вспомнила про ваши подробные статьи об этих торг. площ. Перечитала все заново и сделала вывод, что курсы- это лохотрон. Сама на eBay еще ничего не покупала. Я не из России , а из Казахстана (г. Алматы). Но нам тоже лишних трат пока не надо. Желаю вам удачи и берегите себя в азиатских краях.

  • Еще приятно, что попытки eBay по руссификации интерфейса для пользователей из России и стран СНГ, начали приносить плоды. Ведь подавляющая часть граждан стран бывшего СССР не сильна познаниями иностранных языков. Английский язык знают не более 5% населения. Среди молодежи — побольше. Поэтому хотя бы интерфейс на русском языке — это большая помощь для онлайн-шоппинга на этой торговой площадке. Ебей не пошел по пути китайского собрата Алиэкспресс, где совершается машинный (очень корявый и непонятный, местами вызывающий смех) перевод описания товаров. Надеюсь, что на более продвинутом этапе развития искусственного интеллекта станет реальностью качественный машинный перевод с любого языка на любой за считанные доли секунды. Пока имеем вот что (профиль одного из продавцов на ебей с русским интерфейсом, но англоязычным описанием):
    https://uploads.disquscdn.com/images/7a52c9a89108b922159a4fad35de0ab0bee0c8804b9731f56d8a1dc659655d60.png