Обтравка волос в фотошопе: Любите креатив, дизайн и маркетинг? – Как вырезать волосы в Photoshop даже на сложном фоне: пошаговая инструкция

Обтравка волос в фотошопе: Любите креатив, дизайн и маркетинг? – Как вырезать волосы в Photoshop даже на сложном фоне: пошаговая инструкция

alexxlab 02.12.2020

Любите креатив, дизайн и маркетинг?

Обтравка (выделение/вырезание) волос вероятно один из самых сложных процессов при работе в Photoshop. Но, начиная с версии Photoshop CS5, появился инструмент Refine Mask — работу с которым мы сегодня и освоим.

Инструмент Refine Mask в Photoshop CS5 и CS6 сделал выбор волос экстремально простым даже для самых вьющихся волос. В этом уроке, я покажу вам шаг за шагом, как вы можете использовать Refine Mask чтобы сделать выбор волос с минимальными усилиями.

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

Этот урок требует для выполнения Photoshop CS5+. Однако, с уроком не помешает ознакомиться, даже если вы не владеете нужными версиями Photoshop.

Давайте посмотрим, что у нас получится в результате:

refine-mask-500x3311 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Для завершения этого урока, Вам потребуется следующие исходники:

  1. Модель
  2. Фон

Давайте откроем эти два изображения в Photoshop. Скопируйте и вставьте изображение модели (девушки) поверх фонового изображения. Возьмите инструмент Quick Selection Tool , и выберите серую заливку у слоя модели:

1-sele-500x3341 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

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

1-layer-mask-500x4421 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Теперь нам надо инвертировать маску слоя, чтобы серый фон стал прозрачным, а модель нет.Чтобы сделать это, мы дважды щелкнем на маску и в панели свойства маски нажмем кнопку «Invert«:

1-click1 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

1-invert1 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

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

1-effect2-500x3301 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Если вы обратите внимание на область волос, то увидите, что она нуждается в некоторой дальнейшей доработке:

1-hair-not-nice-500x3641 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Это подводит нас к следующей части урока. Нажмите на кнопку «Mask Edge» над кнопкой «Invert«, которую вы только что нажимали:

1-mask-edge1 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

И вы увидите окно настроек Refine Mask – тут для нас и начинается самое интересное!

1-refine-mask1 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

На режиме просмотра (View Mode), на данный момент мы будем использовать режим «Black and White» – пожалуйста, не стесняйтесь и посмотрите на другие режимы:

1-bw-mask11 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Теперь посмотрим какой радиус имеет наша маска, для этого отметьте флажок «Show Radius«, как на изображении ниже:

1-show-radius-500x2531 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Вы увидите только черный холст, но если увеличите значение радиуса (Radius), то станет видна белая линия – это край нашей маски:

1-radius-500x3561 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Как мы можем видеть на картинке выше – основная маска выглядит прекрасно, нам нужно будет немного исправить маску у волос. Чтобы сделать это, мы используем инструмент «Refine Radious Tool«:

1-refine-radius-tool1 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Отрегулируйте размер кисти на панели опций, какой вы считаете нужным:

1-adjust-size-500x3311 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

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

1-after-500x4201 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Нет необходимости для улучшения края маски волос – но мы должны использовать опцию «Decontaminate Colors» чтобы придать некоторые детали в волосы:

1-decontaminate-colors1 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Нажмите на кнопку «ОК», чтобы применить эту настройку Refine Mask и вы увидите, что Photoshop создал новый слой автоматически. А вот, что у нас получилось до и после обтравки волос с использованием инструмента Refine Mask:

1-before-500x2461 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

После:

1-after-2-500x1701 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Как вы можете видеть функция Refine Mask сделала небольшое чудо, и теперь волосы выглядят намного лучше.

refine-mask-500x3311 Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Как всегда, все вопросы и предложения вы можете оставлять в комментариях ниже. Удачи!

Автор здесь.

correct_error Быстрый и эффективный способ обтравки волос в Photoshop (CS5+)

Похожие уроки и статьи

Оценка посетителей

[Всего: 7 Среднее: 4]

Обтравка волос на сером фоне

В данном уроке, я расскажу вам как вырезать объект со сложными и детальными краями (в нашем случае девушка с торчащими волосами) с однородного фона.

UPD. Настоятельно рекомендую ознакомиться с улучшенной статьей по обтравке волос с зеленого фона http://berebas.livejournal.com/7157.html

compare

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

Итак, у нас есть изображение девушки на сером фоне с хорошо видными торчащими волосками.
preview

Наша задача вырезать девушку с фона так, чтобы она смотрелась хорошо на любом другом фоне.

Объект мы будем вырезать с фона маской. Нужно сделать фото в ч/б таким, чтобы оно максимально отделяло волоски от фона. Для этого нам потребуется 2 корректировочных слоя Black&White и Curves.

bw

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

Примечание: для зеленого фона необходимо высветлять зеленый цвет, чтобы при переводе в ч/б он стал 100% белым.

Следующим этапом мы создаем под слоем Black&White слой Curves, для повышения контраста и высветления фона в 100% белый.

bw+curves

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

Примечание: вместо слоя Curves можно использовать Levels. Результат они дадут одинаковый, но Curves мне удобней в использовании и гибче.

Комбинация Alt+Ctrl+Shift+E склеивает видимое изображение и помещает его верхним слоем, над тем который выбран в данный момент (не забываем перед этим выбрать самых верхний видимый слой)

Выбираем получившийся склееный слой, выделяем всю рабочую область (Ctrl+A) и копируем её (Ctrl+C). Изображение теперь в буфере обмена, теперь его можно удалить.

Создаем дубликат рабочего слоя, который будем вырезать.

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

На дубликате создаем маску, нажимаем на маску с зажатым Alt (мы переходим непосредственно в маску). Комбинацией (Ctrl+V) вставляем нашу заготовленную маску и бухера обмена. После того, как мы вставили маску нужно её инвертировать (Ctrl+I). В итоге должно получиться нечто в этом роде:
mask

Работайте с маской любым удобным для вас методом. Я использовал обычную кисть, Dodge&Burn, и частично Levels (решение не тривиальное, поэтому вдаваться в подробности не буду)

После чистки получаем что-то в этом роде:

mask
Выходим из режима маски и применяем к маске «Refine mask» (Ctrl+Alt+R). Это нам нужно для последующих корректировочных слоёв

Refine Edge

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

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

Полученный слой с маской мы ставим в режим наложения Multiply, инвертируем маску и делаем как Clipping Mask для нашего основного слоя с волосами. В итоге получаем такую картинку:
mask-multiply

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

mask-multiply2

Отлично! Верхняя граница уже практически не требует изменений, но вот прядь справа еще достаточно светлая. Чтобы это исправить мы берем обычную кисть с невысокой прозрачностью (до 10%) и прокрашиваем маску белый цветом, дополнительно затемняя оставшиеся светлые участки волос. Если затемнения этого слоя окажется недостаточно и волосы будут еще достаточно светлыми — вы можете сделать еще один дубликат первого слоя и прокрасить его тоже.

Над всеми затемняющими слоями я создал еще один чистый слой в режиме «Color», прикрепил через Clipping Mask к основному и прокрасил по контуру волос, чтобы избавиться от остаточного синего контура хроматических аберраций.

После всех затемняющих манипуляций и подкрашивания я получил такой результат:
result-light

Я специально сменил цвет нижней подложки чтобы лучше видеть дефекты подкрашивания. Именно на темно-сером фоне видны светлые контуры волос. Когда они достаточно сильно выбиваются, их яркость нужно уменьшать. Для этого между затемняющими слоями и слоем Color, создаем новый чистый слой в режиме Darken. Выбираем средний по яркости цвет волос, который темнее волос по контуру и закрашиваем весь контур волос. В результате светлые волосы по контуру практически исчезнут. Чтобы не потерять все детали нашей проделанной работы, мы регулируем прозрачность слоя. В моем случае слой Darken получился с 80% прозрачностью.

Получаем примерно такой результат:
result-final

Вот в общем-то и всё. Мы получили девушку с детально торчащими волосками, на полностью прозрачном фоне.
Результат по слоям:
layers

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

Как аккуратно вырезать волосы в Photoshop

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

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

Чтобы фотография выглядела реалистично, вырезать и выделять объекты следует очень аккуратно. Самая проблемная часть, с которой можно столкнуться вырезая из фотографий людей – это волосы, так как часто сквозь волосы просвечивается задний фон. К счастью, в Photoshop есть инструменты, которые сделают за вас всю самую трудоёмкую работу.

Представленный в Elements 11, инструмент Refine Edge является самым мощным и действенным для качественного выделения сложных объектов. Если быть точнее, это не инструмент, а опция, которая позволяет улучшить существующее выделение и сделать края более аккуратными.

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

Шаг 1. Выберите фон

Для начала скачайте исходные файлы. Откройте файл cut_out_before.jpg. Выберите инструмент Magic Wand tool (Волшебная палочка) и сразу проверьте, стоит ли галочка напротив параметра Contiguous (Смежные пиксели) и установите для Tolerance (Допуск) значение 21. Кликните по серому фону, чтобы начать создание выделения, далее удерживая клавишу Shift, продолжайте выделять задний фон, включая пустое пространство между пальцев рук и волос.

Шаг 2. Откройте Refine Edge

Идите в Select>Inverse (Выделение>Инверсия), чтобы выделить модель, а не фон. А затем откройте вкладку Refine Edge.

Шаг 3. Отрегулируйте радиус

Поставьте галочку напротив Show Radius и экспериментируйте со слайдером, изменяя тем самым размер края. Изменение будет происходить только в выделенной области. Выберите инструмент Refine Radius tool (Очистить радиус), и прорисуйте им область волос по краю, чтобы избавиться от следов фона.

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

Шаг 4. Преобразование краёв

Продолжайте прорисовывать область волос, покрывая участки, где сквозь волосы проглядывает серый фон. Если вам нужно стереть какую-то прорисованную часть, то зажмите клавишу Alt  и продолжайте рисовать. Закончив этот этап, нажмите на клавишу F, чтобы увидеть черно белый вид. Поработайте с ползунками Contrast  и Shift Edge, чтобы сделать края жёстче.

Шаг 5. Наведите порядок при помощи маски

В меню Output to (Вывести) выберите New Layer with Layer Mask (Новый слой со Слоем Маской) и нажмите OK. Перейдите в панель слоёв (Window>Layers) и нажмите на миниатюру маски. Вероятнее всего, с первого раза у вас не получится обрезать объект идеально ровно, поэтому придётся приводить в порядок края. Вооружитесь чёрной кистью, увеличьте изображение и аккуратно закрасьте области, где остались участки фона.

Шаг 6. Перенесите модель на фон

Откройте файл beach.jpg. Выберите инструмент Move tool (Перемещение). Перетащите слой с  вырезанной моделью на вкладку открытого в редакторе изображения пляжа. Затем повторите процедуру с использованием опции Refine Edge (Уточнить края): выделите маску, перейдите в Select>Refine Edge и повторите процесс. Выделите фоновый слой и перейдите в Filter>Blur>Lens Blur (Фильтр>Размытие>Размытие при малой глубине резкости), установите значение для Radius равное 35 и нажмите OK.

Шаг 7. Добавьте цветовые эффекты

Делая подобные композиции из разных фотографий, крайне важно создать ощущение, что фон и объект съемки были сняты при одинаковых условиях. Одним из действенных способов добиться такого результата является добавление цветового тонирования.  Лучше всего пользоваться корректирующими слоями. Кликните по иконке Create Adjustment Layer (Создать Корректирующий Слой) на панели слоев и воспользуйтесь такими инструментами, как Photo Filter (Фото фильтр) и Levels (Уровни).

Автор: jpaterson

Вырезаем волосы — инструмент Уточнить край в Photoshop

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

vyrezaem

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

vyrezaem-volosy

Закончите обводку и завершите контур, при этом он превратится в выделение.

Шаг 2: Работа с инструментом «Уточнить край» (Refine Edge)

Перед работой инструментом следует убедиться в том, что в палитре слоёв выбран нужный слой, в моем случае, это верхний слой с оригинальным фото:

vyre

Для активации данного инструмента Photoshop следует пройти по вкладке главного меню Выделение —> Уточнить край (Select —> Refine Edge). Но, т.к. у меня на данный момент активен инструмент «Прямолинейное лассо», то кнопка «Уточнить край» отображена панели параметров, и мне достаточно её нажать:

vyrezaem

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

Режимы отображения (View Mode)
После активации инструмента Вы видите, что изображение изменилось. Выделенная область осталась, но под ней появился белый фон (это отображение задано по умолчанию). Все зависит от того, какой режим просмотра в данный момент выбран в верхней части диалогового окна. Справа от слова «Вид» (View) имеется иконка, отображающая активный на данный момент режим просмотра.

Если нажать на саму иконку либо на маленькую стрелку справа неё, откроется список различных режимов просмотра. Для дальнейшей работы я выберу режим «На слоях» (On Layers), и мой документ примет следующий вид:

vyrezaem-volosy

Шаг 3: Увеличить значение радиуса

Прямо под опцией Режимы отображения (View Mode) в диалоговом окне инструмента «Уточнить Край» находится раздел под названием «Обнаружение краев» (Edge Detection). Это просто волшебный инструмент. Чтобы добавить обрезанные волосы к выбранной области, переместите ползунок вправо:

vyrezaem

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

vyrezaem-volosy

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

Так что же здесь происходит? Какое значение следует задавать радиусу при выборе? Попытаемся разобраться. Справа от иконки выбора режима просмотра эскизов вы увидите опцию «Показать радиус» (Show Radius), которая по умолчанию отключена. Кликните по флажку, чтобы включить её:

vyr

При включённой опции в окне документа отображается только этот радиус. Смысл работы инструмента «Уточнить край» заключается в том, что он анализирует вид края нашего первоначальный выделения, чтобы решить, какой еще часть изображения должна быть присоединена к нему, а радиус и определяет значение того, как далеко она будет распространятся от первоначального края выделения. Photoshop не показывает это по всему документу, а отображает только указанную зону. Вот почему значение данного радиуса измеряется в пикселях. Если мы устанавливаем значение радиуса, скажем, в 50 пикселей, то Photoshop покажет 50 пикселов в любом направлении от первоначального края выделения, чтобы мы могли определить, есть ли какие-либо элементы в этой области, которые следует включить в наш выбор.

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

выбор радиус

Умный Радиус (Smart Radius)

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

vyrezaem-volosy-v-photoshop15.jpg

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

vyrezaem

Давайте посмотрим на действие включенного Умного радиуса. Как сказано выше, мне требуется, чтобы в области волос радиус был большим, а в области плеча и руки — маленьким. Если мы посмотрим в моем окне документа, мы видим, что Photoshop сделал именно это. У нас имеется по-прежнему широкий радиус вокруг волос, и в то же время радиус вдоль рук и плеча значительно сузился:

vyrezaem

Прежде чем мы продолжим, маленькое замечание об Умном радиусе. В зависимости от вашего изображения и типа края, с которым Вы работаете, Smart Radius может помочь, но также и может сделать хуже. Смарт-радиус следует применять для выделения, которое содержит различные типы краёв, как в моем случае. Если же, к примеру, выбрать только одни волосы, и больше ничего, или выбрать только гладкие края и ничего больше, то вы, вероятно, обнаружите, что в данных случаях лучше оставить Умный радиус отключённым.

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

Скачать исходные материалы для урока:

Способы обтравки изображений в Фотошопе

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

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

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


Такие изображения дают возможность максимально сконцентрировать внимание клиента на представляемом объекте, не отвлекая на детали фона.

Способы обтравки изображений. Часть 1

Наиболее популярной является обтравка фотографий с помещением объекта на 100% белый фон (R:255, G:255, B:255).

Изначально снять объект на абсолютно белом фоне без какой-либо информации в пикселях по всему периметру практически невозможно. Если вы максимально высветите фон, это отразится в виде контурной засветки на снимаемом объекте. Если недосветите, тут же появится информация в пикселях, и значение белого уже будет отклоняться от (R:255, G:255, B:255).

Способы обтравки изображений. Часть 1

Я снимаю на Nikon D800. Это полнокадровая фотокамера с высоким разрешением в 36,3 мегапикселя и размером изображения 7360×4912 пикселей, которая позволяет получить фотографии с превосходной детализацией, чёткостью и глубиной. Для предметной съёмки в основном использую объективы Nikon 105mm f/2.8G AF-S VR Micro-Nikkor и Nikon AF-S NIKKOR 24-120mm F/4G ED VR.

Кстати, сегодня компания Nikon предлагает новую модель D810. У неё похожие характеристики. В чём разница? В частности, здесь установлена матрица без противомуарного фильтра. Она даёт более высокую детализацию при том же динамическом диапазоне и хорошей цветопередаче. Отличное решение для предметной съёмки!

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

Способы обтравки изображений. Часть 1

Слева кадр, снятый в формате JPG, с пересвеченными областями на изображении. Справа этот же кадр в формате RAW после понижения значений экспозиции и восстановления деталей на пересвеченных участках в Adobe Lightroom.

Но после восстановления деталей на объекте у вас также проявится информация на фоне, и постобработка с обтравкой изображения в Adobe Photoshop, как правило, будет неизбежна.

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

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

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

Создание обтравочной маски на основе выделенной области

Основные инструменты создания выделенной области

Rectangular Marquee Tool (Прямоугольная область выделения), Elliptical Marquee Tool (Овальная область выделения), Single Row Marquee Tool (Горизонтальная строка), Single Column Marquee Tool (Вертикальная строка) — все эти инструменты предназначены для выделения на основе простых геометрических форм.

На верхней панели вы можете настроить основные параметры их работы.

Режимы взаимодействия с другими выделениями: New selection (Новая выделенная область), Add to selection (Добавить к выделенной области), Subtract from selection (Вычитание из выделенной области), Intersect with selection (Пересечение с выделенной областью).

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

Способы обтравки изображений. Часть 1

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

  • удобное выделение объектов чёткой овальной либо прямоугольной формы.

Минус:

  • не позволяют выделять объекты сложной формы.

Lasso Tool (Лассо), Polygonal Lasso Tool (Полигональное лассо), Magnetic Lasso Tool (Магнитное лассо) — инструменты, позволяющие вручную рисовать выделенные области.

Lasso Tool (Лассо) позволяет рисовать произвольную линию выделения таким же образом, как если бы вы рисовали её контур ручкой или карандашом на бумаге. Необходимо просто нажать инструментом, поставив исходную точку на изображении, а затем начать вести линию, удерживая нажатой кнопку мыши. Чтобы замкнуть контур области выделения, необходимо довести линию обратно к начальной точке либо нажать клавишу Enter.

Способы обтравки изображений. Часть 1

Плюс Lasso Tool:

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

Минус:

  • сложно использовать при отсутствии практики рисования линий и контуров на компьютере от руки.

Poligonal Lasso Tool (Полигональное лассо) позволяет рисовать произвольную линию выделения, состоящую из прямых отрезков. Необходимо нажать инструментом, поставив исходную точку на изображении, после чего от неё потянется прямая линия. Кликая мышью, вы будете ставить новые опорные точки, «закрепляя» отрезки линии. Чтобы замкнуть контур области выделения, необходимо довести линию обратно к начальной точке либо нажать клавишу Enter.

Способы обтравки изображений. Часть 1

Плюсы Poligonal Lasso Tool:

  • позволяет создавать выделенную область сложной произвольной формы; проще и точнее в применении, нежели Lasso Tool, не требует практики рисования линий и контуров на компьютере от руки.

Минус:

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

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

На верхней панели вы можете настроить основные параметры его работы:

  • Width (Ширина) — размер участка, в котором Photoshop ищет края объекта. Contrast (Контраст края) — различие в значении цвета или яркости между объектом и фоном, чтобы считать какую-то область краем.

  • Frequency (Частота) — параметр, определяющий как часто будут добавляться опорные точки при создании контура выделения.

Способы обтравки изображений. Часть 1

Плюс Magnetic Lasso Tool:

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

Минус:

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

Magic Wand Tool (Волшебная палочка) и Quick Selection Tool (Быстрое выделение) — инструменты, работающие по принципу выделения схожих по цвету пикселей.

Magic Wand Tool (Волшебная палочка) — инструмент для выделения одноцветного фона.

На верхней панели вы можете настроить основные параметры работы «Волшебной палочки»:

  • Tolerance (Допуск) — параметр, отвечающий за степень близости по цвету выделяемых пикселей. Чем меньше его значение, тем меньшее количество цветов попадёт в диапазон выделения. Чем больше его значение, тем больше пикселей, отличающихся по цвету, будет выделено.

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

Способы обтравки изображений. Часть 1

При помощи Magic Wand Tool я за один клик выделила однородный фон, находящийся позади упаковки с тенями для век. Но чтобы выделить область внизу упаковки, где есть падающая от объекта тень и довольно сильно отличающиеся по цвету пиксели, мне придётся тонко настраивать режим допуска (Tolerance), а также многократно кликать по различным цветовым областям в режиме Add to selection (Добавить к выделенной области), что займёт много времени. Также при выделении участка с тенью есть большая вероятность того, что в выделенную область начнут попадать и чёрные пиксели изображения пластиковой упаковки, схожие по цвету с падающей тенью.

Способы обтравки изображений. Часть 1

Плюсы Magic Wand Tool:

  • быстрое выделение схожих по цвету пикселей;
  • удобен для выделения однородного фона.

Минусы:

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

Quick Selection Tool (Быстрое выделение) так же, как и Magic Wand, работает по принципу выделения схожих по цвету пикселей, имеет форму кисти и позволяет выделять объекты сложной формы с контрастными краями. По мере перемещения кисти Adobe Photoshop автоматически определяет края объекта и расширяет выделенную область.

Диапазон воздействия этого инструмента регулируется размером кисти.

Плюс Quick Selection Tool:

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

Минус:

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

После создания выделенной области вокруг объекта при помощи одного или нескольких из вышеперечисленных инструментов желательно применить растушёвку выделенной области (Feather), чтобы края обтравленного объекта не выглядели на новом фоне слишком резкими. Для этого я использую команду Select — Modify — Feather либо комбинацию клавиш Shift+F6 на клавиатуре. Радиус растушёвки (Feather Radius) я обычно ставлю на значении 2 пикселя.

Способы обтравки изображений. Часть 1

Если изображение имеет неровные края (например, волосы или мех) и созданная вами выделенная область не настолько точна, вы можете попробовать настроить её параметры при помощи команды Select — Refine Edge (Уточнить край). Для этого необходимо, чтобы выделенная вами область охватывала объект, а не фон. Если у вас изначально был выделен фон, необходимо сделать инверсию выделенной области, выполнив команду Select — Inverse либо нажав комбинацию клавиш Shift+Ctrl+I на клавиатуре.

Способы обтравки изображений. Часть 1

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

Настройка View Mode (Режим просмотра) позволяет выбрать вид предварительного просмотра выделенной области.

Попробуйте переместить ползунки в настройках Radius (Радиус), Smooth (Сглаживание), Feather (Растушевка), Contrast (Контраст), Shift Edge (Смещение края), а также Decontaminate Colors (Очистить цвета), подобрав значения для наилучшего результата.

Способы обтравки изображений. Часть 1

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

Способы обтравки изображений. Часть 1

Изображение с настроенными параметрами в окне Refine Edge

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

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

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

Способы обтравки изображений. Часть 1

После необходимо нажать на кнопку Add layer mask (Добавить маску слоя) внизу палитры Layers.

Способы обтравки изображений. Часть 1

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

У меня на фото выделенная область охватывает фон, но мне нужно оставить видимым объект, а фон как раз скрыть. Для этого при нажатии на кнопку Add layer mask в палитре Layers я одновременно нажимаю клавишу Alt на клавиатуре. Эта команда сделает инверсию маски.

Способы обтравки изображений. Часть 1

Можно добиться того же результата ещё: одним способом: изначально сделать инверсию выделенной области, выполнив команду Select — Inverse либо нажав комбинацию клавиш Shift+Ctrl+I на клавиатуре. Теперь наша выделенная область охватывает не фон, а объект, и мы можем просто нажать на кнопку Add layer mask в палитре Layers, без одновременного нажатия клавиши Alt.

Теперь под нашим слоем с маской создадим новый слой, нажав кнопку Create a new layer в палитре Layers и одновременно зажав кнопку Ctrl на клавиатуре. Зажатая кнопка Ctrl создаст новый слой под нашим рабочим слоем с маской. Если не нажимать Ctrl, новый слой будет создан поверх рабочего слоя, и его придётся вручную перетаскивать на палитре вниз.

Зальём новый слой белым цветом при помощи инструмента Fill tool.

Способы обтравки изображений. Часть 1

Обтравка объекта с помещением на белый фон завершена!

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

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

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

Способы обтравки изображений. Часть 1

Цветофобия. Приём вырезания волос в Фотошоп

Мы имеем ‘пушистое’ изображение и фон на котором должна оказаться эта ‘пушистость’:

1. Инструментом Sharpen tool (R) с не большим радиусом (10-20пкс) и нажимом 10% немного поднимаем резкость ‘пушистости’ .
2. Командой Select-> Color Range — Sampled Colors выделяем фон:

3. Инвертируем выделение { Shft+Ctrl+I }и инструментом Лассо с нажатой клавишей Shift обводим девочку не затрагивая ‘пушистость’ на фоне. Сохраняем выделение:

4. Создаем дубликат изображения: Image -> Duplicate {alt+I, alt+D}
5. В диалоге Color Settings устанавливаем Custom параметры CMYK :

6. Переводим дубликат в CMYK : Image -> Mode -> CMYK
Черный канал получился самым контрастным в нужных на местах, вот из него и будем делать маску:
7. Встаем на черный канал (Black) и применяем команду Aplly Image : — Source (источник)- выбираем файл исходного изображения, Channel (канал) — Red, Blending — Hard Light, Opacity — 100%
8. Выделяем нижнею половину изображения :

и инвертируем его: Image-> Adjustments->Invert {Ctrl+I}
9. Применяем команду Aplly Image : — Source (источник)- выбираем файл исходного изображения, Channel (канал) — Alpha 1 (маска — сохраненная на третьем шаге ), Blending — Darken, Opacity — 100%
10. Теперь выравниваем контраст маски для чего: выделяем равномерные участки волос на фоне:

и командой Levels правым ползунком осветляем фон, а левым затемняем волоски::

11. Выделяем Lasso фон не затрагивая ‘пушистости’ и удаляем его (заливаем белым цветом), кистью с мягкими краями, белым цветом и с 30% прозрачностью подправляем края белого. Нужная нам маска готова:

12. Осталось ее инвертировать и с нажатой клавишей Shift перетащить канал Black на исходное изображение. Загружаем выделение из Alpha 2 (в нее превратился канал Black после перетаскивания) и копируем девочку на новый слой — старый голубой фон по краям маски немного просматривается.
13 Командой Select->Modify->Border 10 пикселей выделяем нужную область с лишним оттенком. Инструментом Lasso добавляем в это выделение те области, что по Вашему мнению тоже имеют нежелательный оттенок фона. Командой Image-> Adjustments->Replace Color заменяем ненужный оттенок на более близкий цвет к новому фону:

Вот что у нас вышло:


Обтравка в фотошопе.

Обтравка в фотошопе

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

Шаг № 1
Откроем фотографиюОбтравка в фотошопе
Шаг № 2
Разблокируем слой, для этого захватим замок мышкой и перетащим его в корзинуОбтравка в фотошопе
Шаг № 3
Далее выбираем инструмент ПероОбтравка в фотошопе
Шаг № 4
Производим выделение нашей чашки кофе. Для этого ставим точку и не отпуская левую клавишу мыши и производим корректировку нашей дуги.Обтравка в фотошопе

Зажимайте левую клавишу мыши одновременно с клавишей Alt и захватите один из «усиков» выделения для того чтобы подкорректировать изгиб. С первого раза у многих из Вас конечно не получится. Поэтому обязательно попрактикуйтесь, для того чтобы разобраться как работает инструмент перо и Вы не пожалеете о потраченном времениОбтравка в фотошопе
Шаг № 5
Как видим у нас в чашке есть ручка, в которой есть пространство, для того чтобы его выделить в меню выбираем Исключить наложение областей контуров.Обтравка в фотошопе
Шаг № 6
Выделим нашу ручкуОбтравка в фотошопе
Шаг № 7
Кликаем правой клавишей мыши по выделенной области и выберем Создать векторную маскуОбтравка в фотошопе
Шаг № 8
Снова кликаем правой клавишей мыши по выделенной области и выберем Образовать выделенную областьОбтравка в фотошопе
Шаг № 9
Установим радиус растушевки равный 2 пикселямОбтравка в фотошопе
Шаг № 10
Мы сделали обтравку нашей чашки, и теперь мы сможем перенести ее на любой фон с помощью инструмента ПеремещениеОбтравка в фотошопе
Шаг № 11
Я же создал новый слой и применил инструмент Градиент, поменял фон и вот такая ароматная чашка кофе у нас получилась.Обтравка в фотошопе

Понравился ли Вам урок? Обязательно напишите отзыв об уроке ниже и поделись с друзьями в социальных сетях, нажав соответствующие кнопки ниже. Спасибо и до новых встреч на сайте FotoshopDesign. ru

Добавить комментарий

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