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

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОПЕРАМ

Удивительно простой, но эффективный способ вырезания сложного объекта

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

Подобные публикации:

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

Определим наиболее контрастный канал. Посмотрите, как выглядят каналы. Несомненно, самым контрастным является синий канал. В дальнейшем можно и не заглядывать в палитру "Каналы". А как же тогда определить наиболее контрастный канал? Очень просто. Раз ветки деревьев окружает небо в основном синего цвета, то самым контрастным будет синий канал, в чём мы убедились, просматривая каналы.

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

В палитре "Слои" щёлкаем по второй слева иконке и в раскрывшемся списке выбираем "Параметры наложения".

В поле "Наложить, если:" выбираем самый контрастный, т.е. синий канал, передвигаем правый верхний ползунок влево до тех пор, пока небо полностью не исчезнет с фотографии. Нажимаем и удерживаем клавишу Alt, щёлкаем по этому же ползунку, он раздваивается. Левую его часть передвигаем влево - смягчаем переход от веток к фону.

Вот что у меня получилось. По моему просто великолепно!

Проверим качество вырезания. Создадим в палитре "Слои" новый слой, для чего щёлкнем по второй справа иконке и переместим его ниже слоя с веткой. Выберем в качестве цвета переднего плана белый цвет (нажмите клавиши D, а затем Х) и нажмём сочетание клавиш Alt+Backspace(заливаем новый слой белым цветом).

Посмотрите что получилось - следа синего неба нет вообще! (для большей наглядности я увеличил масштаб изображения).

Сравните изображение дерева до, и после обработки фотографии в фотошопе .

Здравствуйте, дорогие друзья! Все мы знаем, что любая информация становится более интересной и запоминающейся, если её снабдить картинками. Задумайтесь на минуту, что вы помните лучше – яркие картинки или монотонный текст? Отсюда и вывод, что без фото никуда.

Но теперь технологии шагнули далеко вперёд. Каждый сможет подкорректировать фото, сменить фон, что-то убрать, а что-то добавить. Я расскажу, как вырезать в фотошопе сложный объект, и провести с ним дальнейшие манипуляции. Для всех этих операций вам потребуется программа Фотошоп, я работаю в версии Photoshop CC, повторять за мной вы сможете в любой версии графического редактора.

Самое главное – внимательно и методично делать, то что я опишу далее. И пусть вас не пугает сложность задачи – она решаема. А при определённой сноровке, вы сможете проделывать всё это с закрытыми глазами за пару минут.

Я познакомлю вас только с некоторыми возможностями программы, и это малая часть того, что можно сделать про помощи неё. Фотошоп имеет массу инструментов для профессиональной обработки изображений, если вам будет интересно изучить его поглубже, рекомендую обратить внимание на курс Зинаиды Лукьяновой «Фотошоп с нуля в видеоформате ».

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

От слов к делу

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

Сперва открываем фотографию, которая нам нравится. Заходим в фотошоп, нажимаем в верхнем меню «файл – открыть». Выбираем изображение. У меня вот такая яркая и позитивная девушка на голубом фоне.

Чтобы приступить к работе, необходимо активировать фоновый слой. Нажимаем на нём правой кнопкой мыши, затем кликаем на «Слой из заднего плана».

В данном окошке кликаем «ок» и двигаемся дальше.

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

После того, как мы выделили фон, правой клавишей мыши жмём по изображению и выбираем «Инверсия выделенной области».

Теперь необходимо проработать мелкие детали. Особенно это касается волос. Иногда новички забывают об этих мелочах, и конечный результат выглядит неестественно. Чтобы такого не случилось, выбираем на верхней панели команду «Уточнить край».

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

Обводим весь контур и переходим к настройкам края. У нас имеется 4 пункта, можете попробовать каждый из них, а я выбираю только «сгладить», чтобы смягчить стыки краёв, и «контрастность», для регулировки чёткости. Тут самое главное не перестараться, иначе мы вернёмся к исходнику.

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

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

Вот что у нас получилось. Сейчас можно сохранить изображение без фона. Точнее говоря, наша модель будет . Просто заходим в меню «файл», сохранить как, выбираем формат PNG, и не забываем галочку «прозрачность». Я всё это проделывать не буду, мне нужно поместить девушку на новый фон.

Мне захотелось поместить эту барышню на обложку модного журнала, вы можете выбрать любое фото, какое вам захочется. Открываем картинку, как делали это на первом этапе, перетаскиваем девушку на изображение. Лучше конечно, скопировать слой с моделью клавишами Ctrl+C и наложить (вставить) на наш фон CTRL+V. Вот и результат.

Бояться ненужно

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

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

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

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

Как убрать фон в фотошопе – волшебная палочка

Именно так называется инструмент, которым вы начнёте вырезать объект. Для этого вам нужно открыть желаемое изображение в фотошопе и найти её на панели инструментов. Для пользователей с англоязычным интерфейсом она будет записана как magic wand tool.

• зажмите клавишу Shift и нажимайте Волшебной палочкой на фон, пока он весь не выделится. Запомните: отпускать shift нельзя, пока не выделите весь фон, также нельзя попадать палочкой на объект. Только фон!

Так выглядит процесс выделения:

• когда вы нажали на все не выделенные пунктиром места и ваш фон наконец готов к дальнейшей работе, найдите клавишу Delete на своей клавиатуре и нажмите на неё,
• обязательно проверьте настройки в появившимся окне, всё должно соответствовать скриншоту ниже,

• по порядку на русском языке: первое поле содержит слово “Белый”, далее “Обычный”, и “100%”.
• делайте клик по слову ОК,
• вы получите вырезанный объект на белом фоне, но кое-где может остаться мусор от выделения,

• чтобы убрать его, нажмите английскую клавишу E, это призовёт ластик,
• аккуратно сотрите лишние детали,
• объект вырезан.

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

Как убрать фон в фотошопе – выделение маски слоя

Придётся чуть больше потрудиться, но результат будет куда более лучше.

• откройте желаемое изображение и сразу скопируйте слой, для этого правой кнопкой мыши кликните по миниатюре изображения справа снизу и выберите поле “Копировать слой” либо “Duplicate layer”,

• теперь создаём маску на скопированном слое: справа снизу найдите нужную иконку и нажмите,

• возле миниатюры слоя появится маленькое белое окошко, как на скриншоте,
• теперь возьмите инструмент “Кисть”, нажав на латинскую букву B,
• настройки вашей кисти должны быть как на скриншоте ниже,

• выберите обязательно чёрный цвет кисти и нажмите клавишу Q, теперь миниатюра слоя выделена красным цветом. Это означает, что вы на верном пути.

• аккуратно закрасьте объект, не выходя за рамки и не попадая на фон,
• если вы всё-таки попали кистью на фон – измените цвет кисти на белый и закрасьте ваш промах. Запомните: чёрным рисуем, белым стираем,
• закрасьте весь объект.

• теперь снова нажмите клавишу Q, а затем Delete,
• фон удалён, вы можете перенести объект на новое место либо залить его белым цветом.

Оба варианта покажутся очень лёгкими, после того, как вы попробуете сделать их сами. Главное, не бойтесь ошибиться, ведь отменить последнее действие всегда можно с помощью сочетания клавиш ctrl + z + alt. А чтобы закрепить знания, посмотрите видео ниже.

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

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

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

Итак, мы уже на нужной странице Pixlr, и выбираем в появившейся по центру таблице «Загрузить изображение».

Загружаем картинку с компьютера, у меня будет такая:

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

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

Теперь переходим к правой стороне онлайн-фотошопа, выбираем инструмент и нажимаем вкладку «Редактировать».

Выбираем значение толерантности, как показано на картинке «21» и кликаем волшебной палочкой на фон нашей картинки.

Затем еще раз нажимаем «Редактировать» и выбираем «Очистить» .

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

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

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

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

P.S. Кстати, если вы мечтаете стать профессиональным дизайном, то этому можно научиться в Школе Дизайна Юлии Первушиной. Даже если вы совсем не дизайнер и не умеете рисовать, но есть большое желание получить высокооплачиваемую интернет-профессию, то записаться можно здесь:

Надеюсь, что очередной совет будет полезен многим моим читателям. Успехов вам!

Начинающие пользователи часто задаются вопросом как вырезать и вставить объект в Фотошопе.

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

Рассмотрим детальнее все возможные способы, которые быстро освоит даже новичок.

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

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

Способ 1 – Использование «Волшебной палочки»

«Волшебная палочка» или «Magic Wand» - это один из простейших инструментов в Фотошопе. С её помощью можно быстро выделить часть и провести с ней ряд манипуляций.

Преимущество работы именно с этим инструментом заключается в быстроте. Новичку не придется разбираться с каналами, фонами и слоями. Инструмент доступен во всех версиях редактора.

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

Следуйте инструкции:

• Откройте программу Photoshop и создайте новое полотно или откройте существующий рисунок с объектом с помощью программы;
• В левой части окна находиться панель базовых инструментов. Кликните на четвёртый элемент и в выпадающем списке выберите «Волшебную палочку», как показано ниже:

Рис. 2 – «Волшебная палочка»

• Палочка создает границы выделения, основываясь на оттенках объектов картинки. Вам нужно кликнуть курсором на нужный участок изображения, чтобы создалось выделение. Рекомендуем использовать Magic Wand для больших однотонных объектов, таких как небо, трава, горы и прочее;
• Выделим небо на следующем изображении. Для этого в инсургентах кликните на волшебную палочку и выберите мышкой любой участок неба. Вокруг части создастся следующий контур;

Рис.3 – выделение неба

• Часто Magic Wand не выбирает всю часть, и пользователи прекращают работу с инструментом. Этого делать не следует, ведь можно просто добавить отсутствующую область к общему выбору.
• Пока большая часть неба будет обведена контуром, поднесите курсор к другому его участку. Зажмите клавишу Shift и одновременно кликните на невыделенную область. Это позволит добавить её к нужной части. Получим следующий результат:

Рис.4 – установка границ объекта

Способ 2 – Работа с инструментом «Быстрое выделение»

Быстрое выделение (Quick Selection) – еще один базовый инструмент, пользоваться которым должен научиться каждый пользователь Фотошопа.

Его можно найти в той же вкладке, что и волшебную палочку (Панель инструментов-Выделение-Быстрое выделение). Функция работает как кисть. С его помощью можно создать точное выделение по контрастным границам. Вы можете самостоятельно выбрать размер и диаметр кисти:

• Выберите инструмент, как показано на рисунке;

Рис.5 – выбор Quick Selection

• Теперь выполните выделение. Вам нужно зажать левую клавишу мышки и водить курсором внутри области, которую необходимо выбрать. Чтобы обозначить границы, рисуйте возле краёв. Таким образом, линия контура будет постепенно подвигаться к нужному вам краю.
• Чтобы отменить неудавшееся действие, нажмите на сочетание клавиш Ctrl+D и повторите попытку. На рисунке ниже указан пример постепенного выбора области цветка с помощью Quick Selection.

Рис. 6 – зарисовка быстрым выделением

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

Способ 3 – Быстрая маска

Быстрая маска (Quick Mask) – это режим в Photoshop, с помощью которого можно выделить объект на фото. В чем же разница использования маски и стандартных описанных выше инструментов?

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

Суть Quick Mask: пользователь выделяет одну часть фото, а другая автоматически блокируется и работать с ней нельзя. Маской называют сам контур, который отделяет элемент от основного рисунка. Быстрая маска – это выделение, в котором выбранная часть будет иметь первоначальный цвет, а остальные области будут закрыты полупрозрачной пленкой.

Рис. 7 – пример маски в Фотошопе

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

Быстрая маска позволит выполнить точное выделение части картинки. Следуйте инструкции:

• Выберите инструмент Quick Mask на панели инструментов или просто нажмите на клавиатуре клавишу Q пока отрыто окно Фотошопа;

Рис.8 – клавиша для выбора Быстрой Маски

• В появившемся окне выберите тип кисти, её диаметр и другие параметры в зависимости от той области, которую вы будете закрашивать;
• Теперь просто зарисуйте ненужную часть картинки, оставляя только объект для вырезания и вставки. Маскированная область будет окрашиваться в красный цвет;
• Наносить маску нужно с выбранным на палитре чёрным цветом. Для удаления части маскированной области выберите белый цвет.

Рис. 9 – создание маски

С получившейся выделенной областью вы сможете сделать все что угодно. Фотошоп не будет распознавать фон, поэтому можно очень легко выделить объект. Используйте уже описанные выше инструменты «Быстрое выделение» или «Волшебная палочка» или кликните на сочетание клавиш Ctrl-A, выделяя все пространство (без маскированной области).

Рис.10 – выделение области

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

• Зайдите в режим работы с быстрой маской;
• Во вкладке Options (Опции) выберите Режим Радиального Градиента (Radial Gradient). На палитре цветов сделайте основной цвет чёрным, а фоновой – белым;
• Убедитесь, что параметр направления градиента установлен как «Foreground to Background», то есть от основных цветов к окрасу фона;
• Теперь создайте выделение. Задайте центр объекта и аккуратно направляйте курсор от центра к краям.

Рис.11 – выбор центра объекта

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

Рис.12 – вставка с сохранением градиента

Способ 4 – Магнитное лассо

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

Рис.13 – отображение Магнитного лассо в Фотошоп

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

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

Рис.14 – пример рисунка

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

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

Рис.15 – пример выбора границ с помощью Магнитного лассо

Для быстрого приближения или отдаления изображения нажимайте на Ctrl и + или Ctrl и – соответственно. Контур будет автоматически закрыт, когда последняя точка лассо соединится с первой. Затем кликните на первую точку, чтобы появился общий контур.

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

Рис.16 – удаление части фона, которая заходит на объект

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

Рис.17 – результат перемещения выделенной области

Вырезание, вставка и перемещение

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

Чтобы переместить выделенный элемент на другую часть рисунка, достаточно просто нажать на пробел. Вместо курсора появиться значок «Рука». Нажав на выделенную область, вы сможете переместить её в любую часть проекта.

Рис.19 – перемещение и вставка

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

Сохранение финального проекта

После редактирования финального изображения нажмите на вкладку «Файл-Сохранить как…». В новом окне выберите нужный формат файла, введите имя и определитесь с финальной папкой, куда будет перемещен проект.

Рис.20 – Сохранение работы в Photoshop

Итог

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

Тематические видеоролики:

Photoshop вырезать объект и вставить в другую картинку

Как в Photoshop вырезать объект и вставить на другой фон

Как вырезать и вставить объект в Фотошопе – 4 лучших способа