Как удалить фон с картинки: тестируем 7 сервисов

Если у вас на картинке какой-то простой объект на контрастном фоне, избавиться от этого фона, скорее всего, можно в два клика — в простых онлайн-сервисах. А если на фото пушистый рыжий кот на рыжем ковре, придётся «вырезать» его вручную.

Рассмотрим актуальные инструменты и техники для разных задач.

Если объект гладкий, а фон — контрастный

Онлайн-сервисов для удаления фона с картинки очень много. Давайте сразу их тестировать — на парочке примеров.

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

Изображение: Pexels

Конкурентом ананасу по сложности контуров будет человек: допустим, вот такой.

Изображение: Bild von Lovefreund

Приступим!

Remove BG. С ананасом сервис справился вполне хорошо: все листики на месте.

Человек тоже остался цел и невредим.

Remove BG — платный сервис, но при регистрации даёт одно бесплатное скачивание в высоком разрешении. В дальнейшем за картинки придётся платить. Цена изображения — от 9 до 129 рублей. Зависит от того, как много сразу оплачиваешь, и какая лицензия нужна: для личного или коммерческого использования.

Если вы работаете в Figma, можно использовать плагин Remove BG. Он позволяет быстро вырезать фон прямо в программе. Работает всё так же, по подписке.

Retoucher. Этой программе наш ананас дался с трудом: контуры получились размытые и с кусками фона.

А человек выглядит почти нормально. Неидеально, но на каком-нибудь новом фоне мелочи будут не так заметны.

Сервис работает небезупречно, зато он бесплатный. И если не «откусил» нашему мужчине ухо в процессе обработки, то с чем-то простым точно справится.

Pixlr. У этого сервиса косяков выявлено ещё больше. Вот таким получился ананас.

И человеку не очень повезло: с первой попытки программа все-таки «откусила» ему левое ухо. Спасает опция ручного редактирования: мелочи можно поправить самостоятельно, мазком «Кисти». С исправленным ухом выглядит уже хорошо — ровнее, чем в Retoucher.

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

Canva. Один из самых известных онлайн-редакторов справляется отлично — примерно как Remove BG. Ананас получился супер.

К человеческой фигуре тоже нет претензий — можно рассмотреть даже отдельные волоски.

Опция вырезания фона в Canva доступна только по платной подписке — за 499 рублей в месяц или 3999 рублей в год. Но есть пробный период: в течение месяца можно обрабатывать неограниченное число картинок бесплатно.

Vista Create. Этот сервис более известен как Crello, недавно он сменил название. Ананас он вырезал с куском тени.

Зато с человеческой фигурой программа справилась на «ура».

Функция удаления фона доступна в бесплатной версии. Если ваш предмет на картинке не такой сложный, как ананас, Vista Create — хорошая бесплатная альтернатива Remove BG и Canva.

Photoshop. В Photoshop есть автоматический инструмент «Волшебная палочка»: им можно выделять большие области картинки, схожие по светлоте и оттенку цвета. У «Волшебной палочки» можно менять параметр «Допуск» — от 1 до 100. Со значением 1 чувствительность будет максимальной: программа выделит скорее меньше, чем больше. Со значением 100 инструмент будет охватывать больше оттенков, и есть риск «откусить» ухо человеку или листик ананасу.

C допуском 30 за несколько кликов «Волшебной палочкой» можно вполне удачно вырезать ананас.

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

Результат хороший.

Ананас плохо получалось выделить как «предмет», потому что программа принимала тень за часть ананаса. С человеком ситуация получилась обратная. Но если у вас более-менее простой фон и контрастный объект, одна из двух функций точно подойдёт. Photoshop стоит 598 рублей в месяц при подписке на год.

Есть также бесплатное мобильное приложение Photoshop Express. Для Android там доступны только фильтры и базовые функции редактирования, а для iOS есть инструмент удаления фона. Он не такой продвинутый, как в платной версии, но может быть удобен для быстрой работы над простыми картинками.

Если фон недостаточно контрастный

Когда фон детализированный, программам трудно распознать на нём предмет — тут придётся работать руками. Нам понадобится Photoshop или Figma. Эти программы выполняют почти одинаковые функции. Так что если нет подписки на Adobe, вам может быть выгодно использовать бесплатную Figma.

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

Изображение: Unsplash

Чтобы убрать фон с помощью маски в Photoshop:

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

Поменяйте местами слои: так, чтобы фигура была на нижнем слое, а фотография — на верхнем. Затем поместите курсор между двумя слоями, зажмите Alt и сделайте клик мышкой — фон исчезнет!

Чтобы убрать фон с помощью маски в Figma:

Создайте фигуру — воспользуйтесь инструментом с иконкой квадрата на верхней панели слева. Если фигура должна быть равносторонней, зажмите Shift.

Перетащите в окно Figma фотографию так, чтобы она лежала поверх круга. Выделите и фото, и круг, затем нажмите Ctrl+Alt+M.

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

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

Ну а если масками задачу никак не решить, есть ещё инструмент «Перо». Он и в Figma, и в Photoshop работает абсолютно одинаково. Рассмотрим его на примере этой картинки — попробуем оставить кружку без фона.

Изображение: Unsplash

Чтобы сделать выделение «Пером» в Photoshop:

Выберите инструмент «Перо» на панели слева. После этого зайдите в контекстное меню сверху и выберите «Контур» — как показано на скриншоте.

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

От каждой точки отходят «усы» (управляющие линии). Если контур получается не такой, как вам хочется, можно кликнуть на ближайший «ус» с зажатым Alt и исправить искривление контура: поменяв длину управляющей линии или угол её наклона. При необходимости приближайте картинку клавишами Ctrl+.

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

Сейчас у вас выделен объект. Чтобы выделить фон вместо него, нажмите Ctrl+Shift+I. Потом Ctrl+X, чтобы удалить выделение.

Кусочек фона останется внутри ручки. Его можно удалить точно так же: выделить пером, сделать контур и удалить выделение.

Чтобы сделать выделение пером в Figma:

Выберите инструмент «Перо» на верхней панели и сделайте контур вокруг объекта — точно так же, как в Photoshop.

Замкните контур и залейте получившуюся фигуру любым цветом в меню «Заливка» — на панели справа.

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

Выделите область фона внутри ручки и тоже залейте её каким-нибудь цветом. А потом включите слой с большим выделением обратно.

Выделите обе фигуры и откройте контекстное меню с иконкой из двух квадратов — оно расположено вверху по центру. Выберите инструмент «Вычитание» (Subtract Selection).

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

Дальнейший алгоритм действий мы уже рассматривали: нужно делать маску. Накладываем фото поверх фигуры (просто поменяйте слои местами в списке слева) и нажимайте Ctrl+Alt+M.

Если объект очень сложный по форме

Сюда относятся пушистые коты, кудрявые люди, ветвистые деревья — всё, что нельзя нормально обвести «Пером». С такими объектами можно работать только в Photoshop, и это будет долго.

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

Изображение: Unsplash

Алгоритм работы такой:

1. Надо скачать тонкие кисти, имитирующие шерсть — например, вот такие.
2. Скачанный файл в формате abr нужно загрузить в программу. Для этого нажмите на иконку с кисточкой на панели слева. Откроется меню кистей. Вверху справа по умолчанию будет круг и какое-то число — это круглая кисть определённого размера. Нажмите на неё, чтобы открылось контекстное меню.
3. В контекстном меню справа есть иконка с шестерёнкой. Кликните на неё, затем выберите пункт «Импорт кистей» и загрузите файл — теперь новые кисти появятся в меню.

4. Следующий шаг — перейти в режим «Быстрой маски», зажав горячую клавишу Q. Теперь на фотографии можно рисовать — только всё нарисованное будет красного цвета, это сделано для удобства. Сначала надо примерно закрасить область с котом обычной круглой кистью. Если что-то не получается, можно стирать закрашенные области ластиком — его можно вызвать горячей клавишей E. Вернуться к кисти можно клавишей B.

5. Когда общая фигура закрашена, нужно пройтись по контурам кота «шерстяной» кистью.

6. При рисовании шерсти нужно периодически менять направление кисти, чтобы контур смотрелся естественно. За направление отвечает кружок в правом верхнем углу контекстного меню «Кисти».

7. После работы в режиме быстрой маски нужно снова нажать Q, чтобы вернуться в обычный режим. Выделение закрашенной области появится автоматически. Чтобы удалить фон, нужно будет нажать Ctrl+Shift+I, а потом Ctrl+X.

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