Как удалить и изменить фон на фотографии. Как в фотошопе удалить черный или белый фон с картинки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В заключении

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

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

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

  • На панели инструментов откройте вкладку инструментов типа «Резинка». Затем кликните на элементе «Волшебный ластик»;
  • Рис. 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 - результат замены фона


    Здравствуйте, уважаемые читатели!

    Фотошоп — это интересная штука, которой должен уметь пользоваться каждый! Я не буду объяснять здесь что это и как, я просто буду давать полезные уроки на понятном языке.

    Как говорят многие — буду писать для чайников!

    Для кого-то фотошоп — это хобби, для кого-то — способ заработка, ну или просто развлечение… А для меня фотошоп — это очередной незаменимый инструмент, без которого мне и моему блогу нет дороги!

    Он помогает мне делать классные уникальные картинки (Об этом я напишу позже — у меня там свои фишки, советую подписаться на мой блог. А то вдруг статья выйдет, а вы не узнаете об этом…)

    Делать различные 3D коробки и обложки, надписи и т.д

    Поэтому я понемногу стал овладевать этими знаниями, и хочу начать обучать и вас! Это не будут очередные унылые и заумные уроки для профессионалов — все будет для чайников в интересном формате (друзья, здесь без обид).

    По этому поводу я создаю на блоге еще один раздел под названием «Уроки Фотошоп»!

    Да разделов у меня многовато, и один даже есть пустой — но вы на это не смотрите! Скоро я исправлюсь и все-все заполню полезными статьями…

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

    Ну что, заканчиваем с таким сказочным вступлением и пора бы приступать к теме поста…

    В этой небольшой статье мы раскроем такой небольшой секрет: «Как убрать задний фон с картинки в фотошопе?»

    Недавно я сам задавался таких вопросом и был в поисках ответа на него… Но теперь, все это я делаю в считанные секунды и даже друзья-блоггеры просят меня о помощи (я им не раскрыл секрета и сказал, что лучше напишу статью по этому поводу — вот они обрадуются)

    Как убрать задний фон с картинки в фотошопе!

    Но для начала нам понадобится программа под названием Photoshop (точнее так — Adobe Photoshop )…

    Не важно какая версия но главное чтобы она была! Или можете воспользоватся онлайн Фотошопом, найдя его через любой поисковик — его возможности особо не уступают возможностям установочной программы!

    Открываем наш Фотошоп…

    Теперь нам нужно добавить нашу картинку для удаления фона: Файл — Открыть … (думаю тут скрин не нужен)

    Я буду использовать вот такую картинку для примера (возьму и библиотеки блога, чтобы не грузить лишнее ):

    P.S. А вот небольшое замечание: картинка должна быть в формате JPG , с форматами PNG и GIF такая фишка не пройдет… Но если у вас картинка не в формате JPG, то это еще не повод для расстройств — нам нужно просто сменить формат картинки!

    Как сменить формат картинки?

    Здесь все просто! Можно воспользоватся например программой Paint (это стандартная программка, которая есть на каждом компьютере — ну или по крайней мере должна быть)

    Открываем картинку и просто сохраняем ее в уже нужном нам формате (Jpg ) без каких либо изменений!

    C Фотошопом такая фишка не проходит: не хочет картинки формата PNG и GIF сохранять в Jpg …

    Кстати, я использую Adobe Photoshop CS6 Portable … (p.s. мне очень хорошая версия попалась)

    После добавления картинки, в окне «Слои » сделайте двойной клик и в открывшемся окне нажмите «ок » (так мы сможем создать новый не заблокированный слой и в последствие произвести изменения ):

    Теперь нам нужно выбрать в левой панели инструмент под названием «Волшебная палочка » (работает точнее чем «Быстрое выделение «) и с помощью нее производить клики по тем участкам картинки, которые хотим удалить… (сделали клик левой кнопкой мыши, тем самым выделив участок и нажали Delete):

    После удаления фона нужно произвести сохранение (Файл — Сохранить как… ). Картинку нужно сохранять только в формате PNG , только тогда фон останется прозрачным!

    В общем вот мой результат:

    Возможно у меня есть некоторые погрешности, но я просто спешил — все это можно исправить, уделив больше внимания! Но главное, чтобы вы уловили саму суть…

    Теперь такую картинку с легкостью можно поместить на любой фон!

    Уроки фотошопа — как убрать фон… Второй вариант!

    А вот второй вариант! Если честно, то он мне не по душе!

    Все остается прежним, только мы используем другой инструмент, а именно — «Перо». Вообщем, смотрите картинку:

    Надеюсь суть картинки понятна! Нам нужно выделять объект точечками пока не замкнется контур… Если поставили точку неверно, не переживайте — ее можно отменить (во вкладке: Окно — История , ну или кликом правой кнопкой мыши по ней — Удалить опорную точку )

    Для удобного проставления точек можно использовать увеличение картинки.

    Когда проставите все точки и контур замкнется, сделайте клик правой кнопкой мыши — Образовать выделенную область , ну а дальше смотрите на картинке:

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

    Почему мне не по душе этот вариант?

    • очень долго (особенно, если картинка — это не круг или квадрат=)
    • контур картинки иногда изменяет свой вид

    И так как второй вариант мне не нравится, я решил записать небольшой видеоурок только по первому… Вообщем, смотрим:

    Ну да, не удержался и записал про два способа=)

    На видеозаписи не видно курсора во-время работы в программе — завис что-то… Но, думаю суть ясна! А еще я не добавил никаких титров, но выше написана классная статья, а еще я жду вас со своими вопросами в комментариях!

    На этом все! Всем пока!

    Excel для Office 365 Word для Office 365 Outlook для Office 365 PowerPoint для Office 365 Excel для Office 365 для Mac Word для Office 365 для Mac Outlook для Office 365 для Mac PowerPoint для Office 365 для Mac Excel 2019 Word 2019 Outlook 2019 PowerPoint 2019 Project профессиональный 2019 Excel 2016 Excel 2019 для Mac PowerPoint 2019 для Mac Word 2019 для Mac Word 2016 Outlook 2016 PowerPoint 2016 Project профессиональный 2016 Excel 2013 Word 2013 Outlook 2013 PowerPoint 2013 Excel 2010 Word 2010 PowerPoint 2010 Excel 2016 для Mac Outlook 2016 для Mac PowerPoint 2016 для Mac Word 2016 для Mac Word для Mac 2011 Excel для Mac 2011 Outlook для Mac 2011 PowerPoint для Mac 2011 Excel Starter 2010 Outlook 2019 для Mac Project Online Desktop Client Project профессиональный 2013 Project стандартный 2013 Project стандартный 2016 Project стандартный 2019 Word Starter 2010 Меньше

    В Word, PowerPoint, Excel и Outlook из рисунка можно удалить фон, чтобы выделить или подчеркнуть основную идею или удалить отвлекающие детали.

    Удаление фона недоступно для файлов с векторными рисунками, например в форматах SVG, AI, WMF и DRW.


    Рисунок 1: исходный рисунок


    Рисунок 2: тот же рисунок с удаленным фоном

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

    Рисунок 3: исходный рисунок с линиями удаления фона


      Сохранить изменения Сохранить как рисунок


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

    Сохранение измененного рисунка

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

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


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

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

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

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

    Видео: удаление фона из рисунка в Office для Mac 2011.

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

    Как это часто бывает, если бы разработчики понимали всю сложность задачи, они бы вообще не брались за её решение. Но потом оказалось, что назад пути нет, и всё-таки им удалось добиться определённого успеха. 11 апреля они запустили конвертер Bonanza Background Burner , который неплохо очищает фон на произвольных фотографиях, при небольшой помощи или вовсе без неё. Доступ через API пока бесплатен, но в будущем владельцы сервиса что-нибудь придумают.

    Сервис предназначен, в первую очередь, для интернет-магазинов. Известно, что товар на белом фоне продаётся как минимум на 10-15% лучше, чем без него. Так что простая автоматическая процедура сразу приносит материальный эффект. Кстати, по этой причине Amazon и некоторые другие интернет-магазины требуют, чтобы товары были представлены на белом фоне в обязательном порядке.

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

    Результат обработки в Bonanza Background Burner показан на примерах ниже.

    Авторы программы говорят, что за основу взяли OpenCV, написали слой на Ruby для настройки «движка» и испробовали более 100 комбинаций различных техник обработки изображений. Сейчас конвертер работает в 8 проходов и успешно удаляет фон на 70% фотографий. С учётом ручной доработки этот процент повышается до 85%. К концу 2014 года они намерены довести эффективность до 90% улучшить производительность вдвое, то есть до максимум 5 секунд на фотографию.



    Статьи по теме