Как сделать прозрачный фон на фото: онлайн и в графических редакторах

Пошаговая инструкция, как сделать прозрачный фон на фото онлайн, в Adobe Photoshop, Paint и Word.
Главное
Онлайн
Photoshop
Paint
Word
Вопросы и ответы
Главное
Онлайн
Photoshop
Paint
Word
Вопросы и ответы
Еще
Девушка в очках делает прозрачным фон на фото в графическом редакторе на ноутбуке
Существует несколько способов сделать прозрачный фон на фотоИсточник: Freepik

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

Главное об удалении фона на картинках и фото

  • Онлайн-сервисы убирают фон автоматически за несколько секунд.

  • В Adobe Photoshop можно выделить объект инструментами Object Selection Tool или Quick Selection Tool и удалить фон через Delete либо замаскировать его.

  • В Paint есть кнопка «Удалить фон», но результат менее точный, чем у специализированных приложений.

  • В Microsoft Word можно выделить картинку и воспользоваться опцией «Удалить фон» в меню «Формат рисунка».

  • Выбор программы зависит от сложности изображения: для простых картинок хватит онлайн-сервисов или Paint, для объектов со множеством деталей — Photoshop.

Как сделать прозрачный фон на фото онлайн

Убрать фон помогают онлайн-редакторы — Photoroom, Pixelkut, PhotoCut AI и другие. Они обрабатывают изображения с помощью нейросетей, так что делать ничего вручную не придется: только загрузить фото и нажать на кнопку ретуши.

Протестировали на снимке с Unsplash. С простым кубом на однотонном фоне сервисы справились отлично.

Пример прозрачного фона на фото на онлайн-сервисе
Онлайн-сервисы удаляют фон автоматическиИсточник: Hi-Tech Mail

Как сделать фон прозрачным в Adobe Photoshop

Чтобы сделать инструкцию, воспользовались фотографией с сервиса Freepik.

1. Откройте фото и разблокируйте слой, нажав на иконку замка в панели Layers (Слои).

Иконка замка в панели Layers для разблокировки слоя, чтобы сделать фон прозрачным в Adobe Photoshop
Разблокируйте слой, чтобы сделать фон фото прозрачным в PhotoshopИсточник: Hi-Tech Mail

2. Выделите объект с помощью инструмента Object Selection Tool.

Инструмент Выделение объекта, который поможет сделать фон прозрачным в Adobe
Инструмент «Выделение объекта» поможет разделить фон и предметы на снимкеИсточник: Hi-Tech Mail

3. Если нужно добавить второй объект к этому же выделению, кликните на него, зажав Shift. 

Выделение нескольких объектов, чтобы сделать фон прозрачным в Adobe Photoshop
К одному объекту можно добавить второй в пару кликовИсточник: Hi-Tech Mail

Либо можно использовать элемент Quick Selection Tool (Быстрое выделение). Регулируя размер кисти, несколько раз кликните на объект в разных местах — до тех пор, пока не выделятся все необходимые элементы.

Использование опции Quick Selection Tool, чтобы сделать фон прозрачным в Adobe Photoshop
Опция Quick Selection Tool поможет быстро выделить все необходимые элементыИсточник: Hi-Tech Mail

Поправить недочеты, если выделение не захватило объект, или наоборот захватило лишний слой, можно через режим Edit in Quick Mask Mode (Редактирование в режиме «Быстрая маска»).

При входе в этот режим все, что выходит за зону выделения, окрашивается в красный цвет, а выделенный объект остается неокрашенным. С помощью инструментов Brush Tool (Кисточка) и Eraser Tool (Ластик) необходимо поправить границы выделения. 

Ластик стирает красную границу, кисточка — добавляет. При этом цвета в палитре на панели инструментов обязательно должны быть черным и белым.

Исправив все недочеты, нажмите кнопку Edit in Quick Mask Mode, чтобы выйти из режима «Быстрая маска».

Инструменты для улучшения фото перед тем, как сделать фон прозрачным в Adobe Photoshop
Прежде чем делать фон прозрачным, важно исправить все недочеты выделения объектаИсточник: Hi-Tech Mail

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

4. Переходите к удалению фона. Есть два способа убрать его.

Первый вариант:

  • Выберите любой инструмент выделения на панели инструментов, кликните правой кнопкой мыши на фото. 

Инструмент Select Inverse, чтобы сделать фон прозрачным в Adobe Photoshop
Выберите Select Inverse, чтобы убрать фонИсточник: Hi-Tech Mail
  • Выберите Select Inverse (Инвертировать выделение) и нажмите кнопку Delete. При этом фон удалится, а объект останется. 

  • Кликните мышкой в любом месте или нажмите Ctrl+D, чтобы снять выделение.

Второй вариант:

  • На панели Layers (Слои) нажмите кнопку Layer Masks (Маска Слоя).

  • При этом объект добавится в маску, скрыв фон.

Кнопка Layer Masks на панели Layers (Слои), чтобы сделать фон прозрачным в Adobe Photoshop
На панели Layers (Слои) нажмите кнопку Layer Masks, чтобы убрать фонИсточник: Hi-Tech Mail

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

Панель инструментов, чтобы удалить и сделать прозрачным фон в Adobe Photoshop
Фон на фото в Photoshop можно удалить совсем или замаскироватьИсточник: Hi-Tech Mail

Как убрать фон на картинке в Paint

Сделать фон прозрачным можно даже во встроенном редакторе изображений Windows — Paint. Делается это в два клика. 

1. Загрузите изображение.

2. Нажмите кнопку «Удалить фон» в разделе «Изображение» на панели инструментов.

Кнопка Удалить в Paint
Удалить фон в Paint можно одной кнопкой. Источник: Hi-Tech Mail

3. Дождитесь, пока программа обработает изображение. 

Картинка с удаленным фоном в Paint
Редактировать фото вручную в Paint не придетсяИсточник: Hi-Tech Mail

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

Удаленные части объекта на картинке в Paint
При редактировании Paint может стереть часть объектаИсточник: Hi-Tech Mail

Как сделать фон изображения прозрачным в Word

В текстовом редакторе от Microsoft тоже можно убрать цветной фон.

1. Загрузите изображение в документ.

2. Откройте раздел «Формат рисунка» и выберите опцию «Удалить фон».

Панель Формат рисунка, через которую можно сделать фон изображения прозрачным в Word
Чтобы избавиться от фона в Word, отредактируйте изображение через «Формат рисунка»Источник: Hi-Tech Mail

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

Раздел Удаление фона для редактирования результата в Word
Поправьте результаты автоматической обработкиИсточник: Hi-Tech Mail

4. Примените изменения — рисунок без фона отобразится в документе.

Раздел Формат рисунка, в котором можно сделать фон прозрачным в Word
Можно сделать фон прозрачным даже в Word, если под рукой нет других редакторов Источник: Hi-Tech Mail

Вопросы и ответы

В разделе ответили на вопросы об удалении фото.

Можно ли сделать прозрачный фон прямо на телефоне?

Да, можно использовать приложение. Подойдут программы вроде Remove BG, Background Eraser. Или встроенные функции в редакторе смартфона

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

Нужно выбрать правильный формат — PNG или WEBP. В JPEG прозрачность не поддерживается.

Что делать, если онлайн-сервис «съел» часть объекта?

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

Подходит ли прозрачный фон для печати?

Да, но при печати он отображается как белый. Прозрачность работает только в цифровых макетах и на экране.