Поменять белый фон на прозрачный. Заменяем фон в фотошопе

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

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

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

Меньшим зеленым маркером проходимся вдоль границ объекта изнутри, красным – снаружи, по удаляемому фону. Затем жмем кнопку обработки и через пару секунд получаем результат. По умолчанию изображение сохраняется в формате PNG с прозрачным фоном, если вы хотите, чтобы фон был белым, картинку нужно сконвертировать в JPEG.

Clipping Magic

Простой и бесплатный сервис для удаления фона с цифровых изображений. Принципом работы Clipping Magic схож с Фотошопом Онлайн, но при этом он обладает более продвинутыми алгоритмами обнаружения границ сохраняемых объектов. Убрать задний фон на фото онлайн с его помощью очень просто. Зеленым маркером объект обводится изнутри, красным – снаружи, по фону вдоль внешних границ. Сами границы при этом определяются автоматически, в случае же необходимости их можно подкорректировать, воспользовавшись ластиком.

Для удаления фона с изображений с максимальной точностью предусмотрен специальный инструмент – скальпель, позволяющий наносить вдоль границ объекта обрезающий фон контур. Для отредактированного изображения можно выбрать цветовую схему, качество и формат. Кстати, если вам нужно сделать белый фон на фото с помощью Clipping Magic, выбирайте при сохранении формат JPEG.

PhotoScissors Online

Удобный сервис, позволяющий быстро убрать задний фон онлайн. Загружаем изображение, обводим «освобождаемый» от фона объект изнутри вдоль границ зеленым, а снаружи красным маркером, а приложение тут же обрабатывает его. Готовую картинку можно сохранить в формате PNG либо сразу, либо подкорректировав кое-какие заслуживающие внимания настройки.

Дополнительно PhotoScissors Online поддерживается сглаживание, расширение и размытие границ, добавление эффекта тени, а также, что очень важно, замену фона на фото. Чтобы произвести такую замену, нужно переключиться на вкладку «Background», выбрать опцию «Image» и нажатием кнопки «Sеlеct Image» подгрузить картинку, которая и будет служить новым фоном.

Background Burner

Если вам нужно быстро и при этом бесплатно удалить или поменять задний фон на фото онлайн, воспользуйтесь сервисом Background Burner. Удивительно, но этот инструмент умеет без посторонней помощи определять границы объектов на фото и удалять фон. Впрочем, если алгоритмы не справятся с задачей сами, вы всегда можете подправить их работу вручную, нажав кнопку «Touch Up» и удалив остатки фона с помощью красного маркера (зеленый служит для восстановления фона).

Имеется возможность выбора между прозрачным и белым фоном. Чтобы изменить фон на фото, сохраните результат обработки нажатием кнопки «Finish», нажмите на следующей странице «Replace Background» и загрузите свое изображение, которое тут же будет использовано в качестве фона. Кстати, объект можно масштабировать и располагать на новом фоне в нужном месте.

PhotoshopOnline

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

После этого переходим на первый слой, берем на панели инструментов полигональное лассо и аккуратно выделяем объект.

Теперь можно приступать к размытию заднего фона. Идем в меню «Фильтр», выбираем «Размытие по Гауссу», выставляем нужное значение (подходящего эффекта добиваемся экспериментально) и применяем настройку.

Теперь, если вы отключите продублированный резервный слой, то увидите примененный эффект. Если замазать задний фон на фото онлайн нужно частично, в некоторых местах, используйте кисть «Размытие», отрегулировав предварительно ее размер и интенсивность. Всё, осталось только сохранить отредактированное фото через меню «Файл».

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

Бывает, что на сайт загружаются картинки с однородным фоном и возникает потребность в автоматической замене его (фона) на прозрачный.

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

Как это работает

Функция попиксельно ищет где заканчивается однородный цвет. После того, как все координаты вычислены - функция просто вырезает все, что находится снаружи.

Замена белого фона прозрачным возможна только если выходная картинка сохранена в формате PNG или GIF . Подойдут и новые форматы WebP и BPG с поддержкой прозрачности.

Перед удалением фона всегда лучше ресайзить большую картинку. Если сделать это после - границы могут исказиться.

Замена фона, пример на bash

Для удаления фона в ImageMagick есть оператор -trim. Он обрезает картинку по заданному цвету:

Convert image.jpg -quality 100 image.png convert image.png -fuzz 20% -fill white -draw "color 5,5 floodfill" -quality 100 image.png convert image.png -transparent white image.png convert image.png -define convolve:scale="100!,100%" -morphology Convolve "Log:0x2" image.png
Перед обрезкой стандартный JPEG конвертируется в PNG. В lossy JPEG’е фон не будет однородным. Соседние пиксели обычно незначительно отличаются по цвету. Например: белый, светло-серый, светло-голубой. Аргумент fuzz устанавливается в значение >0, чтобы разрешить функции считать соседние цвета одинаковыми.

Замена фона, пример на PHP

Пример обрезки белого фона на картинке (входной файл: image.jpg, выходной - trimmed.png):

setImageFormat("png"); } $image->borderImage("#ffffff",1, 1); $image->trimImage(0); $image->setImagePage(0, 0, 0, 0); $image->writeImage("trimmed.png"); ?>
Оператор borderImage рисует вокруг картинки рамку 1х1 в цвет фона, после чего оператор trimImage обрезает ее вместе с рамкой.

Внимание! Оператор trimImage работает, если Imagick скомпилирован с ImageMagick версии не ниже 6.2.9.

Как сделать фон однородным

Похожим способом можно заменить неоднородный фон на однородный при конвертации из JPEG в PNG:

Convert image.jpg -fill none -fuzz 1% -draw "matte 0,0 floodfill" -flop -draw "matte 0,0 floodfill" -flop image.png
В этом примере - каждый пиксель фона зальется одним цветом - пикселя с координатами (0;0).

Много примеров работы кода

Как работает обрезка фона с помощью библиотеки Imagick можно проверить

Приветствую Вас, дорогие читатели моего блога!

Недавно мне понадобилось убрать фон с картинки, с фотошопом я не дружу особо. И скажу Вам, что у меня его даже нет на компьютере. (Ну правильно вообще то, зачем мне то, с чем я не умею работать).

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

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

Покажу Вам на примере, вот такой картинки, убирать мы будем белый фон

Заходим в онлайн фотошоп. Я использовала вот этот PIXLR

Выбираем: Загрузить изображение с компьютера.

Теперь справа в окошке «СЛОИ» надо открыть замочек

Кликаем на него 2 раза левой кнопкой мыши, должна появиться галочка в квадратике.

Теперь идем на панели, которая находиться слева, выбираем инструмент «волшебная палочка» и толерантность ставим 21.

Вот вроде бы и все, но меня не устраивает полностью картинка, остались еще остатки фона, я снова кликаю на то место которое хочу убрать. Потом «редактировать»----«очистить». И так пока не уберете все, что надо.

21.12.14 32.7K

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

Основы работы c фоном в Photoshop

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

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

Создание нового графического файла в графическом редакторе осуществляется через меню «Файл» — «Новый». В появившемся диалоговом окне можно задать размеры и основные параметры будущего изображения. Установка значения поля «Содержимое фона» на «Прозрачный» является основным способом того, как можно удалить фон еще на стадии создания рисунка.

Возможность редактирования изображений в Photoshop построена на использовании слоев. Каждый из них является отдельным независимым объектом. Изменение любого из слоев никак не отразится на содержимом остальных. Слоевая структура изображения отображается на панели «Слои »:

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

Использование корректирующего слоя

Разберем на примере, как в фотошопе можно поменять фон с помощью корректирующего слоя. На старте у нас имеется такое изображение:

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

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

С помощью корректирующего слоя можно легко изменить время дня во всем городе.

Удаляем небо

Надоело нам скучное небо над городом. Поэтому удалим его с помощью инструмента «Стиратель фона ». Он находится на боковой панели слева:

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

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

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

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

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

Перед тем, как заменить фон неба на другой, активируем волшебную палочку на панели инструментов и кликнем ей по небу. При этом чувствительность инструмента лучше выставить на максимальный показатель. Иначе фон будет выделен некорректно:

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

Теперь можно добавить новый слой и заполнить небо над Сахарой яркими красками:

Размытие заднего фона

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

Теперь постараемся сделать задний фон фотографии размытым, чтобы все внимание фокусировалось на женской красоте. Такой эффект можно получить, если для фотосъемки использовать дорогие «зеркалки ». Но мы достигнем этого с помощью графического редактора.

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

Если проводить инструментом «Магнитное лассо» вдоль контура на изображении, то серебристую обводку как будто магнитом притягивает к границам выделяемого предмета.

После активации инструмента осторожно проводим курсором вдоль контуров фигуры девушки. А затем в контекстном меню выбираем пункт «Инвертировать выделение »:

Перед тем, как сделать задний фон размытым, применим встроенный фильтр графического редактора. Для этого в меню «Фильтр » выбираем пункт «Смазывание » — «Смазывание Гаусса »:

Получилось, конечно, не без изъянов. Но все их можно убрать с помощью инструмента «Размытие ». И вот что получилось:

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

Затем к появившейся копии слоя применяем фильтр «Смазывание Гаусса ». А к копии слоя добавляем маску, нажав на значок в виде прямоугольника с белым кругом внутри него. Вот как должно выглядеть фото девушки на данном этапе:

1. Открыть файл (Файл - Открыть - Выбрать нужное изображение из папки.)

2. Берём "Волшебную палочку" (щелчок левой кнопки мыши) слева в Панели инструментов, кликаем по белому фону на картинке. Белый фон потемнеет.

3.В Меню программы выбираем "Правка"- "Инвертировать выделение"

4. Теперь выбираем "Изображение" - "Обрезать по выделению".

Можно и не инвентировать, а выбрать "Изображение" - "Очистить выделение".

А теперь смотрим, что получилось.

Теперь второй способ . С помощью плагина цветозаменяемости Color Replace

После открытия картинки, идём "Эффекты" - "Color Replace"
Двигаем рычажки, наблюдая за эффектом. Можно отключить не нужные цвета (убрать галочки).

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

Вот, что у нас получается.

Вырезаем нужный участок

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

Теперь идём в Меню. "Изображение" - "Обрезать по выделению"

Можно подправить кое-что ластиком.