Отделить изображение модели от заднего фона. Как выделить объект в "фотошопе" и отделить от фона

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

Хотите узнать как стабильно зарабатывать в Интернете от 500 рублей в день?
Скачайте мою бесплатную книгу
=>>

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

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

Так как у меня часто спрашивают, не только о том, как выделить , но и о том, как его отделить от фона и на другую картинку.

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

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

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

Ниже, следуют один за одним, три группы инструментов выделения.

Первая группа включает в себя инструменты:

• Прямоугольная область;
• Овальная область;
• Горизонтальная строка;
• Вертикальная строка.

Вторая группа:

• Лассо;
• Прямолинейное лассо;
• Магнитное лассо.

Третья группа:

• Быстрое выделение;
• Волшебная палочка.

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

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

Настройка инструментов

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

Например для инструмента овал, вы можете указать:

• Обычное выделение;
• Добавление к выделенной области;
• Вычитание из выделенной области;
• Пересечение выделенных областей;
• Размер растушевки;
• Сглаживание;
• Указать точный размер выделения, ширину и высоту.

И таким образом можно настраивать все имеющиеся инструменты.

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

Выделение круглой области

К примеру, мне нужно выделить диск с обложки курса Челпаченко. Для выделения я возьму инструмент овал. далее можно просто выделить объект, зажав клавиши Shift+Alt, чтобы получился ровный круг, и мышкой растягивая инструмент на изображении.

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

Устанавливаем выделение строго по контурам диска. В центре выделения щёлкаем правой кнопкой и выбираем — скопировать на новый слой.

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

Выделение сложных объектов с помощью группы лассо

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

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

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

Вот эту фигурку гимнастки за вырезал при помощи магнитного лассо за три минуты, потренируйтесь и вы.

Быстрое выделение

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

Кликните по фону волшебной палочкой и нажмите кнопку «Delete». Сохраните объект в формате PNG. Пример выделения.

Как выделить объект в Фотошопе и отделить от фона, итог

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

Поэтому, не стесняйтесь, задавайте вопросы в комментариях. Нужен совет — не бойтесь спросить, я всем отвечу.

P.S. Прикладываю скриншот моих заработков в партнёрских программах. И напоминаю, что так зарабатывать может каждый, даже новичок! Главное — правильно это делать, а значит, научиться у тех, кто уже зарабатывает, то есть, у профессионалов Интернет бизнеса.

Инструкция

Проще всего для отделения изображения от фона воспользоваться инструментом «Волшебная палочка» (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”.

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

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

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

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

Нажали? Откройте кнопку кисть вверху. Я выделила её прямоугольной областью.
В открывшемся окне нужно обратить внимание на диаметр кисти (сделать побольше, я поставила 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 «Цветовой тон/насыщенность ». Он находится в меню «Изображения »-«Коррекция ». Измените тон рисунка в сторону синего цвета, уменьшите насыщенность и увеличьте яркость. Это «обесцветит» вашу воду и придаст ей натуральный вид.

Рисунок 9: Доработка маски изображения

8. Примените маску. Для этого нажмите на пиктограмме маски правой клавишей и выберите «Применить слой » - «Маску ».

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

Рисунок 10: Добавление слоя

Удачной работы!

Администрация сайта сайт выражает благодарность за подготовку материала автору i.tyshkevich .

Еще один способ работы с быстрой маской.

Вырезать будем птичку вот на этой картинке

Для начала продублируем слой, на котором будем создавать вырезание. Нижний слой погасим. Затем заходим в команду Edit in Quick Mask Mode (Q)

Затем выбираем команду Line Tool.

Затем в верхнем поле в графе Weight следует выбрать ширину линии, например 3 px. Этой линией надо обрисовать границы вырезаемого объекта.

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

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

Затем с помощью команды Paint Bucket Tool (G) залить область внутри контура.

Выходим из маски

Нажимаем Delete. И тем самым отделяем вырезаемый объект от фона.

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

Для начала можно убрать остатки от фона с картинки. Select > Modify > Expand и в появившемся окне задаем значение отступа выделения от края во внутрь. (например 2 px)>Ok.

Затем нажимаем Delete. Тем самым немного подрезаем края. Выделение не снимаем.

А для того, чтобы немного размыть края вырезанной картинки можно воспользоваться инструментом Blur Toll. И пройтись этим инструментом по границе картинки, создавая легкое размытие краев. Но можно воспользоваться, как мне кажется, более простым способом. С помощью команды Border, которая находится в меню Select > Modify > Border можно задать двойное выделение. В появившемся окне команды Border нужно выставить ширину двойного выделения, например 3 px. Или любое другое на Ваше усмотрение. Ok.

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

Затем заходим: Filter > Blur > Gaussian Blur. И выбираем степень размытия от 1 px до 2 px. Ok. При этом используемый фильтр Gaussian Blur будет действовать только на выделенную область

Нажимаем клавиши Сtrl + D (снимаем выделение).

Результат, после размытия краев:

До размытия краев:

И накладываем полученный результат на любое изображение.