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

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

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

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

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

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

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

Приступим!

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

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

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

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

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

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

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

С человеком уже неплохо вышло, силуэт более простой.

В сервисе есть опция работы «Ластиком» вручную, но стирать мелочи им трудно: общее размытие контура довольно заметное, и маленьким размером ластика не удается его повторить. Но если вы выделяете крупные гладкие объекты, редактор вполне подойдет. Он будет удобен для SMM-специалистов: вырезав объект, в сервисе сразу же можно сделать картинку для поста по шаблону, собрать коллаж, добавить текст.

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

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

Бесплатно можно обрабатывать неограниченное количество картинок и скачивать их в размере не более 1280 px по длинной стороне. Для большинства дизайнерских нужд этого хватит, HD-разрешение доступно по подписке.

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

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

У человека контур одежды вышел немного размытым, но это почти незаметно. В остальном получилось хорошо.

В бесплатной версии пользователям Erase.bg доступно 3 бесплатные генерации.

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

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

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

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

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

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

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

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

Когда фон детализированный, программам трудно распознать на нём предмет — тут придётся работать руками. Нам понадобится 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, и это будет долго.

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

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

1. Надо скачать тонкие кисти, имитирующие шерсть — например, вот такие.

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

3. В контекстном меню справа есть иконка с шестерёнкой. Кликните на неё, затем выберите пункт «Импорт кистей» и загрузите файл — теперь новые кисти появятся в меню.

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

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

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

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

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