Нажмите "Enter" для пропуска содержимого

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

Содержание

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

Одним из наиболее часто используемых и востребованных приёмов постобработки в коммерческой и рекламной фотографии является обтравка изображений в 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.

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

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

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

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

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

Мария Нечаева. Обтравка в фотошопе — Кто студент

Почему тебе стоит верить?

Я дизайнер. Окончила Школу дизайнеров и сделала 23 обложки для журнала «Кто студент».

Как вырезать людей из фотографий?

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

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

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

W — хоткей
на быстрое выделение

Выделяю модель быстрым выделением

Теперь идём в настройки слой-маски. Там есть фильтры и кисти: они помогут подогнать волосы к фону и убрать неровности. Какого-то универсального рецепта для ползунков и кистей нет — всё подгоняется индивидуально, но это не сложно. Чтобы разобраться во всём, советую попробовать инструменты самостоятельно.

Кручу настройки слой-маски, чтобы обтравка модели была естественной

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

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

Ctrl/⌘ + L
Открыть уровни

Кручу уровни в контрастном канале

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

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

Выделяю себя с помощью каналов

Замена фона при помощи режимов наложения. Способ работает только с контрастным фоном: брюнетка на светлом фоне или блондинка на тёмном. Фон вокруг волос не удаляется полностью, а накладывается на новый цвет.

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

Интервью с Еленой

Процесс работы над обложкой для интервью с Леной

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

Ctrl/⌘ + Alt + G
Создать клип-маску

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

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

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

Спасибо за наводку Андрею Пулину из Школы дизайнеров (:

Убираю фон фотографии через наложение

А если у человека сложные волосы?

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

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

Интервью с Алисой

Процесс работы над обложкой для интервью с Алисой

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

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

Чтобы дорисовывать волосы было удобнее, рекомендую скачать готовые кисти и установить их.

Дорисовываю волосы. Если будете делать обложки для «Кто студента», вам придётся делать это очень часто

А как быть, если фон неоднородный и неконтрастный?

На сложном фоне человека лучше выделить с помощью Pen Tool или Lasso. Но вам в любом случае придётся дорисовывать волосы. Если просто выделить модель, в волосах останутся кусочки фона.

Как вырезать предмет из фотографии?

Так же, как и людей. Разницы абсолютно никакой нет.

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

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

Если не получилось выделить предмет чётко, подровняйте вручную через слой-маску. Если нужно вырезать геометрическую фигуру, то подойдёт Marquee tool и Polygonal Lasso.

L
Лассо

Результат автоматического выделения

Что делать с фотками, сделанными на айфон?

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

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

Да, такие есть. Мы в «Кто студенте» в мае начали пользоваться «Ремув-бг» — иногда она вырезает людей довольно точно. Но со сложной моделью робот не справится, поэтому иногда приходится доделывать работу самой. Например, для интервью с Сергеем Чикиным я за нейросетью доделывала часть уха и дорисовывала бороду.

Ремув-бг

Фотография Сергея Чикина после «Ремув-бг» (слева) и доделанная мной (справа). Обратите внимание на бороду и серьгу

На чём посоветуешь тренироваться?

На чём угодно — на своих фотографиях или на фотографиях друзей. Можно ещё пойти делать обложки для «Кто студента» (:

Ещё можно поискать фотографии на бесплатных фотостоках: Ансплеш, Пиксельс, Бёрст.

Или скачивайте фотографии из моей подборки для тренировки.

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

Обтравка (выделение/вырезание) волос вероятно один из самых сложных процессов при работе в 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]

Обтравка

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



Виктория

Дарина


Обтравка

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

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

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

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

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

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

  • 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 — записываются в экшен — это существенно уменьшает время обтравки файла. Что бы обтравить этот файл этим приемом с полупрозрачной тенью мне понадобилось меньше минуты.

Обтравка фотографий под заказ . Ассоциация Ретушеров Украины

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

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

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

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

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


Обтравочных масок в Photoshop — Основы Photoshop

Автор Стив Паттерсон.

В этом уроке я покажу вам, как использовать обтравочные маски в Photoshop, чтобы отображать и скрывать различные части слоя и помещать изображения в формы! Мы изучим основы создания обтравочных масок и рассмотрим их идею более подробно, чтобы к концу этого урока у вас было четкое представление о том, как работают обтравочные маски. Я буду использовать Photoshop CC, но все полностью совместимо с Photoshop CS6 и более ранними версиями.Давайте начнем!

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

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

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

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

Загрузите это руководство в виде готового к печати PDF-файла!

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

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

Исходное изображение. Фото: Adobe Stock.

Маска

Слой и Обрезанный слой

Если мы посмотрим на панель «Слои», мы увидим фотографию на фоновом слое, который в настоящее время является единственным слоем в документе:

Панель «Слои», отображающая фотографию на фоновом слое.

Нам нужно , два слоя , чтобы создать обтравочную маску, один будет служить маской, а другой будет обрезан к маске, поэтому давайте добавим второй слой. Мы добавим новый слой под изображением. Сначала разблокируйте фоновый слой. В Photoshop CC щелкните значок замка , чтобы разблокировать его. В Photoshop CS6 или более ранней версии нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и дважды щелкните фоновый слой:

Разблокировка фонового слоя.

Это разблокирует фоновый слой и переименовывает его в «Слой 0»:

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

Затем, чтобы добавить новый слой под изображением, нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре и щелкните значок Добавить новый слой :

Добавление нового слоя под изображением.

Новый слой с именем «Слой 1» появляется под фотографией, и теперь у нас есть два слоя в документе.Мы превратим нижний слой в маску, а изображение над ним будет обрезано по маске:

Добавлен второй слой, необходимый для обтравочной маски.

Общие сведения об обтравочных масках: контент и прозрачность

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

Щелкните значок видимости, чтобы скрыть фотографию.

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

Рисунок шахматной доски означает, что нижний слой прозрачный.

Включите верхний слой, снова щелкнув его значок видимости:

Щелчок по тому же значку видимости.

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

Верхний уровень содержит фактическое содержимое.

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

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

Шаг 1. Выберите слой, который будет обрезан

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

Выбор верхнего слоя.

Шаг 2. Выберите «Создать обтравочную маску»

Чтобы создать обтравочную маску, перейдите в меню Layer в строке меню и выберите Create Clipping Mask :

Перейдите в Layer> Create Clipping Mask.

Вот и все! После создания маски слоя на панели «Слои» теперь отображается верхний слой («Слой 0») с отступом вправо и маленькой стрелкой, указывающей вниз на «Слой 1» под ним.Вот как Photoshop сообщает нам, что верхний слой теперь обрезан ниже слоя:

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

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

Если на маскирующем слое нет содержимого, изображение на обрезанном слое скрыто.

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

Это было не очень интересно, поэтому отпустите обтравочную маску, перейдя в меню Layer и выбрав Release Clipping Mask :

Переход к слою> Освободить обтравочную маску.

На панели «Слои» верхний слой больше не имеет отступа вправо, что означает, что он больше не привязан к нижнему слою:

Маска слоя была освобождена.

И в документе мы снова видим наше изображение:

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

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

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

Щелкнув значок видимости верхнего слоя.

Затем щелкните нижний слой, чтобы сделать его активным:

Выбор нижнего слоя.

Для добавления содержимого нарисуем простую фигуру. Выберите инструмент Elliptical Marquee Tool на панели инструментов, щелкнув правой кнопкой мыши (Win) / Control-щелкнув (Mac) на инструменте Rectangular Marquee Tool и выбрав инструмент Elliptical Marquee Tool из всплывающего меню:

Выбор инструмента Elliptical Marquee Tool.

Щелкните и растяните эллиптический контур выделения в центре документа:

Рисование выделения с помощью инструмента Elliptical Marquee Tool.

Перейдите в меню Edit в строке меню и выберите Fill :

Идем в меню «Правка»> «Заливка».

В диалоговом окне «Заливка» установите для параметра «Содержимое » значение черный , а затем нажмите «ОК»:

Диалоговое окно «Заливка».

Photoshop заполняет выделение черным. Чтобы удалить контур выделения вокруг формы, перейдите в меню Select и выберите Deselect :

Собираюсь Выбрать> Отменить выбор.

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

Нижний слой теперь содержит и содержимое, и прозрачность.

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

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

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

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

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

Вернитесь в меню Layer и еще раз выберите Create Clipping Mask :

Снова перейдите к Layer> Create Clipping Mask.

На панели «Слои» мы видим верхний слой, обрезанный до слоя под ним, как и в прошлый раз:

Панель «Слои» снова показывает обтравочную маску.

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

Содержимое нижнего слоя сохраняет часть верхнего слоя видимой.

Перемещение содержимого внутри обтравочной маски

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

Выбор инструмента «Перемещение».

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

Обтравочная маска после центрирования фотографии внутри формы.

Загрузите это руководство в виде готового к печати PDF-файла!

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

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

Размещение фотографии в рамке с помощью обтравочных масок

Здесь у меня есть документ, содержащий два изображения, каждое на отдельном слое. Фотография на нижнем слое содержит рамку:

Изображение на нижнем слое. Фото: Adobe Stock.

И если я включу верхний слой, щелкнув его значок видимости:

Включаем верхний слой.

Видим фото, которое я хочу поместить в рамку:

Изображение на верхнем слое. Фото: Adobe Stock.

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

Скрытие верхнего слоя и выбор нижнего слоя.

Рисование или выбор формы

Я упоминал, что обтравочные маски работают лучше всего, когда ваше изображение должно вписаться в форму. В данном случае форма — это область внутри рамки. Поскольку область залита сплошным черным цветом, я выберу ее с помощью инструмента Photoshop Magic Wand Tool:

.

Выбор инструмента «Волшебная палочка» на панели инструментов.

Я щелкну инструментом Magic Wand Tool внутри рамки, и теперь выделена область:

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

Затем я скопирую выделенную область на новый слой, перейдя в меню Layer в строке меню, выбрав New , а затем выбрав Layer через Copy :

Переходим в Layer> New> Layer via Copy.

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

.

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

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

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

Выбор и включение верхнего слоя.

Мы видели, что можем создать обтравочную маску, выбрав «Создать обтравочную маску» в меню «Слой». Но более быстрый способ — нажать и удерживать клавишу Alt (Win) / Option (Mac) на клавиатуре при наведении курсора мыши между двумя слоями.Курсор изменится на значок обтравочной маски :

Появится значок обтравочной маски.

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

Изображение теперь обрезано до «Слоя 1» под ним.

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

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

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

Наконец, мы увидели, что можем перемещать контент внутри обтравочной маски с помощью инструмента «Перемещение». Но мы также можем изменить размер содержимого в обтравочной маске так же легко, используя команду Photoshop Free Transform. На данный момент моя фотография слишком велика для рамки, поэтому я изменю ее размер, перейдя в меню Edit и выбрав Free Transform :

Идем в Edit> Free Transform.

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

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

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

Изменение размера фотографии внутри обтравочной маски.

Чтобы принять его, я нажимаю Enter (Win) / Return (Mac) на моей клавиатуре, чтобы выйти из Free Transform. И теперь, благодаря силе обтравочных масок, фотография отлично вписывается в рамку:

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

И вот оно! Вот как работают обтравочные маски в Photoshop и как использовать обтравочную маску для отображения и скрытия различных частей слоя! Посетите наш раздел «Основы Photoshop», чтобы получить больше уроков по Photoshop!

Руководство по обтравочной маске Photoshop + 5 основных советов

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

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

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

Если это просто прямоугольник, не так сложно изменить размер фотографии и расположить ее сверху.

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

Давайте подробнее рассмотрим обтравочную маску в Photoshop.

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

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

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

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

Рассмотрим изображение «ПЕРЕД», взятое из Photoshop. Изображение состоит из одного слоя, часть которого является текстом, а остальная часть пуста от содержимого — поэтому прозрачна.

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

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

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

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

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

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

Когда добавляется обтравочная маска, т. Е. Когда верхний слой «применяется» к нижнему слою, изображение пламени исчезает, за исключением того места, где есть содержимое, т. Е. Текста «ПЛАМЯ» — в нижнем слое. — см. Изображение ПОСЛЕ.

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

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

А вот панель слоев после была добавлена ​​обтравочная маска:

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1. Настройте документ

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

Шаг 2: Создайте новый слой и добавьте форму

Затем я создал новый слой, нажав Shift + Command + N (macOS) или Shift + Control + N (Windows).Вы также можете щелкнуть значок «Создать новый слой» на вкладке «Слои».

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

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

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

Шаг 3: Создайте третий слой и добавьте свое изображение

Затем я создал еще один новый слой (не забудьте этот шаг!), Прежде чем перетащить на него одну из моих фотографий из Finder (macOS) или Проводник (Windows). Вам нужно нажать Enter, чтобы поставить его на место. Это слой, который будет обрезан.

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

Выше я нарисовал фигуру: «Прямоугольник 1».

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

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

Шаг 4: Создайте свою обтравочную маску

Я выбрал верхний слой на панели слоев и в меню выбрал «Слой» и «Создать обтравочную маску».«В качестве альтернативы мы могли бы использовать сочетание клавиш: Command + Option + G (macOS) или Control + Alt + G (Windows).

Есть еще способ. Убедитесь, что выбран самый верхний слой, затем, удерживая клавишу Option (macOS) или Alt (Windows), наведите указатель мыши на разделение между активным слоем и слоем ниже. Мышь превратится в маленькую белую рамку со стрелкой рядом с ней.

При нажатии создается обтравочная маска.

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

5 основных советов по обтравочной маске

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

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

1. Как переместить контент в обтравочной маске

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

2. Как изменить размер содержимого в обтравочной маске

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

Или нажмите Command + T (macOS) или Control + T (Windows).

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

Фотография сохранит свои пропорции при изменении размера.

(Связано: как изменить размер изображения без потери качества)

3. Как преобразовать контент дальше с помощью обтравочной маски

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

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

4. Как добавить больше обтравочных масок

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

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

Для этого создайте новый корректирующий слой и выберите «Черно-белый…».

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

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

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

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

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

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

5. Как удалить обтравочную маску

Если в какой-то момент вам понадобится отменить созданную вами обтравочную маску — возможно, вы обрезали не тот слой — процесс очень прост. Просто нажмите «Слой» и «Освободить обтравочную маску».

Или вы можете удерживать Option (macOS) или Alt (Windows) и навести курсор между обрезанным слоем и слоем выше:

Часто задаваемые вопросы об обтравочной маске Photoshop

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

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

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

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

Что такое горячая клавиша обтравочной маски в Adobe Photoshop?

Ярлык для создания обтравочной маски: Command + Option + G (macOS) или Control + Alt + G (Windows). Либо, удерживая Option (macOS) или Alt (Windows), наведите указатель мыши на два верхних слоя на панели «Слои». Когда появится стрелка вниз, щелкните, чтобы применить маску.

Почему я не могу создать обтравочную маску?

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

Заключительные слова

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

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

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

Если у вас есть комментарии или вопросы, обязательно оставьте комментарий ниже!

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

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

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

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

Следуя инструкциям, изложенным в этом руководстве, вы сможете создавать обтравочные маски как профессионал!

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

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

Итак, приступим к нашему руководству. Во-первых, давайте посмотрим, что такое обтравочные маски.

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

Обтравочные маски состоят из группы слоев…. К этим слоям применяется маска.

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

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

Для создания обтравочной маски требуется минимум два слоя. Изображение размещается в самом нижнем слое.

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

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

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

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

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

Photoshop предоставляет функцию «Создать обтравочную маску» на панели слоев. Щелчок по этой опции преобразует любой слой в обтравочную маску для слоя, помещенного под ним.

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

Посмотрите этот ВИДЕО-учебник —

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

Шаг 1. Откройте изображение

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

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

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

Шаг 2: Создайте новый слой

Чтобы создать обтравочную маску в Photoshop, необходимо иметь несколько слоев. Как только изображение окажется на слое 0, создайте новый слой Layer 1 .

Вы можете использовать значок «Новый слой» в нижней части панели «Слой». Перетащите этот новый слой ниже слоя 0. Изображение должно быть на самом верхнем слое.

Шаг 3: Сделайте выбор:

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

Ваш выбор определяет размер и форму обтравочной маски. Здесь мы собираемся использовать инструмент Rectangular Marquee Tool.

Шаг 4: Заполните выделение:

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

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

Перейдите в Меню редактирования .Выберите Заливка. И залейте слой любым цветом или дизайном по вашему выбору.

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

Шаг 5: Отмените выбор

После того, как вы заполнили выбранную область, вы можете отменить выбор слоя. Щелкните меню «Выбрать» и выберите «Отменить выбор».

Шаг 6: Обтравочная маска

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

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

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

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

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

Шаг 7: Переместите

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

Выбрав Layer 0 , используйте инструмент «Перемещение», чтобы изменить положение изображения внутри маски.

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

Как использовать обтравочную маску в фотошопе?

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

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

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

Макеты изображений:

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

Процесс аналогичен описанному выше. Вот как это можно сделать;

  • 1-й шаг: откройте изображение в Photoshop.
  • 2-й шаг: Создайте новый слой Layer 1 под слоем изображения.
  • 3-й шаг: выберите область на слое 1 и залейте ее любым цветом.
  • 4-й шаг: Поместите фоновое изображение на слой 2 под двумя слоями.
  • 5-й шаг: выберите слой 0, перейдите в меню «Слой» и нажмите «Создать обтравочную маску».
  • 6-й шаг: перемещайте изображение внутри выделения, пока не получите удовлетворительный результат.

Ниже приведены некоторые способы сделать свои обтравочные маски еще более совершенными.

1. Выделение с помощью инструмента «Магнитное лассо»

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

Перейдите к Layer 1 на панели Layer, пока видимость Layer 0 включена, чтобы вы могли видеть свое изображение.

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

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

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

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

2. Создание масок с помощью инструментов формы

Вы также можете использовать инструмент «Форма» для создания маски вместо инструментов выделения.Photoshop предоставляет множество пользовательских форм, или вы можете создавать свои проекты с помощью Pen Tool.

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

Вы можете еще больше улучшить свою обтравочную маску Photoshop, настроив стили обводки в меню Правка и выбрав Обводка .

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

3. Типографика с обтравочной маской Photoshop

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

Вот как можно использовать обтравочные маски для типографики в Photoshop;

  • 1-й шаг: откройте изображение в Photoshop.
  • 2-й шаг: напишите текст и поместите текстовый слой под слоем изображения.
  • 3-й шаг: Преобразуйте слой изображения в обтравочную маску, выбрав «Слой-> Создать обтравочную маску».
  • 4-й шаг: настройте свой дизайн, добавьте фоновый слой и используйте его по своему усмотрению.

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

Заключение

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

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

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

Что такое обтравочные маски

Инструмент «Обтравочная маска»

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

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

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

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

Что делает обтравочная маска, чего не могут аналогичные инструменты?

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

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

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

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

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

Обтравочные маски Photoshop — все, что вам нужно знать

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

Что такое обтравочные маски

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

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

Начните с рисования круга на новом документе:

Затем добавьте любое изображение поверх слоя с кругом (я добавил этот космический корабль):

Это порядок слоев:

Затем щелкните правой кнопкой мыши «слой 2», выберите «Создать обтравочную маску»:

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

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

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

Объединить обтравочную маску и режим наложения слоев

Теперь вы понимаете, как настроить обтравочную маску, у вас может возникнуть вопрос: «Могу ли я применить некоторые режимы наложения слоев к обтравочной маске»? Ответ — ДА.

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

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

Я установил режим наложения на «оверлей», и вот результат:

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

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

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

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

И конечный результат — эффект рок-текста:

Мы также можем применить режим наложения слоя к обтравочной маске, и это сделает наш текст стильным и уникальным.Вперед и экспериментируйте! У меня есть удобный учебник, с которым вы можете попрактиковаться:

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

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

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

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

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

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

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

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

До следующего раза, хорошего дня!

Создание группы обрезки в Photoshop Elements

Создание группы обрезки в Photoshop Elements: обзор

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

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

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

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

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

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

Чтобы отменить группу обрезки, освободив верхние слои от нижнего слоя, выберите слой непосредственно над самым нижним слоем в группе обрезки. Затем выберите «Слой | Освободить обтравочную маску »в строке меню.Это растворяет всю группу отсечения, созданную слоями на панели «Слои».

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

Создание группы обрезки в Photoshop Elements: инструкции

  1. Чтобы создать группу обрезки в Photoshop Elements , разместите слои в желаемом порядке с помощью панели «Слои».
  2. Одновременно можно создать группу отсечения только между двумя соседними слоями.
  3. Чтобы создать группу отсечения между двумя соседними слоями , выберите верхний слой в группе на панели «Слои».
  4. Выберите «Слой | Создать обтравочную маску »в строке меню, чтобы создать обтравочную группу между выбранным слоем и слоем под ним.
  5. Чтобы добавить больше слоев в группу отсечения , выберите либо слой над текущей группой отсечения, либо нижний слой существующей группы отсечения.
  6. Затем выберите «Слой | Создать обтравочную маску »на панели меню снова, чтобы добавить слой выше или ниже обтравочной группы.
  7. Помните, что содержимое самого нижнего слоя действует как обтравочная маска для всех слоев над ним. Убедитесь, что этот слой является самым нижним слоем в группе!
  8. Чтобы отменить группу отсечения, освободив верхние слои от нижнего слоя , выберите слой непосредственно над самым нижним слоем в группе отсечения.
  9. Затем выберите «Слой | Освободить обтравочную маску »в строке меню.
  10. Чтобы удалить только самый верхний слой в многослойной группе отсечения, вместо выберите самый верхний слой в группе отсечения.
  11. Затем выберите «Слой | Освободить обтравочную маску »в строке меню.
  12. После выбора этой команды все слои выше, включая выбранный слой, освобождаются из группы отсечения.

Создание группы обрезки в Photoshop Elements: видеоурок

В следующем видеоуроке под названием «Создание групп обрезки» показано, как создать группу обрезки в Photoshop Elements.Этот видеоурок взят из нашего полного руководства по Photoshop Elements под названием «Освоение Photoshop Elements Made Easy v.2020».

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

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

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

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

Приступим!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Самый простой способ увидеть это в действии — обрезать изображение по кругу. Я начну с выбора инструмента Ellipse Tool и создам форму круга.

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

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

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

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

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

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

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

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

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

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

Еще лучше, вам не придется иметь дело ни с какими выделениями или масками слоев!

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

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

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

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

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

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

Станьте первым комментатором

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

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