Отделение объекта от фона. Как отделить полупрозрачное изображение от фона с помощью Adobe Photoshop

Инструкция

Проще всего для отделения изображения от фона воспользоваться инструментом «Волшебная палочка» (Magic Wand). Этот метод, помимо простоты, имеет ряд недостатков – он работает корректно только в том случае, если изображение имеет четкие и контрастные края по отношению к однородному и не пестрому фону.

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

Также вы можете удалить фон с помощью инструмента Eyedropper Tool или пипетки. Для этого выберите инструмент пипетки на панели управления и кликните на любое место фона, так же как вы делали в предыдущем способе.

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

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

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

Когда выделение будет сделано, кликните на нем правой клавишей мыши и выберите опцию Layer via cut. Изображение человека перейдет на новый слой, а слой с фоном вы можете удалить.

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

Вам понадобится

Графический редактор “Photoshop”
Изображение, на котором нужно отделить объект от фона

Инструкция

Откройте изображение в “Photoshop”. Для этого в меню “File” («Файл») выберите пункт “Open” («Открыть») или используйте «горячие клавиши» “Ctrl+O”.

В палитре “Tools” («Инструменты») выберите инструмент “Brush Tool” («Кисть») или воспользуйтесь клавишей “В”.

Перейдите в режим “Quick Mask” («Быстрая маска»). Для этого щелкните по правому из двух прямоугольников в нижней части палитры “Tools” («Инструменты») или нажмите клавишу “Q”.

Закрасьте объект, который нужно отделить от фона, зажав левую кнопку мыши. При работе в режиме «Быстрой маски» закрашиваемые области становятся . Края выделяемого объекта достаточно удобно обводить кистью с жесткостью около 70%. Центральную часть объекта закрашивайте кистью с жесткостью 100%. Мелкие детали изображения удобнее обводить кистью малого диаметра. Параметры кисти можно настраивать в процессе работы. Это делается в панели “Brush” («Кисть»), которая находится вверху окна программы под главным меню. У инструмента “Brush” («Кисть») есть два параметра: “Master Diameter” («Диаметр») и “Hardness” («Жесткость»). Оба параметра можно настроить, передвигая ползунки или вводя числовые значения параметров в поля над ползунками.

Выйдите из режима «Быстрая маска». Для этого нажмите левый прямоугольник внизу палитры “Tools” («Инструменты») или клавишу “Q”.

Инвертируйте созданное выделение. Для этого в меню “Select” («Выделение») выберите пункт “Inverse” («Инвертировать») или воспользуйтесь горячими клавишами “Shift+Ctrl+I”.

В данном материале мы остановимся на варианте "Показать всё".

Слой-маску можно включать и другим способом. В палитре слоёв (эта палитра открывается нажатием клавиши F7) надо кликнуть по значку "Добавить слой-маску" (create new Layer), находящемуся в нижней части этой палитры. В этом случае она включится в режиме "Показать всё".

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

Теперь можно перенести наш рисунок с маской на документ, на который он будет накладываться, назову его "Фоновым документом". Для этого в рисунке с маской нажимаем комбинацию клавиш Ctrl+A, затем Ctrl+C, затем открываем в Фотошопе "Фоновый документ", и нажимаем комбинацию клавиш Ctrl+V, после чего рисунок с маской появится в новом слое на "Фоновом документе".

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

Теперь осталось отделить лишнее. Как понятно из текста выше, удалять фон под фигурой надо с помощью чёрной кисти. Но кисть после применения слой маски имеет белый цвет, т.к. основной цвет цветовой палитры-белый. Изменить основной цвет на фоновый можно нажатием на клавишу "Х", либо кликнуть по изогнутой двойной стрелочке у цветных квадратиков на палитре. Итак, цвет изменили, выбираем инструмент "Кисть" (Brush). Затем надо подобрать размер и жёсткость кисти. Размер придётся подбирать для каждого действия индивидуально, для общего удаления пропорции кисти к размеру документа подойдут, как показано на рисунке. Для мелких деталей размер необходимо будет уменьшать, сделать это можно на палитре управления размерами или с помощью клавиш-квадратных скобок [ и ].

Жёсткость кисти следует задать примерно 70%.
Чёрная кисть удаляет изображение, а с помощью белой можно восстановить ошибочно удалённые фрагменты.

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

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

Способ №1. Использование инструмента «Волшебная палочка» (W)
Если стоит задача отделить изображение с однородным фоном – этот инструмент наиболее подходящий. Клавиша быстрого вызова – W. После вызова кликаем по фону для выделения. Теперь, чтобы удалить выделенный фон, нажмите клавишу Delete.

Для увеличения участка выделения можно использовать настройку «Допуск» на панели свойств.

Способ №2. Использование инструмента «Магнитное лассо» (L)
Этот инструмент «примагничивается» к цветам с похожими оттенками. Ставим начальную точку и «проводим» лассо по краям нужного участка; если нужно уточнить край, то кликом левой кнопки мыши ставим дополнительные точки. Выделение нужно замкнуть, поэтому конечную точку ставим там, где начинали выделение.

В нашем примере выделен пес, поэтому инвертируем (переводим в противоположное состояние) выделение, для чего используем шорткод Ctrl+Shift+I. Теперь нажимаем Delete для удаления фона.
Невооруженным глазом видно, что над этим изображением еще нужно поработать и удалить остатки фона на шерсти. Сделать это можно, повторив данную операцию несколько раз.

Способ №3. Использование быстрой маски (Q)
Режим активируется клавишей Q. Теперь инструментом «Кисть» (B) закрашиваем нужную область. Быстрая маска создает область, которая вычитается из выделения и для наглядности выделяется красным цветом. После выделения снова нажмите Q, чтобы выйти из режима быстрой маски.

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

Вот мы и рассмотрели 3 простых способа для быстрого выделения фона в Фотошопе. В следующих уроках рассмотрим более сложные методы.

В дополнение к статье просмотрите и видео-урок:

Выбор конкретного способа осуществляется в зависимости от сложности фона. В этом уроке мы рассмотрим 3 самых простых способа отделения изображения от однородного фона в Фотошопе.

Открываем нужное изображение, нажав кнопку «Файл». Выберите опцию «Открыть» и укажите путь к изображению.

Первым делом вам нужно обратить внимание на расположение цветов. Если сверху у вас стоит белый квадратик - щёлкните по чёрному. Так же поменять расположение цвета можно с помощью стрелок, расположенных рядом с квадратиками.

Под этими квадратиками есть кнопка «Маска». Она похожа на фотоаппарат. Нажмите на неё. Теперь, если вы подведёте к ней мышку, кнопка станет красной.

Теперь нажимаем на инструмент «Кисть»

Нажали? Откройте кнопку кисть вверху. Я выделила её прямоугольной областью.
В открывшемся окне нужно обратить внимание на диаметр кисти (сделать побольше, я поставила 90) и жёсткость. Жёсткость с помощью бегунка увеличьте до 100.

Теперь переходите к окнам «Непрозрачность» и «Нажим». Они находятся правее, я подчеркнула их красной линией. Значения в этих окнах тоже доведите до 100. (см. картинку выше)

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

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

Вот что у меня получилось:

Как видите, есть огрехи, да я и не старалась сделать всё идеально, для того, чтобы показать вам ещё один приём.

Помните, как мы переводили цвета так, чтобы сверху был чёрный цвет? Теперь надо произвести обратную операцию и выставить белый цвет сверху. А дальше - стираем то выделение, которое кажется нам лишним.

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

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

У нас всё готово. Открываем изображение, на которое мы хотим перетащить фигуру.
Вы должны видеть два изображения. Для этого, изображения нужно как бы разорвать.

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

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

Постановка задачи

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

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

Для примера возьмём фотографию водопада словенских ключей.

Рисунок 1: задача отделить воду от фона

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

Работа будет вестись с помощью каналов, масок и слоёв. Что это такое?

Немного теории

Что такое каналы в Adobe Photoshop?

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

Что такое слои в Adobe Photoshop?

Любая фотография, картинка, коллаж в фотошоп представляет собой своеобразную стопку прозрачных плёнок. На каждой из них - часть рисунка. Для примера попробуйте сложить две фотографии и посмотреть через них на свет. Это и есть слой Photoshop. Картинка, которую мы видим - результат наложения множества «плёнок», называемых слоями. С другой стороны, слой может быть и один (если мы сверху ничего не добавляли).

Что такое маски в Adobe Photoshop?

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

Маски и каналы представляют из себя рисунок Grayscale (в оттенках серого). Информация под белой областью маски видимая. Под чёрной - нет.

Маска является основным инструментом для работы с прозрачностью части изображения в Adobe Photoshop. Её ещё называют картой прозрачности фотографии.

Работа с масками идентична для всех версий. Начиная от Adobe Photoshop CS и вплоть до Adobe Photoshop CS6.

Отделение струй воды от фона

В качестве примера отделим воду источника от фона.

1. Нажатием клавиши F7 включите просмотр слоёв. Определите зоны, содержащие нужную информацию. После этого перейдите в закладки «Каналы ». Необходимая вкладка подключается через меню «Окно » - «Каналы » или непосредственно через палитру «Слои ».

2. Последовательно меняя видимый канал, выберите наиболее контрастный по отношению к целевой зоне - той части изображения, которую хотите скопировать. Нажав сочетание клавиш «CTRL+A », выделите всю информацию с канала.

Рисунок 2: демонстрация метода выбора канала

3. Создание маски

Перейдите во вкладку «Слои ». Двойным щелчком мыши по пиктограмме в виде замка снимите защиту со слоя. Либо сделайте его дубликат.

Создайте маску. Для этого достаточно нажать соответствующую пиктограмму в нижней части палитры инструмента. Белый прямоугольник на пиктограмме слоя и есть маска Adobe Photoshop.

Рисунок 3: создание маски

Удерживая клавишу ALT , щёлкните левой клавишей мыши на него. Вы перешли на маску.

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

Рисунок 4: редактирование маски. Вставка информации из канала

3. Перейдите на маску. Инструментом «Кривые » («Изображения »-«Коррекция »-«Кривые ») затемните зоны теней, средних тонов и добавьте яркости в зону света. Щелчок левой клавишей мыши на диагональной линии создаёт точку коррекции. Нажав второй раз и удерживая клавишу, Вы можете двигать её, изменяя таким образом характеристики изображения.

Сделайте примерно так, как показано на рис. 5. Вода стала более заметной, фон начал исчезать.

Рисунок 5: Редактирование маски с помощь кривых

4. Инструментами «Затемнитель » и «Осветлитель » из панели инструментов Adobe Photoshop доработайте контрастность. Используйте «мягкие» параметры: насыщенность инструментов до 20%. «Осветлителем» подсвечиваем зону света. «Затемнителем» затемняем зоны теней. Использовать инструменты следует поочерёдно, методом маятника: два мазка одного, два другого.

Рисунок 6: Использование инструментов "осветлитель" и "затемнитель"

5. Для смягчения граней воспользуйтесь стандартным фильтром «Размытие ».

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

Рисунок 7: Параметры кисти для закрашивания ненужной информации

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

Рисунок 8: Проверка правильности вырезания

7. В случае наличия посторонних цветов, воспользуйтесь инструментом Adobe Photoshop «Цветовой тон/насыщенность ». Он находится в меню «Изображения »-«Коррекция ». Измените тон рисунка в сторону синего цвета, уменьшите насыщенность и увеличьте яркость. Это «обесцветит» вашу воду и придаст ей натуральный вид.