Сайт о телевидении

Сайт о телевидении

» » Заменить фон на прозрачный. Вырезать изображение с картинки. Как сделать прозрачный фон на картинке

Заменить фон на прозрачный. Вырезать изображение с картинки. Как сделать прозрачный фон на картинке

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

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

Белый фон

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

Выделение объекта

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

Выделение с помощью цвета:

Идем - Select (Выделение) - Color Range (Цветовой диапазон)

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

Ничего страшного, если выделились не все участки волос, как на картинке, мы исправим это позже. Теперь сгладим неровности изображения. Идем Select (Выделение) - Modify Модификация - (Растушевка), значение ставим в зависимости от размера вашего изображения, чем больше изображение - тем больше будет значение.

Переходим к следующему шагу - созданию маски изображения.

Маска изображения

Маской в фотошопе называется специальный метод, позволяющий скрывать какую-то область изображения. Маски бывают двух видов Quick Mask (Быстрая маска, применяется в основном для выделения) и Layer Mask (Маска слоя, с которой мы будем работать). Щелкните на слой с фоновым изображением, включите его (выделенный контур девушки должен остаться) и идем Layer (Слои) - Layer Mask (Маска слоя) - Reveal Selection (Показать выделенную область) или щелкаем по квадратику с кругом внутри на палитре слоев, как на иллюстрации ниже

В результате у вас должно получиться вот так:

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

Для работы с маской применяется кисточка (вызывается с помощью клавиши B английская раскладка) белого и черного цвета (нажмите на клавишу D, чтобы установить по умолчанию черный и белый цвет на палитре), если вы рисуете белым цветом на маске слоя, то проявляется изображение, которое находится на верхнем слое, а если черным - на нижнем. Чтобы увидеть как выглядит наша маска слоя зажмите alt на клавиатуре и щелкните по пиктограмме маски слоя, у вас появится черно-белое изображение с контуром девушки (чтобы вернутся в исходное положение кликните еще раз по маске слоя с зажатым altом).

Режимы наложения

Прежде чем продолжить работу с маской слоя, необходимо поменять режим наложения слоя с фоном на Multiply (Умножение).

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

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

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

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

Финальный результат:

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

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

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

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

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

Меньшим зеленым маркером проходимся вдоль границ объекта изнутри, красным – снаружи, по удаляемому фону. Затем жмем кнопку обработки и через пару секунд получаем результат. По умолчанию изображение сохраняется в формате 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 – для получения возможности скачать отредактированные изображения на этом сайте нужно будет пройти процедуру бесплатной регистрации.

Онлайн-программма Pixir-делаем прозрачный фон у картинки.

Сергей Фещуков

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

В интернете я не нашел нормальных идей как сделать прозрачный фон для готовой картинки, поэтому начал сам экспериментировать и нашел более менее подходящее решение!

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

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

Загружаем наше изображение. Справа в окошке "Слои" появится слой "Фоновый", на котором замочек (не дает удалять фон картинки).

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

Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).

Теперь удаляем фон нажатием кнопочки "Delete" и получаем нужное нам изображение с прозрачным фоном.

В итоге на выходе получаем то же изображение с прозрачным фоном.

Единственный минус Pixlr - нельзя изображение сохранить в формат.gif, который тоже сохраняет прозрачный фон, но намного легче, чем формат.png. Но если нет другого выхода, почему бы не воспользоваться этим?

спасибо Натальи Петровой

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

Часто такая фича нужна для фотографий товаров в интернет-магазине, картинок, которые накладываются на корпоративный фон и других фоток, не портящих дизайн сайта. Вырезать каждую фотку вручную фотошопом довольно грустно, но есть 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 можно проверить

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

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

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

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

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

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

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

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

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

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

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

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

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

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