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

Содержание

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

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

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

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

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

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

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

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

Я снимаю на 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-конвертете.

Слева кадр, снятый в формате 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 (Пересечение с выделенной областью).

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

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

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

Минус:

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

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

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

Плюс Lasso Tool:

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

Минус:

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

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

Плюсы Poligonal Lasso Tool:

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

Минус:

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

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

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

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

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

Плюс Magnetic Lasso Tool:

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

Минус:

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

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

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

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

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

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

При помощи Magic Wand Tool я за один клик выделила однородный фон, находящийся позади упаковки с тенями для век.

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

Плюсы Magic Wand Tool:

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

Минусы:

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

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

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

Плюс Quick Selection Tool:

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

Минус:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Скоростное вырезание предмета на ровном фоне.

Обтравка в предметной фотографии

  • 11 февраля 2016
  • by:
    Ksenia Bolshakova
  • in:
    Обучение,Предметная съемка
  • Tags: обтравка, предметная съемка, ретушь
  • note:
    one comment

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

Время цветных, мигающих и ярких сайтов в России прошло. Вслед за западом мы пришли к минимализму. Теперь хороший сайт – это тот, который не отвлекает внимание от товара. Интернет-магазин или сайт компании является скорее полкой для размещения товара, чем нарядной упаковкой.

Зачем нужна обтравка

В 99% случаев сайт, продающий товар, имеет белую подложку. Такого же чисто белого фона нужно добиться на фотографиях.

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

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

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

Как добиться белого фона?

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

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

С тенью или без нее

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

Тень создает ощущение опоры, поверхности стола.

Если заказчик планирует использовать фотографии для создания коллажей, от тени стоит отказаться.

Например, на странице журнала Антенна использована фотография кольца, сделанная для Lady Collection.

Обтравка поможет дизайнеру

Обтравка предметов дает свободу дизайнеру в коллажировании и замене фона. Вместе с jpeg, адаптированными под сайт заказчика, мы всегда предлагаем фото в формате TIFF. Этот формат весит много и позволяет использовать его только в графических редакторах типа Фотошоп. Зато TIFF позволяет сохранять предмет и фон на разных слоях, что очень удобно при создании коллажей из разных фотографий, а также замене фона.

Замена фона после обтравки делается в пару кликов.

Как делать обтравку в фотошопе

Автор: Галина Соколова. Дата публикации: 01 февраля 2019. Категория: Обработка фотографий в фотошопе.

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

Профессионально обтравка полняется с помощью одного инструмента фотошопа – это инструмент Перо.

И в этом уроке мы рассмотрим как вырезать предмет с помощью инструмента Перо. Конечный результат урока вы можете видеть ниже:

Итак, откроем изначальное изображение в фотошопе и для облегчения работы установим в Основных установках параметр Масштабировать колёсиком мыши, таким образом увеличивать и уменьшать изображение при обтравке будет очень удобно-достаточно будет лишь покрутить колёсико мышки:

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

Таким же образом нужно будет продолжить обтравку прямых линий. В случае, если прямая линия вас не устраивает, то чтобы её удалить нужно нажать сочетание клавиш CTRL+Z или перейти в Историю и отменить шаги. Когда вы переходите от прямых линий к фигурным, то нужно поставить точку по контуру фигурной линии и вытянуть направляющую из точки, затем потянуть за усик направляющей таким образом, чтобы расположить контур по фигурной линии объекта, затем удерживая клавишу ALT, вернуть усик направляющей в исходную точку, чтобы он не мешал продолжать ставить следующие точки для обтравки:

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

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

Теперь создадим новый пустой слой под изображением с объектом, нажав одновременно на значок и на клавиши SHIFT+CTRL, затем с помощью инструмента Заливка зальём пустой слой каким-либо цветом:

На этом урок «Как делать обтравку в фотошопе» окончен.

Если Вы не хотите пропустить интересные уроки по обработке фотографий — подпишитесь на рассылку.

Форма для подписки находится ниже.

0

Печать

Комментарии

0 Элина 20.02.2016 17:22 Галина, добрый день! Подскажите пожалуйста, сколько я не пытаюсь научиться делать обтравку, у меня все встает в одном месте: нет у меня такой кнопки , как Вы и все пишут :»Маска на верхней панели с настройками инструмента Перо»!!!, у меня последняя кнопка в этой панели называется»исключить наложение областей пикселов». Где же ее взять? Обидно и досадно мне((( У меня версия CS5.

Ответить | Ответить с цитатой | Цитировать

0 Галина 08.03.2016 21:37 Здравствуйте, Элина! Я не работала с CS5, поэтому мне трудно сказать, как там работает инструмент Перо. Но я очень Вас прошу установить фотошоп CS6, потому что в этой версии Вам будет намного удобнее работать.

Ответить | Ответить с цитатой | Цитировать

0 Галина 08.03.2016 21:53 В первом ответе я Вам уже писала, что не работала в CS5, но могу Вам посоветовать по аналогии с CS6 создать векторную маску с помощью значка на нижней панели палитры Слои — значок называется Добавить слой-маску, нужно два раза щёлкнуть по значку — вторая маска будет векторная.

Ответить | Ответить с цитатой | Цитировать

+1 Tim 20.02.2016 16:52 Ну конечно, очень нравиться вырезать диваны, стулья, рюмки и конечно буду балдеть от счастья… Я бы сказал, что это уроки ясельной группы. И вобще это можно вырезать другим инструментом не заморачиваясь и намного быстрее. Лично меня интересует, вырезание волос человека на разнородном фоне, то есть девочек. С мальчиками этот вопрос практически не стоит. А вот с девочками с ихними прическами, кудряшечками, локонами, бантиками — вот это проблема??? Вернее даже это не проблема, а время затраченое на выделение конкретно кудряшечков, локонов, и тд и тп девочек. Ну вот как то так… Всем без обиды. Заранее извиняюсь, оскорбить никого не хотел. Удачи Вам Друзья в познании необьятного мира ФОТОШОПА!!!

Ответить | Ответить с цитатой | Цитировать

0 Галина 08.03.2016 21:15 Здравствуйте, Тim! Это урок посвящён основам работы с инструментом Перо. А если Вам нужны уроки со сложным вырезанием волос, то такие уроки так же есть на сайте — воспользуйтесь, пожалуйста, Поиском.

Ответить | Ответить с цитатой | Цитировать

+1 Марина 20.02.2016 12:00 Спасибо, Галина! Очень нравятся Ваши подробные уроки, этот тоже не исключение.

Ответить | Ответить с цитатой | Цитировать

Обновить список комментариев

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

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

. Для отображения
Аватара
(вашей картинки) необходимо на ту же почту иметь аккаунт на — Gravatar, это бесплатно.

JComments

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

После:

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

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

Автор здесь.

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

  • Создаем текст с эффектом «Средиземье: Тень Мордора» в Photoshop
  • Текст из меха в Photoshop
  • Эффект наложения в Photoshop
  • Выразительные тени в Photoshop CC
  • Как добавить цвет на старую фотографию в Photoshop

Оценка посетителей
[Всего: 6 Среднее: 4. 5]

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

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

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

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

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

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

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

Я снимаю на 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-конвертете.

Слева кадр, снятый в формате 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 (Пересечение с выделенной областью).

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

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

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

Минус:

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

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

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

Плюс Lasso Tool:

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

Минус:

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

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

Плюсы Poligonal Lasso Tool:

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

Минус:

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

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

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

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

Плюс Magnetic Lasso Tool:

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

Минус:

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

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

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

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

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

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

Плюсы Magic Wand Tool:

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

Минусы:

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

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

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

Плюс Quick Selection Tool:

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

Минус:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что такое обтравка изображения

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

Вырезание длинных волос на детализированном фоне

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

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

Вместо дорисовывания отдельных прядей можно создать совершенно новый контур локонов и кудрей при помощи серии кистей Photoshop. У Ivadesign есть целых три набора кистей волос, которые можно скачать бесплатно.

Каждую кисть можно калибровать по размеру [и] с помощью клавиш и поворачивать, регулируя угол на панели Настройки Кисти. Используйте также опцию Flip X, чтобы рисовать по направлению естественного роста волос.

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

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

Измените режим смешивания слоя волос на Цветовой тон (Hue), чтобы оригинальный объект оставался видимым. Продолжайте добавлять новые волосы для создания совершенно нового контура.

Как только создадите контур, примените слой-маску и сотрите окрашенные области с лица объекта с помощью обычной черной кисти.

Как выполнить обтравку

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

  1. Откройте нужную фотографию, после чего разблокируйте слой. Для этого в соответствующем поле зажмите значок с символом замочка и перетяните его в корзину ниже.

  2. Теперь выберите инструмент «Перо». Поставьте точку в месте, с которого начнете обводить изображение и, не отпуская левую мышиную кнопку, скорректируйте расположение дуги.
  3. Вместе с левой кнопкой мыши зажмите на клавиатуре Alt, после чего захватите «усик» дуги и подкорректируйте все изгибы.
  4. После того, как выделите весь объект, кликните по нему правой мышиной кнопкой и в появившемся меню выберите пункт «Создать векторную маску». Теперь снова выполните то же самое, выбрав на этот раз строчку «Образовать выделенную область».

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

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

Вырезаем волосы. Обтравка волос

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

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

Поехали!

Открываем это фото:

И сразу делаем дубликат слоя.

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

Аккуратно закрашиваем девушку черным цветом. Волосы, которые плавно переходят в фон оставляем нетронутыми.

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

Теперь переходим на панель «Каналы»

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

На этой фотографии — зеленый канал (на других может быть иначе).

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

В настройках этого инструмента есть параметр «Диапазон».

Если выбрать диапазон «Светлые части», то затемняться или осветляться будут только они.

С помощью инструмента для начала затемните темные части волос

резкими и короткими мазками
(настраивайте непрозрачность и экспозицию под свои нужды).

Перенастройте инструмент и осветлите светлые части вокруг волос,

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

Перейдите на панель «Каналы»

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

Перейдите на панель «Слои»

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

На этом этапе лучше определиться на какой фон вы будете перемещать модель и подставить именно его. Я покажу на черном и белом цвете что получилось у меня:

На обоих цветах кроме волос видны остатки фона.

На тёмном — гораздо заметней. Чтобы это исправить
сделайте активной маску слоя(когда она активна — вокруг нее белая рамка).
Зайдите в меню «Цвет — Яркость/Контраст»

и покрутите ползунки, чтобы добиться лучшего результата именно для своего цвета фона
(обратите внимание, что значения «Яркость» и «Контраст» лучше ставить равными, но диаметрально противоположными):

Скоростное вырезание предмета на ровном фоне.

Часто требуется вырезать (обтравить) предмет на фотографиях. Самый качественный результат даст работа пером, но… Когда изображений несколько сотен и нужны они «вчера» работа пером занимает непозволительно длительное время. Поэтому я выбираю «Волшебную палочку» (W) c такими параметрами — порог =10%, и кнопка «суммировать к предыдущему выделению»:

Щелкаем на фоне по областям еще не попавшим в выделение:

шелкаем пять-десять раз, увеличивая выделение, пока почти весь фон не будет выделен, если при этом выделение немного «залезит» на предмет — не страшно. В данном случае я остановился на таком варианте выделения:

1.(присутствие цифры потом будет понятно) Инвертируем выделение

Модифицируем выделение:

уменьшаем выделение на один пиксель

и сглаживаем на 5 пикселей:

Получаем достаточно точное и ровное выделение по краю предмета на большинстве границ предмета с фоном, осталось только немного поправить выделение, это будем делать на 100% масштабе просмотра.

Копируем слой, а что бы не потерять выделение — копируем перетаскиванием его в палитре Слои на иконку листика:

добавляем маску слоя.

Включаем отображение маски, в свойствах канала (двойной клик на названии канала маски) я поставил зеленый цвет и 20% прозрачности.

Выбираем кисть (B) и делаем ее жесткой и 100% непразрачной.

Сбрасываем цвета поумолчанию (D).

— 2 (присутствие цифры потом будет понятно).

Белым красим то, что «заехало» на предмет, а черным то, что не выделелось на фоне

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

Выбираем кисть с мягкими краями и устанавливаем 10% непрозрачности:

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

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

Вот вообщем-то и всё. Когда изображение будет приведено к требуемому размеру маску предмета надо будет размыть по гауссу в 0,5 пикселя, а если глубина резкости не большая — то дальнии края предмета должны иметь размытые края маски, делается это с помощью кисти истории — маска размывается на 3-4 пикселя, на этот шаг ставится источник истории, делается шаг назад (Ctrl+Z) и кистью истории продят по «задним» границам, которые должны быть размыты. Теперь о цифрах в тексте — все шаги, что расположены между цифрой 1 и цифрой 2 — записываются в экшен — это существенно уменьшает время обтравки файла. Что бы обтравить этот файл этим приемом с полупрозрачной тенью мне понадобилось меньше минуты.

цена и стоимость обтравки фото онлайн в Москве

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

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

Мы делаем обтравку фото любых предметов всеми доступными методами — ручная, перо, с помощью волшебной палочки, выделения альфа каналов и т.д. в зависимости от сложности работы и задачи, поставленной заказчиком. Работаем с волосами и мехом, ювелирными изделиями и сложными предметами apoteksv.se. Мы можем предоставить обработанные фотоматериалы в jpeg, tiff, png или psd с маской слоя или векторной маской.

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

Основные пункты

  • Отделение объекта от фона
  • Удаление лишних деталей
  • Мягкая обтравка изображения в фотошопе
  • Дорисовка волос
  • Создание пути (path)

Обтравка изображений, выполненная нашими специалистами

Вот некоторые примеры обтравки изображения в фотошопе. Слева Вы видите фото после обтравки, справа-до. Граница между изображениями динамическая.

Обтравка

Мастеров на странице: 163264

Дарина




Виктория

Обтравка

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

может включать в себя:

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

  Подробности можно узнать у администратора студии s01. su

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

После:

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

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

Автор здесь.

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

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

[Всего: 8 Среднее: 4. 1]

Система быстрой обтравки фотографий [Амперка / Вики]

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

Оригинальный немецкий синхронизатор стоит не дёшево, поэтому мы расскажем как собрать аналог системы на основе Iskra Mini.

Видеообзор проекта

Принцип съёмки

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

Первая вспышка или группа вспышек используется для организации освещения снимаемого объекта. Вторая — для контрастной заливки фона.

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

Устройство синхронизатора

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

Что понадобится

Как собрать

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

Исходный код

Прошей Iskra Mini скетчем

gidroponic.ino
int ledPin1 = 13;
int ledPin2 = 12;
int switchPin = 7;
 
int val;
 
int state;
int c;
 
#define TIME 2000
unsigned long int time;
 
void setup()
{
  pinMode(ledPin1, OUTPUT);
  pinMode(ledPin2, OUTPUT);
  pinMode(switchPin, INPUT_PULLUP);
  digitalWrite(ledPin1, LOW);
  digitalWrite(ledPin2, LOW);
}
 
void loop()
{
  state = digitalRead(switchPin);
 
  if (state == LOW && c == 0) // нажали кнопку
  {
    c = 1;
    val = ++val;
    if (val == 3)
    {
      val = 0;
    }
     time = millis();
  }
  if (state == HIGH && c == 1) // отпустили кнопку
  {
 
    c = 0;
  }
 
  if (val == 0) // выключаем светодиоды
  {
    digitalWrite(ledPin1, LOW);
    digitalWrite(ledPin2, LOW);
  }
  if (val == 1) // Если мы кнопку 1 раз нажали и отпустили
  {
    digitalWrite(ledPin1, HIGH);
    digitalWrite(ledPin2, LOW);
  }
  if (val == 2) // Если мы кнопку 2 раз нажали и отпустили
  {
    digitalWrite(ledPin1, LOW);
    digitalWrite(ledPin2, HIGH);
    delay(500);
    digitalWrite(ledPin1, LOW);
    digitalWrite(ledPin2, LOW);
    val = 0;
    c = 0;
  }
  if (millis() - time > TIME)
  {
    if (val != 2)
    {
      val = 0;
    }
  }
 
  delay(10);
 
}

Обработка

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

Для этих манипуляций можно использовать специализированное программное обеспечение, например Mask Integrator от Picture Instruments, или использовать привычный Photoshop.

Алгоритм ручной обработки прост:

  1. В файле с силуэтом объекта оставьте только синий канал

  2. С помощью настройки уровней избавимся от полутонов и получим контрастный силуэт

  3. Получившееся изображение скопируем в буфер обмена

  4. Откроем файл с освещённым объектом

  5. Создаём пустую маску, кликаем на ней с зажатой клавишей ALT и вставляем в неё силуэт из буфера обмена

  6. Инвертируем маску и вырезаем объект

Если записать эти действия в экшн, обтравка фотографий сведётся к одному клику.

Что дальше

  • Если добавить в проект кнопку и ещё один Nano Switch, получится реализовать дистанционное управление затвором камеры.

  • Если совместить систему Freemask с проектом поворотного фотостола, получится стенд для автоматизированной предметной съёмки с нескольких точках или в 3D.

Фотопроект. Работа с путями (Path) в Photoshop. Статьи. Фотошкола

Оглавление

  • Предисловие.
  • Что такое путь, или Немного теории.
  • Инструменты Adobe Photoshop для работы с путями.
  • Учитесь работать быстро.
  • Сколько ставить точек, или чем хороший путь отличается от плохого.
  • Многовариантность построений, или Чей путь лучше.
  • Несколько размышлений о практической работе с путями.
  • Редактирование путей.
  • Что можно делать при помощи путей.
  • Как сделать изолят.

Предисловие

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

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

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

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

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

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

Что такое путь, или Немного теории

Путь (Path) в Photoshop это векторное включение в растровую картинку. Он может использоваться как самостоятельно (атрибут Clipping Path, Vector Mask), так и в качестве заготовки для последующих операций по обработке изображения: создания выделений, обрисовки инструментами и т.д.

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

Кривая Безье состоит из опорных точек (Anchor Points) и отрезков, которые их соединяют. Эти отрезки могут быть прямолинейными или криволинейными. В первом случае путь представляет собой ломаную линию, во втором кривую. Для задания параметров кривой, выходящей из опорной точки, используются направляющие, в простонародье часто называемые усами. Направление уса задает касательную к дуге на выходе из опорной точки, а длина уса степень ее кривизны.

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

На рисунке приведены примеры, иллюстрирующие описанное выше:

  1. Ломаная линия.
  2. Кривая линия.
  3. Зависимость угла выхода кривой из опорной точки от положения направляющей.
  4. Зависимость кривизны кривой от длины направляющей.
  5. Точки перегиба кривой.
  6. Точки перелома кривой.

Инструменты Adobe Photoshop для работы с путями

Пути находятся на палитре Paths. Если начать строить новую кривую, когда ни один из путей не активен, кривая будет построена в автоматически создавшемся пути Work Path. Иначе кривая будет строиться в активном пути.

Обратите внимание: путь Work path может быть только один. Поэтому если вы его создадите, деактивируете и начнёте строить новую кривую, существующий Work Path будет уничтожен вместе со всеми содержащимися в нём кривыми. Вместо него Photoshop создаст новый Work Path с новым контуром.

Pen Tool или перышко основной инструмент для построения путей. Логика его работы проста. При первом клике мышью в месте нахождения пера ставится первая опорная точка пути без направляющих. При каждом последующем клике ставится очередная опорная точка пути без направляющих, соединенная с предыдущей точкой отрезком прямой. Если при клике не отпускать кнопку мыши и потянуть перо в сторону, то из новой опорной точки вытягивается пара направляющих, связанных не только по направлению, но и по длине. Направляющие можно растягивать и позиционировать до тех пор, пока не отпущена кнопка мыши. Если после установки точки и растягивания направляющих, не отпуская кнопку мыши, зажать клавишу Alt, задняя направляющая остается в текущей позиции, передняя отвязывается от нее и допускает самостоятельное позиционирование. Если отпустить клавишу Alt, привязка направляющих друг к другу восстанавливается. При отпускании кнопки мыши опорная точка и направляющие фиксируются в текущем положении, инструмент готов к постановке следующей точки.

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

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

Add/Delete Anchor Point Tool братья-близнецы. Предназначены для добавления/удаления опорных точек. Логика работы Add Anchor Point Tool: наведите инструмент на путь в любом его месте, кликните в этом месте пути добавится опорная точка. Длина направляющих соседних опорных точек будет пересчитана таким образом, чтобы форма кривой сохранилась. Логика работы Delete Anchor Point Tool: кликните по опорной точке активного в данный момент пути эта опорная точка удалится. Длина направляющих соседних опорных точек будет пересчитана таким образом, чтобы новый путь был максимально близок к исходному.

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

Convert Point Tool или галочка инструмент для работы с направляющими. Логика работы: кликните на опорную точку и, не отпуская кнопку мыши, потяните ее в сторону. Инструмент поведет себя так же, как перышко (см. выше). Кликните по опорной точке, имеющей направляющие они будут удалены. Кликните по крайней точке направляющей и, не отпуская кнопки мыши, потяните её направляющие для этой опорной точки будут развязаны, и вы сможете управлять одной из них.

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

Path Selection Tool (аналог Selection Tool в Adobe Illustrator) или черная стрелка выделяет весь путь целиком и позволяет его двигать.

Direct Selection Tool или белая стрелка инструмент для работы с отдельными элементами пути. Позволяет выделять и передвигать их. Выделение элемента возможно либо непосредственным кликом на нем (для выделения дополнительных элементов кликните по ним, держа нажатой клавишу Shift), либо выделением области нажмите на кнопку мыши и, не отпуская, потяните курсор в сторону. После выделения нужной области отпустите кнопку мыши. Все элементы путей, попавшие в эту область, будут выделены.

Особенности работы:

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

Есть еще группа инструментов для построения путей стандартных форм: прямоугольники, эллипсы и т.д., но они подходят для обтравки еще меньше, чем Freeform Pen Tool, и интереса для нас не представляют.

Учитесь работать быстро

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

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

Первая мышь была изобретена Дугласом Энгельбартом в Стэндфордском университете. Она имела одну кнопку. Это было в 1962 году. А в 1968 году он же продемонстрировал мышь с трёмя кнопками. По его словам, он хотел сделать пятикнопочную мышь. Дальше мышью занималась компания Xerox. В начале 70-х она стала комплектовать ею один из своих компьютеров. После приобретения у Xerox лицензии на использование оконного интерфейса (да-да, форточки придумала Xerox) перед Apple встал вопрос: сколько кнопок делать на мыши?

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

Вопрос расширения функциональности был решен красиво задействовали простаивающую руку. Под левую руку на клавиатуре поместили четыре клавиши (Command, Option, Control и Shift). Зажав их в различных комбинациях, оператор изменял функциональное назначение единственной кнопки мыши. В результате появилась мышь с 16 виртуальными кнопками. Можно сколько угодно смеяться над ретроградами из фруктовой компании, которые долго отказывались добавлять вторую кнопку, и доказывать удобство вызова контекстного меню правой кнопкой мыши без привлечения второй руки. Но иметь до шестнадцати инструментов, подвешенных на одной кнопке, в работе гораздо удобнее, чем одно контекстное меню. Разработчики программного обеспечения, сотрудничавшие с Apple (в том числе и Adobe), активно использовали эту идею в своих программных продуктах. Вместе с их адаптированными версиями она пришла и на платформу Windows.

Хотите работать с путями быстро забудьте обо всех инструментах, кроме пера! Не надо переключаться между ними. При нажатии комбинации управляющих клавиш перо может временно (пока нажаты клавиши) переключаться во все эти инструменты. Я приведу список для Mac’а, потренируйтесь, и вы найдете эквивалентные сокращения на PC (Mac Cmd соответствует PC Ctrl):

  • Pen Tool + Cmd = Direct Selection Tool.
  • Pen Tool + Alt = Convert Point Tool.
  • Pen Tool + навести курсор на отрезок активного пути = Add Anchor Point Tool.
  • Pen Tool + навести курсор на не концевую опорную точку активного пути = Delete Anchor Point Tool.
  • Pen Tool + Ctrl = Выпадает меню из палитры Path.
  • Pen Tool + Cmd+Alt+ однократный клик мыши на пути = Path Selection Tool выделяет данный путь целиком.
  • Pen Tool + Cmd+Alt + клик мышью на путь и движение мыши, не отпуская кнопку = Direct Selection Tool с дублированием: выделяет данный путь и копирует его на новое место.

И еще одно очень важное клавиатурное сокращение. Если у вас выбран любой инструмент, кроме инструментов работы с текстом непосредственно в момент его редактирования, нажатие на пробел превращает его в лапу (Hand Tool). Таким образом, вы можете оперативно двигать перед собой область редактирования, не используя инструменты изменения масштаба изображения и прокрутки экрана.

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

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

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

3а. Если это точка перегиба, отпускаем кнопку мыши и, зажав Cmd (временно получив таким образом Direct Selection Tool), исправляем длину передней направляющей последней опорной точки с таким расчетом, чтобы после постановки следующей опорной точки образовавшийся криволинейный отрезок пути повторил контур объекта.

3б. Если это точка перелома, не отпуская кнопку мыши и зажав Alt (см. логику работы Pen Tool), исправляем длину и направление передней направляющей последней опорной точки с таким расчетом, чтобы после постановки следующей опорной точки образовавшийся криволинейный отрезок пути повторил контур объекта.

4. Повторяем шаги 2-3, пока путь не будет построен.

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

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

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

Сколько ставить точек, или Чем хороший путь отличается от плохого

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

Чтобы проще было в этом разобраться, посмотрите на рисунок:

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

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

Как я уже говорил, вся работа делается на лету: наметили примитив, сразу его построили, намечаем следующий. Чтобы не попадать в ситуации не знаю, куда теперь поставить следующую точку, каждый раз намечая текущий отрезок, прикиньте на 1-2 отрезка вперед. Попробуйте понаблюдать за изменением формы примитива, двигая направляющие, и прочувствовать ее. Это позволит вам понять, какие участки контура можно отобразить с помощью одного примитива, а какие нельзя, и, следовательно, придется разбивать на более короткие отрезки. Еще это сильно поможет с построением направляющей из первой точки отрезка (пункт 3а-3б в последовательности построения пути), ведь ее придется выставлять, еще не видя самого отрезка.

Не пугайтесь, все это проще делать, чем описывать. Тренируйтесь сразу на реальных работах. Во-первых, это имеет практическую пользу. Во-вторых, лучше откладывается в памяти. Через 2-3 десятка работ вы будете контурить уверенно и быстро. И всегда следите за соблюдением двух принципов:

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

Многовариантность построений или, Чей путь лучше?

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

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

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

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

Про точки перегиба и точки перелома.

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

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

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

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

Про длину направляющих

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

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

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

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

По опыту работы могу порекомендовать делать каждую такую направляющую 20-40%% от длины отрезка (см. правый рисунок). Точное понимание необходимой длины придет со временем.

Про скруглённые углы

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

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

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

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

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

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

Про прямые

Человек устроен так, что получает информацию с помощью глаз, а воспринимает с помощью мозга. Что из этого следует? Мы воспринимаем картинку не объективно, такой, как она есть в реальности, а субъективно додумывая некоторые вещи на основе наших знаний и опыта. Мы знаем, что: линия горизонта прямая; веревка, на которой подвешен груз (отвес) прямая; угол дома прямая; и т.д. Глядя на фотографию, мы воспринимаем все эти объекты как прямые линии… пока дело не доходит до обтравки.

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

Из приведенного рисунка легко понять, как можно просто решить эту проблему:

  • Линия, воспринимаемая нами как прямая.
  • Попытка аппроксимировать ее математически заданной прямой.
  • Решение вопроса кривизны.

Поставьте в центре отрезка пути дополнительную опорную точку, растяните направляющие в соответствии с общим правилом 20-40%%, позиционируя среднюю точку и ее направляющие, посадите путь на контур объекта.

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

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

Про отклонение обтравочного пути от реального контура объекта. Техническая сторона вопроса.

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

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

Из личной практики:

  • Никогда не травите объект при масштабе изображения на экране 100% и меньше. Или получится неаккуратно, или потеряете много времени на попытки посадить точки пути на контур.
  • Оптимальный масштаб изображения на экране при обтравке объектов без мелкой детализации, снятых крупным планом 200%.
  • Объекты с мелкой детализацией или снятые средним планом 300%.
  • Очень детализированные объекты (или стоит задача сделать очень реалистично) 400%.
  • В дальнейшем увеличении смысла нет, так как все равно никто это не рассмотрит.

Про степень детализации при обтравке. Художественная сторона вопроса.

Вырезание объекта дает возможность не только избавиться от ненужных элементов изображения (например: шнур питания, торчащий из-за электроприбора, или лишние листики на ветке), но и приукрасить действительность, подтянув контур объекта к идеальному. Степень такой идеализации зависит только от вас.

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

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

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

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

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

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

Редактирование путей

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

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

Во-вторых, редактировать пути можно стандартными средствами Photoshop. Когда путь активен, меню Edit \ Transform превращается в Edit \ Transform Path. Таким образом, к пути можно применять все стандартные трансформации, аналогичные трансформациям изображения.

Важно помнить:

  • если на палитре Paths выделен путь, но ни один из его контуров не активен (не выделен при помощи инструментов Path Selection Tool или Direct Selection Tool) трансформироваться будут все контуры пути;
  • если выделена только часть контуров или их отдельные элементы трансформироваться будут только эти контура или элементы.

В-третьих, путь можно править с помощью Adobe Illustrator. Остановимся на этом способе поподробнее.

Построив путь, дайте команду File \ Export Paths to Illustrator. В дополнительном меню вы можете выбрать, какой из путей, находящихся на палитре Paths, вы хотите экспортировать, либо экспортировать все пути одновременно. В результате выполнения этой команды, вы получите файл ***.AI, который сможете открыть в Illustrator.

После открытия в Illustrator переключитесь в режим отображения View \ Outline и вы увидите ваш путь и четыре пары нарисованных под прямым углом друг к другу черточек. Это метки реза, они задают границы исходной картинки. Дайте команду Object \ Crop Area \ Release вместо меток реза на экране появится прямоугольник, соответствующий границам исходной картинки. Ни в коем случае не удаляйте его и не сдвигайте относительно него экспортированные пути после всех необходимых преобразований путей он позволит вам быстро и безболезненно вернуть их в исходную картинку, избежав проблем с позиционированием.

Когда вы будете готовы вернуть пути обратно в Photoshop, просто выделите их вместе с задающим формат прямоугольником, скопируйте (Copy) и вставьте (Paste) в Photoshop. В появившемся меню Paste выберите опцию Path. Ваш путь, скопированный из Illustrator, будет вставлен в активный в данный момент путь на палитре Paths, или, если ни один из путей в данный момент не активен в созданный заново путь Work Path (не забудьте, что такой путь может быть только один, и, если он уже был в вашем файле, старый путь Work Path будет уничтожен вместе со всем содержимым).

Важно!!! Обратите внимание. При любых операциях вставки (Paste) Photoshop позиционирует центр вставляемого объекта по центру видимой на экране области изображения. Поэтому, чтобы путь встал на прежнее место, необходимо, чтобы на экране была видна вся картинка. Проще говоря, перед тем, как вставлять путь, дайте команду View \ Fit on Screen (Cmd+0). Прямоугольник, соответствующий границам картинки, отцентрируется по этим же границам, а вместе с ним на свое место встанут все пути. В конце всех операций не забудьте удалить этот прямоугольник.

Теперь вернемся к главному вопросу: ради чего мы городили весь этот огород и что же можно делать с путями в Adobe Illustrator? Возможности обработки кривых в Illustrator гораздо богаче, чем аналогичные возможности в Photoshop, что вполне естественно для специализированной программы. Вы можете воспользоваться любыми из них. Какими конкретно зависит только от стоящей перед вами задачи и вашего воображения. Чтобы подтолкнуть его, приведу несколько примеров.

Пример 1. Равномерное раздувание пути наружу или заваливание его внутрь.

В полиграфии существует такое понятие: вылет. Если изображение стоит в край обрезного (или, что аналогично, вырубного) формата, оно должно продолжаться за линией реза (высечки) на некоторое расстояние (обычно 2-5 мм). Делается это для того, чтобы при отклонении ножа (штампа) от заданной линии реза (высечки) а такое отклонение бывает всегда из-за погрешностей оборудования у картинки не образовалась по краю белая полоса.

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

Экспортирую контур высечки в Illustrator, выделяю его, даю команду Object \ Path \ Offset Path, в поле Offset появившегося меню задаю 2 mm, удаляю исходный путь, новый путь перебрасываю в Photoshop. Задача решена.

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

При разрешении картинки 300 dpi один пиксель имеет размер 25,4 мм / 300 = 0,09 мм. Производим все операции, описанные выше, только в поле Offset вводим значение -0,09 mm (-0,18 mm если надо сдвинуть путь на 2 пикселя). Задача решена.

Пример 2. Пересекающиеся друг с другом и самопересекающийся пути.

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

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

Выделю кривые, соответствующие внутренним контурам, и вытащу их наверх командой Object \ Arrange \ Bring to Front. Дальнейшие манипуляции будут происходить на палитре Pathfinder: для каждого кольца я выделю оба контура (внутренний и внешний) и дам команду Subtract from shape Area (не забывая зажать при этом Alt). Затем выделю обе получившиеся фигуры и дам команду Add to shape Area (не забывая зажать при этом Alt). Верну путь в Photoshop. Задача решена.

Вам кажется, что это слишком сложный путь для обтравки обручальных колец? Хорошо, подождем, пока вам не придется контурить олимпийские (надеюсь, все помнят, как выглядит эмблема олимпийского движения).

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

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

В результате получается контур с множественными самопересечениями, следующая задача избавиться от них. Для этого: экспортирую путь в Illustrator, выделю его и дам команду Add to shape Area (не забывая зажать при этом Alt). Верну путь в Photoshop. Задача решена.

Пример 3. Контурение объектов постоянной ширины.

Рассмотрим фотографию той же самой веревки. Если она сделана в лоб (то есть перспективные искажения малы) и имеет практически постоянную ширину, можно поступить еще проще. Вместо того, чтобы контурить обе ее границы, я просто построю осевую линию (кривую, проходящую по центру веревки), измерю ширину веревки (пусть она будет равна X мм) экспортирую путь в Illustrator, выделю его, на палитре Stroke задам параметр Weight равным X mm, дам команду Object \ Path \ Outline Stroke (или Object \ Expand), дам команду Add to shape Area (не забывая зажать при этом Alt). Верну путь в Photoshop. Задача решена.

Еще более впечатляющим действие этого метода будет, если мне надо оконтурить сетку. Вместо обрисовки каждой составляющей ее лески (я уже не говорю про контурение дырочек) я построю для них осевые. Далее по тексту, приведенному выше. Мало того, что количество работы по построению сокращается в два раза, сетка будет выглядеть более аккуратной за счет постоянной ширины лесок. Не переживайте за натурализм изображения: он будет достигнут за счет изгибов лесок, а постоянство их ширины просто уберет с картинки ненужное дребезжание.

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

Возможно, в будущем подобные операции можно будет проводить прямо в Photoshop’е. Это еще не повод отказываться от возможностей обработки путей, предоставляемых Illustrator’ом. Photoshop и Illustrator всегда были программами-братьями, а после коренной переделки интерфейса Illustrator’а (это произошло в его восьмой версии) под Photoshop они, можно сказать, стали близнецами. И выражается это не только во внешнем сходстве. В наше время вы вряд ли найдете специалиста, владеющего одной из этих программ и совершенно не знающего другой. Поэтому параллельно с Photoshop’ом обязательно изучайте Illustrator. Будет просто обидно, если, освоив работу с кривыми Безье (краеугольным камнем любого векторного редактора), вы остановитесь перед изучением набора дополнительных палитр и команд.

Что можно делать при помощи путей

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

Clipping Path

Начнем с их первородной, но в наше время отошедшей на задний план, задачи: команды Clipping Path.

Я не знаю, была ли такая команда (да и сами пути) в версии Photoshop 2, но в Photoshop 3.0, с которой я начинал свою работу, она была точно. В те суровые времена машина, имевшая оперативную память в 64 мегабайта, уже считалась графической станцией. На моей Quadr’е стояло 48, при этом она ещё и выступала в роли принт-сервера на весь пре-пресс. А 128 или даже 256 мегабайт были пределом мечтаний большинства цветокорректоров и ретушеров. Операторы серьезно задумывались перед созданием в файле каждого нового слоя, вопрос выбора между разрешением 250 и 300 dpi был актуальным всегда, а фильтр Gaussian Blur на формате А4 мог обрабатываться по несколько минут.

В таких условиях не могло быть и речи о больших (размером в полосу или разворот) коллажах, а ставить вырезанные картинки поверх фона все равно хотелось. Вот здесь и приходили на помощь пути и команда Clipping Path. Что же это такое?

CLIPPING PATH это атрибут, присваиваемый одному из путей. Означает он следующее: программа (например Adobe Illustrator, Quark XPress и т.д.), понимающая язык PostScript, при подстановке картинки, содержащей путь с таким атрибутом и сохраненной в формате Photoshop EPS (ОБЯЗАТЕЛЬНО!), воспринимает его как команду вырезать картинку по контуру этого пути. Сделайте картинку с Clipping Path, сохраните ее, например, в EPS, TIF и JPG, подставьте все три картинки в документ Illustrator (FilePlace) и вы увидите, как это выглядит. Картинки, сохраненные в TIF и JPG, будут отображаться целиком, а сохраненная в EPS обрезана по контуру пути.

Смотрится это не очень красиво (картинка по контуру обрезается жестко, как будто ножницами), но в 1996 году это устраивало практически всех.

После появления PostScript Level 3, поддерживающего прозрачность, появилась возможность вставлять в верстку картинки с плавно размытыми краями. Да и возросшие мощности компьютеров позволили делать коллажи только в Photoshop, и Clipping Path тихо отошел на задний план.

Vector Mask

Второй (и, по-моему, последней) возможностью непосредственного применения путей в Photoshop’е является Векторная маска. Может применяться как к отдельным слоям, так и к группам слоев. Она оставляет часть изображения, содержащуюся внутри контура пути, остальное маскирует. Возможны другие варианты маскирования в зависимости от настроек пути. Имеет те же минусы, что и Clipping Path: жесткая, выглядящая очень ненатурально обрезка по контуру. Вследствие этого чаще всего применяется или дизайнерами при изготовлении макетов в Photoshop’е (когда такая обрезка задумана), или во вспомогательно-технологических целях (например: при создании коллажа нижний объект выглядывает из-под верхнего в ненадлежащем месте, этот кусок удобно отрезать при помощи векторной маски, тем самым сохранив само изображение, которое может пригодиться в ходе работы).

Vector Mask может применяться совместно с Layer Mask. Чтобы создать векторную маску, на палитре Layers выберите слой (или группу слоев), к которым вы хотите ее применить, на палитре Paths выберите путь, который должен послужить основой для векторной маски, и дайте команду Layers \ Vector Mask \ Current Path.

Stroke Path

Очень полезной является возможность обвести контур пути большинством инструментов ручного редактирования (начиная от кисточки и карандаша и заканчивая пальцем и инструментом быстрой селекции). Команда Stroke Path вызывается из выпадающего меню после нажатия на стрелку в правом верхнем углу палитры Paths. В появляющемся окне выбираете инструмент, которым вы хотите обрисовать контур пути. Прорисовка происходит с теми параметрами работы инструмента, которые он имеет на момент отдачи команды, поэтому настроить эти параметры надо заблаговременно.

От друзей, учившихся в МГТУ имени Баумана, я слышал историю о профессоре начертательной геометрии. Это был человек в преклонном возрасте, вследствие чего у него постоянно тряслись руки… пока он не брал карандаш. А потом он начинал наносить на чертеж штриховку без линейки, от руки, каждую линию он рисовал в одно движение, причем линии получались будто вычерченные по линейке, шли с интервалом по ГОСТу, начинались и заканчивались точно на контуре детали. И делал он это с такой скоростью, с какой хороший картежник сдает карты. Если вы не принадлежите к числу таких людей с железной рукой, команда Stroke Path будет вам верным помощником. Для развития творческого подхода укажу еще один возможный путь ее применения. Перейдите в режим быстрой маски и поэкспериментируйте в ней. Возможности по формированию выделений ограничиваются только вашей фантазией.

Make Selection

Я специально оставил рассказ об этом способе применения путей напоследок, так как считаю, что это самый серьезный ресурс для их использования. Механизм работы этой команды очень прост: строите путь, нажимаете стрелку в правом верхнем углу палитры Paths, в выпадающем меню выбираете команду Make Selection, в дополнительно появляющемся меню задаете степень размытия границы Feather Radius (я всегда держу этот параметр равным 0, а потом отдельно размываю границу селекции на нужную величину) и сглаживание Anti-aliased (обязательно поставьте эту галочку!). Выделение готово.

Если один или несколько контуров в пути, с которым вы работаете, активны выделение будет сформировано только для них. Если ни один из контуров не активен выделение будет сформировано для всех контуров пути. В зонах, окруженных несколькими путями, область будет выделена в соответствии с их настройками на палитре Options инструмента Pen Tool. Можно сделать выделение, просто кликнув по соответствующему пути на палитре Paths при нажатой клавише Ctrl (для Mac’a). Я лично так и делаю экономит время. Поэтому и держу Feather Radius равным нулю.

Даже если бы с помощью путей нельзя было делать ничего, кроме выделений, их стоило бы придумать. Да простят меня любители данных инструментов, но я считаю, что Magnetic Lasso, Magic Wand и подобные им, чудо какие замечательные и так облегчающие жизнь, годятся только для изготовления превью и набросков или при газетном подходе (работы много, времени мало, качество не имеет значения). Это мое личное мнение, основанное на моем опыте работы, и я никого не призываю соглашаться с ним или спорить со мной. Имея достаточно примитивные алгоритмы работы и минимальное количество настроек, они позволяют добиться хоть какого-то качества выделения, только если изображение обеспечивает им очень тепличные условия работы. Для получения действительно качественного выделения необходима ручная обтравка.

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

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

И последнее замечание по поводу обратной операции: автоматическое построение пути по имеющемуся выделению. С годами Photoshop учится делать это все лучше и лучше. Если третья версия строила путь по круглому выделению в виде полигона с сотнями точек, то CS3 обходится всего десятком. Но результат его работы все еще далек от ручной трассировки. Поэтому, если во главе угла стоит качество, не соблазняйтесь предложениями автоматизации, помните поговорку: Хочешь сделать что-то хорошо сделай это сам.

Как сделать изолят

Здесь описана последовательность операций, которую я произвожу для изоляции (вырезания) объекта. Возможно, она пригодится вам в работе или вы возьмете себе на вооружение отдельные приемы из нее. Итак, чтобы вырезать объект, я:

  1. Дублирую слой Background и всю работу с объектом произвожу на отдельном слое. Не удаляю ничего из картинки вплоть до отдачи файла в дальнейшую работу. Вместо этого использую Layer Mask. Всегда есть возможность откатиться и вернуть удаленную часть изображения.
  2. Сначала все явные границы, то есть, все, кроме волос и прочих лохматостей, обтравливаю путем. При этом сглаживаю границы объекта, если нужно, убирая явные дефекты модели или композиции, но не заваливаю путь внутрь относительно контура картинки.
  3. Когда путь готов, делаю из него выделение с параметром Feather=0. Далее команда Select \ Modify \ Contract с параметром Contract By в 1 пиксель (для больших картинок бывает 2, редко и для очень больших картинок 3). Таким образом, выделение заваливается внутрь контура изображения равномерно.

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

  4. Даю размывку границ выделения Select \ Modify \ Feather с тем же значением параметра, как и на предыдущем шаге.

    Примечание: иногда бывает полезно дать размытие меньше, чем сжатие выделения, например: Contract=2, Feather=1, но это нужно смотреть по конкретной картинке.
     

  5. Делаю маску слоя по существующему выделению Layer \ Layer Mask \ Reveal Selection. Если в отдельных местах результат не устраивает можно поправить вручную, рисуя кисточкой прямо в маске или откорректировать путь и повторить шаги 3-4.
  6. Когда на картинке присутствуют волосы строя путь, оставляю вокруг них поле и формирую область выделения волос (а точнее область выделения поля, оставшегося вокруг волос) отдельным способом. Способов таких достаточно много, но это тема отдельного разговора.
  7. Перед тем, как отдать файл в дальнейшую работу, даю команду Layer \ Layer Mask \ Apply.

Андрей Журавлёв
Апрель 2008 г.
Первоисточник:
http://www.microstock.ru/articles/72.html
Редакция — сентябрь 2009 г.

 


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

 

Как использовать обтравочные маски в Photoshop

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

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

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

Начнем!

Что такое обтравочная маска?

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

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

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

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

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

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

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

Как создать обтравочную маску

Самый простой способ создать обтравочную маску в Photoshop — щелкнуть правой кнопкой мыши по слою и выбрать «Создать обтравочную маску».

Выбранный слой будет прикреплен к нижележащему слою на панели «Слои».

Чтобы немного облегчить жизнь, вы можете удерживать клавишу Alt или Option и наводить курсор между двумя слоями , которые вы хотите обрезать.

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

Удобная комбинация клавиш для создания обтравочных масок в Photoshop

Вы также можете создавать обтравочные маски в Photoshop, используя простое сочетание клавиш. Нажав на слой, к которому вы хотите добавить обтравочную маску, нажмите Command + Option + G (Mac) или Control + Alt + G (ПК).

Вы также можете использовать эту комбинацию клавиш для удаления обтравочных масок!

Обтравочные маски на прозрачных слоях

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

В качестве примера я применю обтравочную маску из слоя с изображением к прозрачному слою.

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

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

Итак, что произойдет, если вы примените видимых пикселей к этому прозрачному слою?

Выбрав инструмент «Кисть» ( B ) и рисуя на прозрачном слое, обратите внимание, как обрезанное изображение снова становится видимым.

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

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

Масштабирование обтравочных масок в Photoshop

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

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

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

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

Разместив слой с изображением над слоем с кругом, я воспользуюсь сочетанием клавиш Command + Option + G (Mac) или Control + Alt + G (ПК), чтобы создать обтравочную маску.

Теперь изображение видно только внутри круга, но его нужно переместить.

Взяв инструмент «Перемещение» ( V ) и щелкнув слой изображения, я могу изменить его положение и масштабировать без каких-либо проблем.

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

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

Использование корректирующих слоев с обтравочными масками

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

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

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

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

Более того, вам не нужно иметь дело ни с выделением, ни с масками слоя!

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

В чем разница между обтравочной маской и обтравочной маской? Слой маски?

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

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

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

Маски слоя

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

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

Хотя каждый тип маски изменяет видимость слоя, маска слоя позволяет создать маску, уникальную для слоя.

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

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

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

Счастливая маскировка,

Брендан 🙂

Техника Photoshop Clipping Path для изображений недвижимости



Одним из требований индустрии недвижимости является способность фотографии быть творческой и находчивой.Быть креативным означает искать разные способы сделать что-то, а быть находчивым означает знать, где найти вышеупомянутые способы. Фотографы и редакторы недвижимости должны научиться работать с очень ограниченными ресурсами и контролировать изображения. Следовательно, творческий подход к постобработке откроет многие двери и поднимет потолок потенциала, особенно при работе с Adobe Photoshop.



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

Обтравочный контур в Adobe Photoshop — это инструмент, позволяющий выделить объект и изолировать его. После включения в путь остальная часть фотографии затем скрывается, а выбранный объект является единственным видимым объектом на фотографии. Обратите внимание, что термин «скрытый» используется вместо термина «выброшенный». Это потому, что все, что было скрыто за пределами пути, все еще может быть восстановлено. Это делает технику отсечения очень гибкой. Это дает ощущение восстановления изолированного изображения, когда все, что находится в его окружении, может быть легко отображено на холсте или слое простым нажатием и перетаскиванием кнопки.Обтравочные контуры изображений недвижимости очень полезны, особенно когда необходимо внести серьезные изменения и ретуши. Техника отсечения контуров — это процесс, который можно использовать снова и снова, особенно если есть очень тонкие движения, требующие предельной точности, которые невозможно довести до совершенства.

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

  1. Выберите инструмент «Перо» — для техники обтравочного контура требуется самый точный инструмент на палитре. Все, что больше, может привести к увеличению области выделения, из-за чего будет сложно отделить объект от фона. Для этой техники обтравочного контура Photoshop существует уровень допуска, который необходимо заполнить, и существует компромисс между значениями, которые необходимо выбрать. Если значение допуска выше, будет меньше точек касания, необходимых для создания замкнутого векторного пути, в то время как более низкое значение допуска создаст больше точек.Большее количество точек будет означать, что векторный путь можно приблизить к объекту, но точность будет скомпрометирована. Проверьте это и посмотрите, какой из них лучше всего подходит для вас.
  2. Нарисуйте путь – Это утомительная часть. Держите твердую руку, когда вы обходите объект по вашему выбору, нажимая на контрольные точки, чтобы закрепить путь. Если вы работаете за компьютером, твердая рука с твердой мышью поможет добиться желаемых результатов. Однако, если вам нужны точные результаты, то, возможно, планшет со стилусом станет вашим предпочтительным оружием.Пути обрезки изображений недвижимости потребуют определенной степени точности, поскольку они должны поддерживать связь с реалистичной перспективой для потенциального покупателя, поэтому последний вариант аппаратного обеспечения будет лучшим выбором.
  3. Сохранить закрытый векторный путь — перед сохранением изображения необходимо выполнить несколько последних шагов, но все они могут быть пропущены в зависимости от вашего выбора для их заполнения. После этого изображение готово для размещения на другом холсте.
  4. Настройка обтравочных контуров изображения недвижимости — Если по какой-либо причине возникает сбой, когда объект выглядит так, как будто он был взломан или вырезан в определенной области, перетаскивание опорных точек покажет остальную часть фотографии.Вот почему используется термин «скрытый», и это потому, что остальная часть фотографии все еще может быть доступна и отображаться в зависимости от доступности точки привязки. Таким образом, для техники обрезки контура в Photoshop полезно помнить, что чем больше опорных точек у вас есть, тем больше точек корректировки будет.

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

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

 

Соответствующие быстрые ссылки:

Как создать обтравочную маску в Photoshop 2021

При создании часто требуется наложить изображение на фон, чтобы придать ему большую глубину. Этого можно добиться в Photoshop, обрезав изображение на слое под ним.

Возникает вопрос: что, если мы хотим, чтобы фоновое изображение диктовало форму и обрезку изображения поверх него?

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

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

Что такое обтравочная маска?

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

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

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

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

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

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

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

Как создать обтравочную маску в Photoshop?

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

Шаг 1. Откройте файл образа

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

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

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

Шаг 3: Начните создавать путь отсечения

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

Шаг 4. Щелкните обтравочный контур от нижнего символа на панели инструментов контура, а затем примените растушевку

Нажмите на опцию пути из нижнего символа на панели инструментов пути и примените растушевку, перейдя в меню Select, выберите Modify » Feather . Задайте пикселям растушевки значение 0,3 на панели инструментов выделения растушевки.

Шаг 5. Скопируйте изображение, которое хотите поместить, и вставьте его на вкладку обтравочной маски

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

Шаг 6: Разместите его в нужном месте перед областью обтравочной маски

Шаг 7. Щелкните слой правой кнопкой мыши и выберите «Создать обтравочный контур»

Щелкните правой кнопкой мыши слой, который вы вставили, и выберите параметр « Создать обтравочный контур ».

Шаг 8: Готово с обтравочной маской

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

Разница между маской слоя и обтравочной маской

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

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

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

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

Маски слоя

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

Советы по использованию обтравочных масок

Прелесть обтравочных масок Photoshop в том, что вы по-прежнему можете полностью контролировать то, что делаете.

Вот несколько советов, которые помогут вам начать работу.

Перемещение материала внутри обтравочной маски.

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

Изменение размера содержимого в обтравочной маске

Мы можем использовать инструмент Free Transform, чтобы настроить размер фотографии, которую мы поместили в нашу рамку с помощью обтравочной маски. Затем выберите «Редактировать» и «Преобразовать». В качестве альтернативы используйте Command + T на Mac или Control + T на ПК (Windows).

Вы увидите синюю рамку вокруг фотографии, которую можно переместить, чтобы изменить размер внутри «рамки».

При изменении размера фотографии размеры останутся прежними.

Добавление дополнительной обтравочной маски

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

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

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

Однако этот корректирующий слой можно применить к слою «Прямоугольник» ниже.Затем повторите предыдущие шаги, щелкнув между нашим черно-белым корректирующим слоем и слоем ниже, удерживая Option (macOS) или Alt (Windows).

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

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

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

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

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

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

Попробуйте вырезать пчел бесплатно


Используйте Cut Out Bees, чтобы получить больше конверсий для вашего интернет-магазина с лучшими изображениями продуктов.

Редактирование фотографий продукта | обтравочный контур | Удаление фона | Создание тени | Невидимый манекен | вращение на 360 градусов | электронная коммерция Редактирование фотографий | Ретушь модели

Получить предложение

Блог Джулианны Кост | Обтравочные маски в Photoshop

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

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

Чтобы создать обтравочную маску, добавьте корректирующий слой, затем щелкните значок «Обтравочная маска» в нижней части панели «Свойства».Когда вы изменяете корректирующий слой, это влияет только на тот слой, к которому он «обрезан». Визуально вы будете знать, что слои обрезаны, потому что имя самого нижнего слоя будет подчеркнуто на панели «Слои», а обрезанный слой (слои) будет иметь отступ со стрелкой, указывающей вниз к базовому слою. Вы можете прикрепить более одного слоя к базовому слою, а также можете прикрепить слои к группам слоев!

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

Другим применением обтравочных масок является обрезка содержимого, например фотографии, по форме, например по типу. Для этого поместите текстовый слой под фотослой на панели «Слои», выберите текстовый слой (щелкнув его на панели «Слои») и выберите «Слой» > «Создать обтравочную маску».
Вы также можете создать обтравочную маску, используя следующие сочетания клавиш:
• Выберите слой, который нужно обрезать, и используйте Command + Opt + G (Mac) | Control + Alt + G (Win), чтобы создать обтравочную маску.
• На панели «Слои» удерживайте Option (Mac) | Alt (Win) и поместите курсор на линию, разделяющую два слоя на панели «Слои».Когда вы увидите, что значок переключается на стрелку, указывающую вниз, рядом с прямоугольником, щелкните, чтобы создать обтравочную маску.



Как создать обтравочный контур в Photoshop: простое руководство

Простое руководство по созданию обтравочного контура в Photoshop

В этой статье давайте обсудим, как создать обтравочный контур в Adobe Photoshop за 6 простых шагов.

Я также поделился кратким двухминутным видеоуроком, поэтому, если вы хотите сэкономить время на этом длинном посте, не стесняйтесь проверить его 🙂

Прежде чем мы начнем, давайте разберемся с обоими терминами — Photoshop и Clipping Path.

Что такое Adobe Photoshop?

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

 

Фотошоп известен многим. Например, «слои». Слой в Photoshop используется как стекло, наложенное друг на друга, для создания окончательного проекта. Он широко используется для редактирования изображений, ретуширования, создания композиций изображений, макетов веб-сайтов и добавления эффектов.

 

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

 

Что такое обтравочный контур?

Обтравочный контур — это фигура или замкнутый векторный контур, созданный с помощью программного обеспечения для редактирования фотографий, такого как Adobe Photoshop и Adobe Illustrator. Используя Pen Tool в Photoshop, вы можете вырезать объект в желаемой форме после применения обтравочного контура.После этого вы можете управлять фоном изображения по своему выбору.

 

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

Как создать обтравочный контур в Photoshop?

 

Шаг 1. Запустите Photoshop и загрузите изображение

Во-первых, запустите Adobe Photoshop и в меню «Файл» выберите «Открыть», чтобы загрузить изображение, которое вы хотите отредактировать.

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

 

2. Выберите инструмент «Перо» на главной панели инструментов

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

 

 

3. Начните рисовать точную форму вашего изображения

Следующий шаг — начать рисовать точную форму вашего рисунка.

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

4. Перейдите на панель слоев и сохраните путь

После рисования полного пути вокруг объекта перейдите на панель «Слой» и выберите вкладку «Путь».

Выберите Слой пути и щелкните значок в виде трех линий в правом верхнем углу панели и выберите Сохранить путь.

 

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

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

Убедитесь, что выбран ваш путь, и нажмите ОК.

5. Сохранить как Photoshop EPS из меню «Файл»

Перейдите в главное меню «Файл», выберите «Сохранить как».

После этого выберите Photoshop EPS в качестве типа файла.

 

6. Дважды щелкните Добавить маску слоя на панели слоев

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

 

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

Наконец, выберите Сохранить как , чтобы сохранить новый файл.

Вот как вы можете создать обтравочный контур в фотошопе за 6 простых шагов.

Если вы найдете эту статью и видео полезными, поделитесь ими в своих социальных сетях.

Кроме того, мы хотели бы услышать ваше мнение. Свяжитесь со мной в LinkedIn и поделитесь своими мыслями.

Кроме того, если вы ищете аутсорсинговые услуги Photoshop Clipping Path, зарегистрируйтесь у нас и начните работу с бесплатной пробной версии.

Следите за следующей статьей!

Блогер, графический дизайнер и менеджер по развитию бизнеса

Как использовать обтравочные маски в Photoshop

by Waseem Abbas, 20 декабря 2018 г.

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

Если у вас его еще нет, вы можете скачать Photoshop с сайта Adobe здесь.

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

Первое, что вам нужно сделать, это открыть новый файл в Photoshop. Вы можете сделать это, выбрав File » New и добавив новый квадратный документ того же размера.

Выберите инструмент «Прямоугольник» на панели инструментов в левой части экрана Photoshop.

Затем просто нажмите клавишу Shift на клавиатуре и нарисуйте квадрат.Установите цвет заливки на черный, а обводку на бесцветный.

Нажмите Ctrl + J , чтобы продублировать черный квадрат и сделать его сеткой 5×5. Вы должны убедиться, что промежутки между черными квадратами ровные.

Далее следует выделить все слои черных квадратов и нажать Ctrl+G , чтобы объединить их в единую группу. (Мы назвали группу «Квадраты» .)

Затем вам нужно открыть свое изображение в Photoshop и перетащить это изображение в созданный вами документ.

Нажмите Alt + Щелкните в середине группы квадратов и слоя с изображением, чтобы обрезать слой.

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

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

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

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

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

Используете WordPress и хотите получить Envira Gallery бесплатно?

Envira Gallery помогает фотографам всего за несколько кликов создавать красивые фото- и видеогалереи, чтобы они могли демонстрировать и продавать свои работы.

Полное руководство по созданию вырезок

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

Этот учебник TradeXCel Graphics поможет вам научиться создавать и применять обтравочный контур в Photoshop. Вы узнаете:

Введение

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

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

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

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

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

Выполнение этого процесса позволит вам создать отсечение пути в других программах редактирования, таких как Adobe Illustrator и InDesign .

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

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

Запуск с открытия программы

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

Просто следуйте указанным ниже шагам:

Действия

  • Дважды щелкните значок Adobe Photoshop, чтобы активировать программу
  • Нажмите Ctrl + O или CMD + O , чтобы открыть изображение для работы с

Использование инструмента «Перо» для обрезки фотографий

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

  • Выберите инструмент Adobe Pen в Photoshop в поле параметров слева. Либо удерживайте горячую клавишу [P] для работы с программным обеспечением.
  • Теперь начните рисовать линии выделения, осторожно кликая по изображению.
  • Убедитесь, что держитесь внутри края при создании обтравочного контура продукта. Делая это, вы не остановитесь с белым ореолом вокруг края вашего выреза позже.

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

Чтобы избежать неудобств, просто следуйте этим инструкциям:

Рис.: Выбор инструмента «Перо».Рис.: Выбор обтравочного контура
  • Выберите из подменю выбора
  • Найдите значок Path Operation в верхнем меню.
  • Выберите «Исключить перекрывающиеся фигуры» в раскрывающемся меню.
Рисунок: Исключить перекрывающиеся фигуры

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

Создание и применение обтравочного контура

Существует также Path Layers в дополнение к Pen Tool . Теперь будьте уверены в одном: вы будете работать над слоем вместо фонового слоя , означает рабочий путь . Теперь создайте путь, а затем примените его.

Необходимые шаги
  • Нажмите Alt (в Windows) или Option (в Mac)

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

Рисунок: Создайте путь и затем примените
  • Перейдите на панель Путь. Сохраните его, дважды щелкнув рабочий путь.
  • Переименуйте этот путь как «контур пути» или как вам угодно. Это помогает вставить путь в объект, чтобы его можно было поместить в рабочую программу.
Рисунок: Двойной щелчок для переименования

Удаление фона

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

Необходимые шаги
  • Перейти в верхний раздел подменю.
  • Теперь выберите параметр маски.

Добавить векторную маску слоя

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

  • Дважды щелкните Добавить маску слоя
  • нажмите OK , чтобы удалить фон.
  • Выберите изображение, а затем Сохранить файл в формате PSD или JPEG или TIFF .

Поздравляем! Готово.

Завершение этого урока

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

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

Подпишитесь на наш канал на YouTube, если ваш ответ ДА. Мы отправим вам уведомление, как только наши новые видео будут выпущены. Пожалуйста, нажмите здесь, чтобы поставить лайк нашей странице на Facebook. Вы можете следить за нами в твиттере. Нажмите на ссылку, чтобы найти нас в Instagram и Pinterest.

НЕКОТОРЫЕ ОСНОВЫ ОБРЕЗАНИЯ ПУТИ

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

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

  1. Что такое обтравочный контур в Photoshop?
  2. Краткий обзор обтравочного контура Photoshop
  3. Для чего нужен обтравочный контур?
  4. Где его использовать?
  5. Кто предлагает услуги клиппинга?
  6. Почему графика TradeXcel?
  7. Наконец-то!

Прочтите руководство TradeXcel Graphic , чтобы узнать об основах обрезки контуров.

Что такое обтравочный контур в Photoshop?

Вам может быть интересно, что такое обтравочный контур в Photoshop?

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

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

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

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

Обтравочный контур Photoshop вкратце

Обтравочный контур или обтравочное изображение — это закрытый векторный контур, который также известен как вырезание фотографии или глубокое травление. Этот процесс используется для вырезания 2D-изображения в программном обеспечении для редактирования изображений, таком как Adobe Photoshop или Illustrator.

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

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

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

Для чего нужен обтравочный контур?

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

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

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

Где его использовать?

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

Вы можете найти это эффективным для дизайна журналов, разработки макетов брошюр или книг, веб-дизайна, листовок и т. д.

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

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

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

Кто предлагает услуги клиппинга?

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

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

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

Почему графика TradeXcel?

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

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

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

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

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

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

Наконец-то!

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

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

alexxlab

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

Ваш адрес email не будет опубликован.