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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выбор способа

Если вы не знаете, как заменить фон в "Фотошопе", то предлагаем вашему вниманию следующие способы: обвод вручную контуров фигуры при помощи инструментов из набора Lasso; автоматическое выделение фрагментов изображений при помощи инструментов Quick Selection и Magic Wand, создавая различными способами маски и тому подобное. Создавая комбинации функций вышеописанных инструментов тем или иным путем, в конце концов, вы начнете понимать, как заменить фон в "Фотошопе" - необходимый участок по контуру должен быть обрамлен мерцающим бордюром.

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

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

Придаем слоям невидимость

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

Практика

В этом простом на первый взгляд примере того, как заменить фон в "Фотошопе" CS6, имеется подводный камень. Описанный выше порядок действий может работать в любом из слоев "Фотошопа", кроме слоя такого типа, как Background. Технически назначить маску прозрачности на данном слое вы никак не сможете. Чтобы увидеть, действительно ли это так, посмотрите внимательно на панель слоя, отрыть которую можно путем нажатия на клавишу F8.

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

Что же делать в таком случае? Снимать все эти ограничения, сделать слой обыкновенным. Для этого надо будет в контекстном меню, которое открывается путем нажатия левой кнопки мышки (если вы работаете в Windows) на строчке с названием слоя в список, выбрать пункт Layer from Background ("Создание слоя"). Также эта команда доступна через главное меню Layer>New>Layer from Background. Таким образом, слой Background будет заменен на обыкновенный.

Теперь все ограничения сняты, вы знаете, как заменить фон на фотографии в "Фотошопе", и спокойно можете проделать вышеописанный процесс назначения слою маски прозрачности самостоятельно.

Замена фона при помощи инструментов из набора Marquee

Далее мы расскажем вам о том, как заменить фон на фото в "Фотошопе" при помощи инструментов из набора Marquee. Для этого открываем файл с будущим фоном. Копируем изображения из него в буфер обмена путем выделения либо фрагмента картинки, используя инструменты из набора, либо просто выделив все поля изображений, выбрав пункт Select All / "Выделить все" в меню Selection (либо нажав сочетание клавиш Ctrl+A). После выделения помещаем выбранный фрагмент в буфер обмена, нажав Ctrl+C или выбрав пункт Copy в меню Edit ("Редактирование"). Теперь возвращаемся к исходным фотографиям и вставляем содержимое буфера: наш новый фон. Осуществляется эта операция путем нажатия сочетания клавиш Ctrl+V или найдя пункт Paste в меню Edit (Редактирование).

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

Устанавливаем размер изображения

Очень часто бывает так, чтобы два изображения не совпадают по размеру. Вставленный фон должен быть либо несколько меньше нужного размера, либо, напротив, громоздким относительно первоначального изображения персонажа. Меняем геометрический размер, нажав сочетание клавиш Ctrl+T и выбрав в списке на панели слоев необходимый слой. После чего по краям слоя появится небольшой квадратный указатель, сдвигая который, можно поменять местоположение и размеры слоя, постепенно добиваясь гармоничного расположения персонажей и фона. Закончив процесс преобразования, нажимаем клавишу Enter, тем самым подтверждая окончательный выбор нужного размера.

Меняем цвет

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

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

Дополнительные элементы

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

Замена фона на белый

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

Самым простым способом является применение специального инструмента "Заливка" (клавиша G). Выберите через палитру необходимый вам цвет и нажмите на область, которую собираетесь закрасить. Этот способ не подойдет, если на переднем плане присутствует много мелких деталей. В этом случае вы вынуждены будете закрасить каждую часть в отдельности. На это может потребоваться немало драгоценного времени. Плюс ко всему, может остаться незакрашенная часть. В этом случае вы вынуждены будете закрашивать ее вручную с использованием такого инструмента, как "Кисть" (B) или "Ластик" (E).

Заключение

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