Как убрать белый фон у изображения. Как удалить фон в Фотошопе (Photoshop)

25.09.2019

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

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

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

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

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

Делать различные 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 .

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

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

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

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

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

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

При работе с изображениями, приходится отделять мух от котлет, т.е. фон от картинки.

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

Способ 1

Убрать белый фон у изображения, применив инструмент .

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

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

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

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

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

Есть еще одна полезная команда для удаления каймы: Слой — Обработка краев — Убрать кайму .

Способ 2 Выделение фона при помощи .

Самое важное — не забыть разблокировать фоновый слой. Я об этом уже не раз писал, но повторю вновь. Если на палитре слоев, возле миниатюры слоя имеется маленький замочек, значит он заблокирован. Двойной клик по этому слою Образует его в новый , который можно будет редактировать.

Теперь, выбрав Волшебную палочку, сделайте клик по фону. Он выделится «Марширующими муравьями». Остается лишь нажать клавише Backspace. Появится вновь шахматный фон.

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

Способ 3

Вкратце это выглядит так:

1. У нас есть изображение. Хотим убрать все белое, чтобы остался только прозрачный фон.

2. Создаем дубликат синего канала. Нажимаем Ctrl+L. Появилось окно Уровни. Начинаем двигать ползунки так, чтобы все серое стало максимально близким к черному. Другими словами, нужно добиться такого результата, чтобы то, что хотим удалить, стало белым, а остальное черным.

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

Способ 4

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

Итак, на рисунке ниже, слева мы имеем все того же рыцаря, а справа текстуру.

На палитре слоев текстуру размещаем вверху и указываем наложение Затемнение или Умножение. Рыцаря стало видно. Но есть загвоздка. Некоторые элементы изображения, которые также были белыми, стали цвета текстуры.

Сейчас исправим. К верхнему слою (с текстурой) добавим слой-маску. Взяв инструмент Кисть, начинаем стирать текстуру с видимых мест. Аккуратно, не спеша, в результате получилось так:

Несложно, качественно, красиво. Отличный способ.

Пока только такие способы я вспомнил. Знаете еще — пишите о них в комментариях.

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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

Вот как будет выглядеть финальный результат.

Шаг 1

Откройте Фотошоп, а затем − вашу отсканированную картинку. Для этого нажмите Файл > Открыть (File -> Open) и выберите ваш файл, либо просто перетащите изображение в Фотошоп.

Для этого урока мы используем скан красивого акварельного рисунка, сделанного нашей талантливой коллегой (Андреа).

Шаг 2

На панели слоёв (F7) нажмите иконку корректирующий слой "Яркость/Контрастность" (Brightness/Contrast).

Шаг 3

Должен появиться новый слой с именем "Яркость/Контрастность 1" (Brightness/Contrast 1). Дважды щёлкните по миниатюре слоя. Откроется новое окошко с двумя ползунками.

Шаг 4

Немного увеличьте Яркость (Brightness) (до 2-4), и подвигайте ползунок контрастности, чтобы сохранить цвета. Смысл в том, чтобы бумага осталась белой. Позже мы её отфильтруем.

Шаг 5

Снова нажмите "Создать новый корректирующий слой или слой-заливку" (New Adjustment Layer) и выберите "Кривые" (Curves). Пока что ничего не произойдёт, поскольку настройки по умолчанию не меняют изображение.

Шаг 6

Дважды щёлкните по миниатюре слоя, чтобы открыть панель настроек.

Шаг 7

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

Шаг 8

Убедитесь, что у вас выбран слой "Кривые 1" (Curves 1), затем нажмите сочетание клавиш CTRL+ALT+Shift+E, чтобы сгладить изображение и вставить результат на новый слой. Назовите слой "Сглаживание".

Шаг 9

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

Шаг 10

Снова нажмите "Создать новый корректирующий слой или слой-заливку" (New Adjustment Layer) и выберите "Цвет" (Solid Color), чтобы создать новый слой "Заливка цветом 1" (Color Fill 1).

Когда будет предложено выбрать цвет, просто выберите тёмно-серый, это неважно, так как слой нужен только в качестве ориентира .

Нажмите сочетание CTRL+Shift+[, чтобы переместить слой на задний план. Он стал невидимым, так как находится под слоем "Сглаживание".

Шаг 11

На панели слоёв выберите слой "Сглаживание" и дважды щёлкните возле него, чтобы открыть настройки Стиля слоя (Layer Style) - Параметры Наложения (Blending Options).

Шаг 12

Работаем с Наложить, если../ Blend If Удерживая ALT, перетаскивайте белый ползунок влево до тех пор, пока не увидите, что фон исчез. Нажмите ОК. Если на рисунке остались белые края, можно сдвинуть левую половину ползунка немного левее, как показано ниже.

Шаг 13

Создайте новый слой, удерживайте Shift и выберите слой "Сглаживание". Затем нажмите Слой > Объединить слои (Layer -> Merge Layers) (или сочетание CTRL+E).

Шаг 14

Возьмите инструмент "Прямолинейное лассо" (Polygonal Lasso Tool) и начерно обведите рисунок. Когда фигура замкнётся, вы увидите по контуру эффект "марширующих муравьёв".

Шаг 15

Нажмите сочетание CTRL+C, чтобы скопировать выделенное. Теперь нажмите Файл > Создать (File -> New…), затем нажмите ОК, чтобы создать новый документ нужного для нашего рисунка размера.

Шаг 16

Нажмите D для сброса цветов заднего и переднего планов. Выберите слой "Фон" (Background) и нажмите сочетание ALT+Backspace, чтобы залить весь слой текущим цветом переднего плана.

Чтобы залить слой цветом заднего плана, нажмите CTRL+Backspace.

Шаг 17

Выберите слой "Слой 1" (Layer 1). Теперь возьмите инструмент Ластик (Eraser Tool) (горячая клавиша Е) и удалите все оставшиеся белые точки. Их хорошо видно на чёрном фоне.

Шаг 18

Щёлкните значок глаза возле миниатюры фонового слоя, чтобы скрыть его.

Шаг 19

Научитесь нажимать его пальцами одной руки, это очень полезное и часто используемое сочетание.

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

11.03.15 29.4K

Введение

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

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

Я использую Adobe CC , но техника удаления фона, описанная здесь, будет работать в Photoshop CS5 и версиях старше, хотя некоторые элементы могут выглядеть немного иначе:

Шаг: 1

Итак, нам необходимо сделать выделение нужной области. Для выделения существуют различные инструменты, но для новичков самыми простыми в использовании являются инструменты «Быстрое выделение » (Quick Selection ) и «Волшебная палочка » (Magic Wand ). Также есть инструмент «Лассо » (Lasso ), он более точный, но и требует больше времени.

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

Выделите область фона, которую хотели бы удалить, зажав левую кнопку мыши и перетаскивая курсор по нужному участку. Если случайно выделили что-то лишнее, вы можете воспользоваться опцией «Вычитание » инструмента «Быстрое выделение », зажав и удерживая клавишу Alt , и тем самым убрать лишнюю область из выделения. Не забудьте опять зажать Shift перед тем, как продолжить выделение фона.

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

Когда вы будете довольны сделанным выделением, щелкните правой кнопкой мыши и выберете опцию «Инвертировать выделение » (Select inverse ):

Шаг: 2

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

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

Шаг: 3

Дважды щелкните по маске на панели «Слои » (это черно-белое изображение, следующее за предварительным просмотром вашей фотографии ) и затем выберете «Края маски » (Mask Edge ) из выпадающего меню. Вы увидите меню «Уточнить маску » (Refine Mask ):

Шаг: 4

На этом шаге вы можете внести коррективы в маску, чтобы улучшить ее вид. Сначала, поставьте галочку напротив опции «Показать радиус » (Show Radius ).

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

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

Шаг: 5

Снимите галочку с опции «Показывать радиус », чтобы вернуться к предварительному просмотру маски. Теперь воспользуйтесь ползунками, чтобы скорректировать маску, пока не будете довольны полученным результатом.

Можно изменить режим просмотра, нажав на маленькую стрелку возле уменьшенного изображения и выбрав режим из выпадающего меню:

Шаг: 6

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

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

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

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

Рис. 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 - добавление картинок в проект

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