Бывает, что на сайт загружаются картинки с однородным фоном и возникает потребность в автоматической замене его (фона) на прозрачный.
Часто такая фича нужна для фотографий товаров в интернет-магазине, картинок, которые накладываются на корпоративный фон и других фоток, не портящих дизайн сайта. Вырезать каждую фотку вручную фотошопом довольно грустно, но есть 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.
Вот вроде бы и все, но меня не устраивает полностью картинка, остались еще остатки фона, я снова кликаю на то место которое хочу убрать. Потом «редактировать»----«очистить». И так пока не уберете все, что надо.
1. Открыть файл (Файл - Открыть - Выбрать нужное изображение из папки.)
2. Берём "Волшебную палочку" (щелчок левой кнопки мыши) слева в Панели инструментов, кликаем по белому фону на картинке. Белый фон потемнеет.
3.В Меню программы выбираем "Правка"- "Инвертировать выделение"
4. Теперь выбираем "Изображение" - "Обрезать по выделению".
Можно и не инвентировать, а выбрать "Изображение" - "Очистить выделение".
А теперь смотрим, что получилось.
Теперь второй способ
. С помощью плагина цветозаменяемости Color ReplaceПосле открытия картинки, идём "Эффекты" - "Color Replace"
Двигаем рычажки, наблюдая за эффектом. Можно отключить не нужные цвета (убрать галочки).
Как видим, очистился и белый фон у губ, и белки глаз. Нужно снова их подкрасить.
Цвет в Палитре ставим белый. Берем снова Волшебную палочку" и щелкаем по тем местам, где будем закрашивать. Не забываем держать нажатой Ctrl на клавиатуре, чтобы не выделять каждую область отдельно. Затем "Правка" - "Заполнить выделение".
Вот, что у нас получается.
Вырезаем нужный участок
Открываем картинку, берём "Лассо" и выделяем нужный участок. Я выделю бутон мака. Выделять нужно, чтобы обязательно было замкнутое пространство.
Теперь идём в Меню. "Изображение" - "Обрезать по выделению" 
Можно подправить кое-что ластиком.
С приходом цифровых фотоаппаратов фотографы все больше превращаются в цифровых художников, в руках которых есть мощные инструменты для постобработки снимка - разнообразные RAW конверторы и редакторы, среди которых особенно стоит выделить фотошоп, обладающий большим арсеналом инструментов для решения самых разных задач.
В этой статье будут рассмотрены способы замены черного и белого фона на фотографиях, сделанных в условиях студии.
Белый фон
У нас получилась вот такая фотография девушки с длинными развевающимися волосами. Как правило, именно волосы, пух, шерсть, перья, представляют наибольшую проблему при замене фона. Открываем фотографию, с которой вы будете работать и фотографию фона в фотошопе, и создаем два слоя - нижний с девушкой, верхний - с фоном и отключаем пока видимость фона, нажав на глаз на панели слоев.
Выделение объекта
У вас должно получиться как иллюстрации выше, пока мы будем работать с фотографией девушки. Для того чтобы перенести ее на другой фон, девушку необходимо "вырезать" из текущего белого фона. Для выделения девушки существует несколько способов:
Выделение с помощью цвета:
Идем - Select (Выделение) - Color Range (Цветовой диапазон)
В появившемся диалоговом окне выбираем пипетку (обведена красным цветом на иллюстрации) и щелкаем ей по белому цвету, регулирую ползунком степень выделения и нажимаем ок. Так же выделение можно сделать с помощью волшебной палочки или инструментом быстрого выделения - инструменты вызываются нажатием клавиши W (я считаю, что выделение с помощью цвета делается более качественно, но любой способ годится) в результате у вас должна получиться такая картинка:
Ничего страшного, если выделились не все участки волос, как на картинке, мы исправим это позже. Теперь сгладим неровности изображения. Идем Select (Выделение) - Modify Модификация - (Растушевка), значение ставим в зависимости от размера вашего изображения, чем больше изображение - тем больше будет значение.
Переходим к следующему шагу - созданию маски изображения.
Маска изображения
Маской в фотошопе называется специальный метод, позволяющий скрывать какую-то область изображения. Маски бывают двух видов Quick Mask (Быстрая маска, применяется в основном для выделения) и Layer Mask (Маска слоя, с которой мы будем работать). Щелкните на слой с фоновым изображением, включите его (выделенный контур девушки должен остаться) и идем Layer (Слои) - Layer Mask (Маска слоя) - Reveal Selection (Показать выделенную область) или щелкаем по квадратику с кругом внутри на палитре слоев, как на иллюстрации ниже
В результате у вас должно получиться вот так:
Не переживайте по поводу белой каемки на волосах, ее мы уберем позже. Создав маску, мы замаскировали белую область фона, оставив только девушку. Маска хороша тем, что в любой момент ее можно отключить или изменить. Для того чтобы работать с маской необходимо кликнуть на пиктограмму с ее изображением, смотри иллюстрацию ниже.
Для работы с маской применяется кисточка (вызывается с помощью клавиши B английская раскладка) белого и черного цвета (нажмите на клавишу D, чтобы установить по умолчанию черный и белый цвет на палитре), если вы рисуете белым цветом на маске слоя, то проявляется изображение, которое находится на верхнем слое, а если черным - на нижнем. Чтобы увидеть как выглядит наша маска слоя зажмите alt на клавиатуре и щелкните по пиктограмме маски слоя, у вас появится черно-белое изображение с контуром девушки (чтобы вернутся в исходное положение кликните еще раз по маске слоя с зажатым altом).
Режимы наложения
Прежде чем продолжить работу с маской слоя, необходимо поменять режим наложения слоя с фоном на Multiply (Умножение).
Результат воздействия этого режима такой, как будто два изображение напечатали поверх друг друга. Вот такой результат получится, если мы не создадим маску слоя.
Теперь переключаемся на маску слоя, берем мягкую белую кисточку (чтобы выставить параметр мягкости кликните два раза на изображение иконки кисточки на верху) маленького диаметра и начинаем обводить белую каемку, стараясь не залазить на сами волосы.
Это потребует от вас терпения и усидчивости. Чем больше размер вашего изображения, тем больше времени придется потратить, чтобы аккуратно убрать все следы белого фона. Вот так, постепенно шаг за шагом, я убирал белую каемку на волосах девушки.
Данный метод позволяет добиться очень хороших результатов, не оставляя никакого "палева".
Финальный результат:
Вся процедура заняла у меня около 15 минут. Созданная маска хорошо тем, что ее можно применять к любому другому фону, внося минимальные изменения.
И в любой момент вы можете подправить маску слоя, если при переносе девушки на новый фон, на волосах остается белая каемка.
Наверное, каждому пользователю персонального компьютера время от времени приходится сталкиваться с необходимостью работы с фотографиями или картинками. Конечно, на ПК продвинутых пользователей наверняка стоит знаменитый Photoshop, в котором можно проделать любую манипуляцию с изображением. Но что делать тем, у кого этой программы нет или кто не умеет ею пользоваться? Самый простой выход из создавшейся ситуации - это воспользоваться стандартным Paint. Он в некоторых случаях может с успехом заменять более профессиональные и сложные программы. В данной статье вы найдете ответы на вопросы о том, в Paint, убрать или изменить его на другой.
Простой способ изменения фона
Опишем, как поменять фон в Paint методом гринскрининга (то есть метод «зеленого экрана»). Независимо от того, требуется вам удаление фона изображения или замена его на сплошную заливку (узор), сделать это можно используя вышеупомянутый метод. Обратим внимание, что в нем описывается изменение фона не в стандартном Paint, а в Paint.NET, который не поставляется со стандартными приложениями, и его необходимо скачать и установить отдельно.
Начало работы
Перед тем как в программе Paint Windows 7 прозрачный фон поменять, следует открыть изображение, которое будете корректировать. Делается это путем нажатия правой клавиши на файле и выбора в выпадающем меню соответствующего пункта (Открыть с помощью - Paint). Следует учитывать, что к числу совместимых форматов относятся BMP, JPFG и GIF, с другими поработать не получится.
В том случае, если изображение превышает необходимо перейти в левый нижний угол и сделать 800-процентное увеличение, кликнув на увеличительное стекло, размещенное на инструментальной панели и выбрав цифру 8.
Выбор цветовой палитры и прорисовка контура изображения
На цветовой палитре следует сделать выбор желто-зеленого (также называемого лаймовым) цвета. Обычно выбирают именно его, поскольку необходим контрастный по отношению к остальному рисунку окрас, а выбранный тон встречается в изображениях довольно редко.
После этого при помощи инструмента «Линия» производится выделение объекта, который будет вырезаться. В том случае, если изображение размещено на белом фоне, для закрашивания недостающих пикселей можно воспользоваться «Карандашом». Благодаря этому вокруг картинки появится широкая линия зеленого цвета.
Далее необходимо щелкнуть на лаймовом цвете правой клавишей мыши и, воспользовавшись инструментом «Выбрать», очертить области фона прямоугольного цвета. Делать это следует аккуратно, стараясь не заходить на объект. Об остающихся вокруг лишних треугольниках особо волноваться не стоит, они убираются позже при помощи инструмента «Ластик». Активировав его, необходимо выбрать самый маленький из возможных квадратиков в появившемся меню.
После всех манипуляций получается объект, вокруг которого будет зеленый экран. Если вас интересует, как изменить фон в Paint, то необходимо отдалить изображение до 100 процентов (1 в меню приближения) и кликнуть по ведру с краской на панели (инструмент «Заливка цветом»). Затем в палитре следует выбрать желаемый цвет и щелкнуть в любом месте зеленого фона. После этого фон станет другим.
Перемещение изображения на новый фон
Для того чтобы выполнить перемещение изображения на другой фон, требуется в палитре выбрать белый цвет и при помощи инструмента «Заливка» закрасить весь лаймовый фон. После этого нажимается комбинация клавиш «Ctrl+A» - и на всплывшей активируется вторая (нижняя) кнопка. Убедившись в том, что новый фон открылся в другом окне программы, необходимо скопировать изображение (комбинация клавиш Ctrl+C) и вставить его в это второе окно (комбинация клавиш Ctrl+V). Работа готова! Остается ее только сохранить.
Несколько нюансов
При редактировании детализированных изображений работать будет значительно легче, если приблизить изображение. Сделать это можно, выбрав в меню «Вид» подпункт «Масштаб» или же просто нажав кнопку «Увеличение», расположенную на ленте.
Следует учитывать, что большие размеры изображения потребуют больше времени на обводку. Для уменьшения размера картинки необходимо нажать «Ctrl+A» и перетащить расположенный слева внизу маркер вверх. Важно при этом соблюдать пропорции, чтобы изображение не получилось искаженным.
В процессе работы неизбежно будут возникать ошибки, и потому придется осуществлять редактирование линии. Для того чтобы иметь возможность быстро отменять предыдущие действия, рекомендуется постоянно держать пальцы на сочетании клавиш «Ctrl+Z».
Если изображение имеет границу в виде кривой, целесообразно воспользоваться инструментом «Кривая». Для этого следует щелкнуть соответствующую клавишу на панели инструментов, начертить от начала до конца участка границы прямую линию, которую затем нужно оттянуть влево или вправо, описывая кривую.
Для того чтобы метод гринскриннинга работал, в Paint Winwows 7 прозрачный фон должен быть установлен в настройках для вставок. Если не выставить эту настройку, то фон будет добавляться из первоначального изображения. Панель управления настройками вставки будет появляться с левой стороны от редактируемого изображения, ниже главной панели, когда используется один из инструментов выбора.
Удаление фона
Если возникает необходимость переноса какого-либо объекта на другой фон, то неизбежно приходится сталкиваться с вопросом о том, как в Paint убрать фон. Делается это весьма просто:
- при помощи инструмента «Волшебная палочка» производится выделение фона;
- выделенная часть удаляется при помощи кнопки Delete или команды «Очистить выделенное» из меню «Правка», в результате этого появляется фон в виде «шахматной доски», условно показывающий прозрачность;
- выполняется сохранение полученного изображения (желательно в либо GIF), которое в дальнейшем можно использовать по своему усмотрению.
Пошаговая инструкция в Paint: как сделать прозрачный фон
Шаг первый . В меню «Файл» следует выбрать пункт «Открыть» и, нажав «Обзор», открыть желаемую картинку.
Шаг второй. Перед тем как сделать Paint, в панели инструментов необходимо выбрать «Волшебную палочку» и установить для нее чувствительность на уровне 50 процентов. При сложных фонах чувствительность нужно выставлять на уровне 25-40 процентов.
Шаг третий. Надо кликнуть «Волшебной палочкой» по белому фону, который после этого превращается в бледно-голубой.
Шаг четвертый. Необходимо удалить выделенный таким образом фон клавишей Delete на клавиатуре или через меню «Правка» - пункт «Очистить выделение».
В результате этого фон станет прозрачным, хотя в Paint он будет иметь шахматную окраску. Однако на этом работа над тем, как сделать прозрачный фон в Paint, не заканчивается.
Шаг шестой . Полученную картинку с прозрачным фоном необходимо сохранить, выбрав в меню «Файл» пункт «Сохранить» и указав имя файла, а в выпадающем списке выбрав необходимый формат (PNG или GIF).
Заключение
Мы рассмотрели, как сделать прозрачный фон в Paint, если под рукой нет Фотошопа. Несмотря на кажущуюся сложность, справиться с этим смогут даже неопытные пользователи. При должном внимании и аккуратности результат ничем не будет уступать работам, выполненным в Photoshop.
