Как убрать фон в фотошопе сс. Короткий урок: быстрое удаление фона при помощи инструмента “Фоновый ластик”

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

Удаление фона – это одна из первых трудностей, с которой сталкиваются новички, работающие с редактором Photoshop. Рассмотрим несколько самых популярных и простых способов, которые помогут вам убрать фон фотографии.

Использование ластика

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

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

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

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

Убираем фон с помощью «Волшебной палочки»

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

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

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

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

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

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

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

Рис. 7 – первоначальный вид рисунка

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

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

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

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

Здравствуйте уважаемый посетитель или посетительница!

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

Я покажу 5 способов:

  1. Как убрать задний фон с картинки в фотошопе, используя любую программу Adobe Photoshop.
  2. Покажет, как убрать задний фон с картинки в фотошопе, только в Photoshop до третей версии.
  3. С помощью ластика.
  4. Уберем фон даже на контрастной картинке.
  5. Используем инструмент перо.

Наверное, у вас появился вопрос: «Алексей, а зачем использовать второй способ, если первый для всех версий программы?» Дело в том, что второй способ, самый простой и мой самый любимый.

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

Ну да ладно, в любом случае, сегодня даже кипящий чайник сможет удалить лишний фон на желаемой картинке!

Удаление заднего фона с изображения в Photoshop

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

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

Я лично буду показывать все действия на CS 3. Кстати его можете взять в моем курсе «Как создать блог для жизни», программа в дополнительных материалах.

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

Нам нужно открыть ее, нажав на вкладку файл или просто перетащить ее на холст нашей программы. После чего выбираем инструмент «Лассо», при наведении или нажатием правой кнопкой мыши (версии могут отличаться, поэтому однозначной рекомендации нет) всплывет три варианта:

  • Лассо
  • Прямоугольное лассо
  • Магнитное лассо

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

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

После выделения нужного вам фрагмента, жмите сочетание клавиш CTRL+X и выделенное изображение исчезнет, но не пугайтесь, ваша работа не пошла коту под хвост! Просто нужно создать новый холст: файл/ новый. Размеры подставятся автоматически, просто выбирайте, да и после комбинации клавиш CTRL+V, выделенное и вырезанное изображение ранее, вставиться без заднего фона в Photoshop.

У меня получилось так:

Теперь сохраняйте ее в формате PNG.

По просьбе моего комментатора, вношу небольшие изменения с его слов, так как он в издательском и полиграфическом деле более 10 лет, а вот его рекомендации:

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

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

Все действия делайте аналогичным с первым вариантом, то есть до открытия картинки. Здесь нам нужен другой инструмент, называется просто «Извлечение фрагмента». Для этого становитесь на вкладку фильтр/ извлечь…

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

Обводите картинку, после выделения, жмите инструмент «Заливка» и кликайте на выделенную область, после жмите просмотр. Если видно что-то лишнее, то используйте следующие инструменты:

  1. Очистка краев (работает, как обычная терка)
  2. Обработка краев (делает края естественными)

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

Остальные способы извлечения картинки из заднего фона Adobe Photoshop

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

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


Необходимо помнить, что залог успешной работы по удалению фона – это качественная фотография. Самое главное – чтобы объект и окружение были хорошо контрастны по отношению друг к другу и имели как можно меньше точек слияния близких цветов. Но это технические тонкости… Мы же с Вами сегодня научимся стирать фон с фотографии буквально нескольким кликами мыши! Профессионалы фотошоп могу с недоверием отнестись к этому способу, но когда они увидят результат, думаю они будут удивлены).

Clipping Magic – бесплатный онлайн сервис, который за несколько потраченных минут сэкономит Вам 1-2 часа работы в Photoshop или других графических редакторах. За пару кликов он сможет удалить фон с цифровой фотографии, а результат Вас точно порадует!

Итак, всё что Вам требуется сделать, это:

  • загрузить фотографию
  • буквально несколькими штрихами нарисовать маску (зеленым цветом объект, который надо отделить от фона, а красным – собственно сам фон, т.е. то, что надо удалить)
  • скачать результат с прозрачным фоном себе на компьютер
Я не преувеличиваю – это действительно очень просто и очень быстро! Весь секрет работы в данном онлайн редакторе можно описать вот такой небольшой схемкой:

Вот что получилось у меня буквально (я даже засекал по часам) за 15 секунд работы (левая часть рабочего окна – оригинальное фото с маской, правая – результат):

Вот какие возможности есть у редактора Clipping Magic:

  • режим ластика для удаления маски
  • выбор размера кисти для рисования маски
  • выбор типа фона (прозрачный либо цвет)
  • отмена действий
  • зумирование

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

На данный момент онлайн сервис Clipping Magic работает в режиме альфа, но каких-либо «косяков» и грубых ошибок в его работе лично я не заметил. Все указанное мною выполнялось точно и без ошибок. Еще раз повторю, что для подобного рода манипуляций играет роль именно качество фотографии: чем более контрастными будут фон и объект, тем лучший результат получится на выходе. Поэтому не ждите хорошего результата, если Вы возьмете, к примеру, фотографию низкого разрешения с котом, сидящим на фоне пестрого ковра)).

Друзья, на данный момент сервис Clipping Magic – это самый быстрый, удобный и качественный способ удалить фон у фотографии онлайн. Если с Photoshop и иными графическими редакторами Вы не особо дружите, то потратьте пару минут на освоение этого сервиса и результатом Вы сможете хвастаться даже перед профессионалами!

Обязательно посмотрите мой обучающий видеоролик, в котором наглядно показано, как быстро и удобно работать в Clipping Magic!

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

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

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

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

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

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

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

Шаг 2: Как работает инструмент
Не смотря на свое название “Фоновый ластик”, данный инструмент имеет значительно более широкие стирающие возможности, чем простое удаление фона. На самом деле его работа более похожа на стирание цвета. Итак, приступая к работе выберем инструмент. Вы можете, удерживая Shift, повторно нажимать клавишу E, чтобы циклически переключать инструменты на панели ластика. Либо непосредственно кликнуть по иконке инструмента на панели инструментов.

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

Помните, что величина Жесткости (Hardness) всегда должна быть максимально возможной, иначе после инструмента могут остаться недоудаленные фрагменты фона. Задайте нужный размер кисти, а величину интервалов задавайте относительно небольшой, в пределах 1-50%, так, чтобы удаление осуществлялось мягко и равномерно.

На верхней панели опций активируйте режим Проба: однократно (Sampling Once), так чтобы мы могли, задав нужный цвет один раз, обработать большую область. Пока установите параметры Ограничения (Limits) в положение Смежные пикселы (Contiguous) и Допуски (Tolerance) – 50%.

Шаг 3: Приступаем с тиранию
Кликните в произвольной точке неба, зажмите ЛКМ и поводите по холсту, стирая область неба.

Как вы могли бы заметить на изображении выше, фон между вервями и листьями остается нетронутым. Это происходит из-за заданных настроек Ограничений (Limits). Снова обратитесь к верхней панели опций и измените Ограничения на Выделение краев (Discontiguous). Теперь повторите процесс стирания и понаблюдайте за эффектом.

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

Шаг 4: Еще несколько опций
В моем случае, когда я работал инструментом при Допусках (Tolerance) - 50% (задано по умолчанию), результат получился вполне приемлемым. Но вы не пугайтесь, если вдруг у вам получится нечто вроде вот этого:

Если это все же произошло, значит фоновый цвет слишком близок к цвету самого объекта, и вам нужно всего-навсего уменьшить величину Допуска (Tolerance levels). В том случае, если цвет фона достаточно сильно отличается от цвета самого объекта, который расположен на этом фоне (как, например, в моем случае), то Допуск можно увеличить, получив еще более совершенный результат. При правильно подобранной величине допуска, у вам должно получиться нечто вроде этого:

Шаг 5: Еще больше настроек!
Если после нескольких попыток подобрать нужный уровень Допуска, инструмент все еще создает вам проблемы, стирая вместе с фоном сами объекты, активируйте опцию защиты Основного цвета, поставив галочку на пункте Основной цвет (Protect Foreground Color).

Это позволит вам, указать образец основного цвета (взять образец цвета можно кликнув по нужному участку, удерживая Alt), который фотошоп не будет стирать в процессе работы инструментом Фоновый ластик. Ниже приведен пример того, как работает эта опция.

Шаг 6: Различные фоновые цвета
После применения инструмента Фоновый ластик на всей площади фона при одном заданном цвете, вы можете получить вот такой реузльтат:

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

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

Шаг 7: Заключительный шаг
После того, как фон будет удален, у вас есть два пути, по которым вы можете пойти далее. Вы можете выделить только что очищенные от фона объекты и использовать их в проекте по созданию другой композиции, либо заменить удаленный фон чем-нибудь другим, получив новое изображение (именно так мы и поступим). Скачайте набор с небесными градиентами и выберите какой-нибудь на свое усмотрение. Я решил заменить мой прежний фон чистым синим небом:

Вот что получилось в результате:

Законченный результат:

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