вырезать картинку по контуру
Дизайн

Как вырезать картинку по контуру

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

Как вырезать картинку по контуру онлайн

Как вырезать картинку по контуру в Фотошопе?

Цветовой диапазон

Выделение пером

Выделение с использованием маски

Выделение волос через повышение контраста

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

Как вырезать картинку по контуру онлайн

Новички могут попытаться отделить картинку от фона в онлайн-редакторах.

1. Просто, но не всегда точно. Онлайн-сервис Background Burner

Background Burner позволяет отделить картинку от фона. Он поддерживает два основных режим работы — автоматический и ручной. По умолчанию используется автоматика. После первичной обработки Background Burner предлагает варианты изображения. Если результат вас устраивает, вы можете сохранить картинку на жесткий диск, нажав кнопку «Sеlect».Во всех остальных случаях жмем кнопку «Touch Up» и приступаем к ручному редактированию.

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

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

2. Трудоемко, но точно и красиво в Gravit Designer

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

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

Как вырезать картинку по контуру в Фотошопе? 

Самое очевидно решение – использовать графический редактор Adobe Photoshop. Здесь есть несколько простых способов выделения.

Как вырезать картинку с помощью инструмента Магнитное лассоМагнитное лассо

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

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

Как вырезать картинку по контуру

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

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

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

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

Этот инструмент по щелчку ЛКМ выделит область, окрашенную близкими оттенками. Диапазон оттенков, который программа будет включать в выделенную область можно увеличивать или уменьшать посредством настройки «Допуск». Допуск 32 установлен по умолчанию. Уменьшение допуска приведет к повышению чувствительности инструмента. Он будет выделять небольшие фрагменты, очень близкие по цвету. Чтобы расширить область выделения, нужно выбрать режим «Добавить к выделенной области». Так можно выделить равномерно окрашенный фон несколькими щелчками мыши.

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

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

Цветовой диапазон (Color Range)

Поговорим об инструменте выделения Photoshop — «Цветовой диапазон» (Color Range), который выбирает области в изображении по тональности или цвету. По принципу работы этот инструмент похож на «Волшебную палочку»  (Magic Wand Tool) тем, что они оба отбирают области изображения на основе тональных и цветовых значений, но этом сходство заканчивается. Чтобы активировать этот инструмент, надо кликнуть  по любому инструменту выделения правой клавишей мышки или по вкладке главного меню «Выделение» (Select)  и выбрать соответствующую строку.

В самой верхней части диалогового окна «Цветовой диапазон» имеется опция «Выбор» (Select), с помощью которой мы можем выбрать, откуда брать образцы цветов. Есть два варианта — взять образцы из изображения или использовать готовый набор цветов,заранее установленный в Фотошопе.

По умолчанию установлен параметр «По образцам» (Sampled Colors). Параметр «По образцам» определяет то, что мы будем самостоятельно выбирать образцы в изображении. Для того, чтобы выделить участки с похожими цветами, достаточно кликнуть по нужному участку на изображении, и Фотошоп выберет все похожие пиксели в пределах указанного определённого диапазона (отсюда и название инструмента).

При использовании «Цветового диапазона» следует кликнуть по нужному участку курсором, принимающем при этом вид пипетки. Этот инструмент предоставляет для использования три вида пипеток инструментов — основную, чтобы сделать первоначальный выбор, вторая — пипетка с плюсиком — инструмент добавления к выбранному, и третья, пипетка с минусом, вычитает из выделения.

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

Выделение пером

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

Выделение с использованием маски

Точно и аккуратно выделить фигуру можно, если создать черно-белую маску. Для чего нужны маски? Они позволяют удалять (скрывать) ненужные участки фотографии, к примеру удалить задний фон. Маски позволяют в любой момент восстановить стертые участки фотографии в случае, если вам что-то не понравится.

Как создать маску? На панели слои обратите внимание на выделенную ниже кнопочку.

Как вырезать картинку по контуру

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

Выделение волос через повышение контраста

Как быть со сложным контуром, например с прической? Рисовать кисточкой очень долго, не у каждого хватить терпения. Но можно создать черно-белый рисунок с нужным силуэтом, а затем сделать из него маску.

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

Повысить контраст между фоном и объектом можно с помощью:

  • уровней (CTRL+L) или кривых (CTRL+M)
  • инструментов «Осветлитель» и «Затемнитель» (O), которые будут воздействовать на локальные участки,
  • черной кисти, которой нужно закрасить лицо.

Получив контрастное изображение, нажмите «Выделение/Цветовой диапазон». Нажмите ОК.

 

Комбинация всех инструментов поможет точно вырезать картинку по контуру

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

Как вырезать картинку по контуру

 

 

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

Как вырезать картинку по контуру

Выбираю «Файл — Сохранить как». Даю название файлу, тип файла — PNG. Изображение готово. Теперь его можно вставить в презентацию или создать такую композицию, используя векторный клипарт.

вырезать картинку по контуру

Умение вырезать изображение по контуру позволит создавать интересные композиции и коллажи.

Как создать коллаж в фотошопе. 5 уроков для освоения приемов на практике

фото: pxhere.com

Designed by Freepik

Самоучители по компьютерной графике: