Главная » Ростелеком » Как удалить фон в фотошопе у сложных объектов. Уроки фотошопа — как убрать фон… Второй вариант

Как удалить фон в фотошопе у сложных объектов. Уроки фотошопа — как убрать фон… Второй вариант

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Существует одно очевидное решение проблемы – вырезать цветок из фона каким-либо подходящим инструментом.

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

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

Способ 1: самый быстрый

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

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

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

1. Зажимаем клавишу CTRL и жмем левой кнопкой по миниатюре слоя с цветком. Вокруг объекта появится выделение.

2. Переходим в меню «Выделение – Модификация – Сжать» . Эта функция позволит нам сместить край выделения внутрь цветка, тем самым оставив ореол снаружи.

3. Минимальное значение сжатия – 1 пиксель, его и пропишем в поле. Не забываем нажимать ОК для срабатывания функции.

4. Далее нам необходимо удалить этот пиксель с цветка. Для этого инвертируем выделение клавишами CTRL+SHIFT+I . Обратите внимание, что теперь выделенная область охватывает весь холст целиком, исключая объект.

5. Просто нажимаем клавишу DELETE на клавиатуре, а затем убираем выделение сочетанием CTRL+D .

Клипарт готов к работе.

Способ 2: режим наложения «Экран»

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

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

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

Способ 3: сложный

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

1. Применяем корректирующий слой «Уровни» .

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

3. Переходим в палитру слоев и активируем слой с цветком.

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

6. Выбрав канал, зажимаем CTRL и кликаем по его миниатюре, создавая выделение.

7. Переходим обратно в палитру слоев, на слой с цветком, и кликаем по значку маски. Созданная маска автоматически примет вид выделения.

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

9. Избавимся от черного ореола. В данном случае операция будет немного другой, поэтому повторим материал. Зажимаем CTRL и кликаем по маске.

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

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

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

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

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

Рассмотрим несколько самых популярных и простых способов, которые помогут вам убрать фон фотографии.

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь выберите пункт быстрого выделения. В выпадающем списке вы видите два доступных инструмента. Кликните на «Волшебную палочку», как показано на рисунке 5.

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

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

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

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

Только потом используйте инструмент «Волшебная палочка».

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

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

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

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

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

Для начала нужно создать копию синего канала картинки. Для этого нажмите на сочетании горячих клавиш Ctrl - L .

Появится окно Уровней. Передвигайте ползунки до тех пор, пока все серые цвета стали максимально напоминать чёрный оттенок.

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

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

В результате появится выделение изображение. Сделайте инвертацию с помощью нажатия сочетания клавиш Shift -Ctrl -I .

Теперь нажмите кнопку Backspace на клавиатуре, чтобы удалить лишний слой. Вы можете создать его копию, нажав на Ctrl -J .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Способ 1

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

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

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

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

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

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

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

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

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

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

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

Способ 3

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

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

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

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

Способ 4

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

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

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

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