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

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

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

Итак, мы уже на нужной странице Pixlr, и выбираем в появившейся по центру таблице «Загрузить изображение».

Загружаем картинку с компьютера, у меня будет такая:

Теперь находим с правой стороны маленькую табличку с замочком.

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

Теперь переходим к правой стороне онлайн-фотошопа, выбираем инструмент и нажимаем вкладку «Редактировать».

Выбираем значение толерантности, как показано на картинке «21» и кликаем волшебной палочкой на фон нашей картинки.

Затем еще раз нажимаем «Редактировать» и выбираем «Очистить» .

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

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

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

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

P.S. Кстати, если вы мечтаете стать профессиональным дизайном, то этому можно научиться в Школе Дизайна Юлии Первушиной. Даже если вы совсем не дизайнер и не умеете рисовать, но есть большое желание получить высокооплачиваемую интернет-профессию, то записаться можно здесь:

Надеюсь, что очередной совет будет полезен многим моим читателям. Успехов вам!

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

Такой способ подойдёт, если необходимо удалить белый фон изображения. Другие фоновые заливки ластик не воспринимает:

  1. На панели инструментов откройте вкладку инструментов типа «Резинка». Затем кликните на элементе «Волшебный ластик»;

Рис. 1 - выбор инструмента «Волшебный ластик»

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

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

Рис. 2 - результат использования «Волшебного ластика»

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

  • Откройте панель параметров «Волшебного ластика». Проверьте пункт «Смежные пиксели» (или Contiguous). Он должен быть отмечен галочкой. Наличие этого пункта в настройках волшебного ластика позволяет инструменту выделять и удалять только те наборы пикселей, которые соприкасаются между собой. Таким образом, другие элементы картинки останутся целостными. Чтобы применить инструмент ещё раз, отменить предыдущий результат удаления фона и с уже новыми параметрами ластика уберите фон;

Рис. 3 - расположение параметра «Смежные пиксели»

  • Отрегулируйте параметр «Допуск» (Tolerance) в настройках ластика. Расположение этого пункта настроек можно увидеть выше на рисунке 3. Чем выше значение этого пункта, тем больше вероятность того, что ластик удалит больше количество обнаруженных оттенков фона. Увеличивайте параметр допуска и постепенно ластик перестанет выделять элементы объекта на картинке. Если по каким-либо причинам этим способом удалить кайму не удаётся, попробуйте на главной панели меню выбрать окно «Слой». Затем кликните на «Обработке краёв» и выберите пункт «Убрать кайму».

Результат удаления фона с применением описанных параметров:

Рис. 4 - результат удаления фона «Волшебным ластиком»

Волшебной палочки»

Ещё одним популярным инструментом для удаления фона является «Волшебная палочка». Этот элемент можно встретить в большинстве графических редакторов, в том числе и в Фотошопе. Чтобы удалить вон, сначала откройте необходимое изображение как новый проект в Photoshop. Дождитесь загрузки всех элементов панели инструментов. Теперь выберите пункт быстрого выделения. В выпадающем списке вы видите два доступных инструмента. Кликните на «Волшебную палочку», как показано на рисунке 5.

Рис. 5 - расположение элемента «Волшебная палочка»

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


Рис. 6 - результат выделения области «Волшебной палочкой»

Важно! Перед тем, как начинать удаление фона «Волшебной палочкой», убедитесь, что вы разблокировали фоновый слой. Это необходимо, чтобы «открепить» его от основного рисунка. Если слой не разблокирован, палочка не сможет его корректно выделить. В результате удаления могут остаться белые места или же может быть стёрта не фоновая часть фотографии.

Чтобы разблокировать фон, перейдите на панель Layers («Слои»). Кликните на значок замка, чтобы выставить его в положение «Открыто». Только потом используйте инструмент «Волшебная палочка».

Рис.6 - открепление заднего слоя в Фотошопе

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

Убираем фон внутри картинки

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


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


Рис. 8 - изменение параметров уровней изображения

Нажмите на миниатюру копии канала, которая была создана в самом начале. Во время клика удерживайте нажатой кнопку Ctrl. В результате появится выделение изображение. Сделайте инвертацию с помощью нажатия сочетания клавиш Shift-Ctrl-I. Теперь нажмите кнопку Backspace на клавиатуре, чтобы удалить лишний слой. Вы можете создать его копию, нажав на Ctrl-J. После удаления фона и добавления вместо него новой текстуры получился такой результат:


Рис. 9 - итог удаления фона внутри рисунка и по внешним сторонам

Добавляем другой фон

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

Добавьте в один проект рисунок с текстурой и картинку с удалённым фоном:


Рис. 10 - добавление картинок в проект

Перейдите на панель слоёв и поместите структуру наверх. Укажите параметр наложение как «Затмение» или «Умножение». Как видим, элемент проявился сверху текстуры, однако, некоторые белые части картинки также приняли цвет текстуры:


Рис 11 - результат первоначального наложения изображений

Добавьте к самому верхнему слою дополнительную слой-маску:

Рис. 12 - добавление слоя-маски

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


Рис. 13 - результат замены фона


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

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

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

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

Нам откроется окно, где мы выберем нужное изображение в своих внутренних папках.

Примером нам будет служить вот такое изображение известного футболиста:

Мы видим, что желаемый объект - футболист, достаточно хорошо контрастирует с общим зеленоватым фоном. При таком сильном контрасте мы можем рассчитывать на то, что Word большую часть работы по удалению фона сделает самостоятельно.

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

Функционал «Работа с рисунками» становится активным и видимым в верхнем меню тогда, когда изображение выделено - захвачено маркерами. Для выделения изображения (если оно не выделено) нужно навести курсор мыши на изображение и щёлкнуть левой кнопкой мыши.

Давайте щелчком мыши раскроем вкладку «Формат» функционала «Работа с рисунками»:

И вот перед нашими глазами появилось всё её содержимое. Нужный нам инструмент «Удалить фон» стоит самым первым в ряду всех опций вкладки, если смотреть с лева на право:

Щёлкнем мышью по значку инструмента, раскрыв этим самым щелчком его опции:

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

Или же нажмём клавишу «Esc» или клавишу «Enter».

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

Мы видим на изображении, выделенную маркерами корректировочную область. Хватая мышью тот или иной маркер, мы эту область можем изменять. Изменение этой области влияет на удаление части фона изображения.

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

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

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

Ну вот, всё готово к удалению фона и мы можем сделать щелчок мышью по значку опции «Сохранить изменения» в верхнем меню или нажать одну из перечисленных выше клавиш (Esc, Enter). Но мы ведь заинтересованы только в изображении футболиста. Зачем нам размер исходного изображения полностью после удаления фона?

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

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

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

Для обрезки нажмём клавишу «Esc» или вновь щёлкнем мышью по значку «Обрезка» в верхнем меню:

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

Замечательно!

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

В общем, делать то, что нашей душе угодно.

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

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

Но прежде чем я покажу несколько отличных способов, как удалить фон в фотошопе, стоит, пожалуй, прояснить некоторые моменты. Например, что же такое сложный объект? Для меня, сложным является все то, что невозможно вырезать при помощи пера (Pen Tool). К этой категории относятся: волосы, шерсть, трава, листья, облака и так далее. Вот именно для извлечения таких объектов и создан сегодняшний урок.

Способ первый: При помощи Channels

Удалить фон при помощи каналов — пожалуй один из самых эффективных, быстрых и популярных способов ЕСЛИ этот фон однородный. Например белый.

Для примера очаровательной девушки.

Переходим во вкладку Channels (добавить ее можно через меню Window) и выбираем канал, который делает объект наиболее контрастным по отношению к фону. В данном случае это blue.

Дублируем его. CTRL+J не работает, поэтому кликаем правой клавишей мыши и выбираем duplicate channel. Отключаем все каналы, кроме дублированного. Далее нажимаем сочетание клавиш CTRL+L и настраиваем ползунки таким образом, чтобы между фоном и краями объекта был максимальный контраст.

Отлично. Теперь выбираем инструмент кисть и закрашиваем объект черным цветом. Примерно так:

Осталось самое простое. Зажимаем CTRL, кликаем на иконку дублированного канала в панели channels, чтобы создать выделение. Затем включаем все выключенные ранее каналы, а дублированный удаляем. Очень важно, чтобы в итоге, выбранным остался канал RGB. Не снимая выделение переходим на вкладку слоев и нажимаем Delete. Вот и все.

Если же фон не однородный - придется изрядно повозиться. Давайте рассмотрим следующий способ.

Способ второй: При помощи Refine Edge

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

При помощи любого удобного для вас инструмента создадим вот такое грубое выделение…

… и перейдем в Select — Refine Edge.

Точных настроек не существует. Все зависит исключительно от вашего изображения. Путем проб и ошибок у меня получилось примерно следующее:

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

В заключении

Я надеюсь, вам пригодится этот урок. Во всяком случае, рассмотренными сегодня методами я пользуюсь постоянно, когда делаю баннеры, или коллажи. Может быть вы знаете другие способы, чтобы избавиться от фона?

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

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

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

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