Обтравка в фотографии, ретуши, дизайне и диджитал-арте — это когда на изображении выделяют значимую часть или части, и всё остальное убирают. Удалить фон в Фотошопе — обтравка, вырезать картинку и переставить на другой файл — тоже.
Рассказываем, как выделить часть картинки, то есть создать обтравочный контур, он же путь в Фотошопе инструментом Перо. А также делимся историей термина.
Что такое обтравка
Изначально обтравка или травление — это технический термин. Он означает способы, которыми с материала или изделия удаляют часть слоя. Для этого используют химические вещества, растворы, распылители.
Обтравка применяется в металлургии, металлографии, изобразительном искусстве, когда нужно сделать рисунок рельефным на определённом материале, фотолитографии, которая нужна в микроэлектронике, для создания плат.
Травление — контролируемый процесс. Мастер точно знает, что сотрётся, а что останется. Для этого части, что надо сохранить, защищают. Наносят специальные растворы или просто прикрывают механически, накладывая на защищаемую часть маску нужной формы.
Все, кто знаком с Фотошопом хотя бы базово, должны встрепенуться — слой, маска. Инструменты в редактуре фотографий, которые являются основой всего процесса. Это термины, которые перекочевали из технической реальности в гуманитарную плоскость ретуши. Обтравка — в их числе.
Читайте также:
Подробный гайд по слоям в Photoshop: что это, зачем нужны, как пользоваться
Когда в графических редакторах смогли вырезать часть картинки из всего изображения, никто не стал выдумывать новый термин. Взяли тот, что подразумевает похожий процесс в реальном, физическом мире.
Где нужна обтравка
— Для создания печатных изделий. Например, чтобы сделать листовки, визитки, упаковку товара, повесить баннер или приклеить рекламу в вагоне метро.
— Создание карточек для маркетплейсов. Объекты обтравливают, ставят на другой фон, добавляют текст.
— Съёмка одежды для каталога на белом фоне для интернет-магазинов и сайтов.
— Фуд-фотография.
— Баннеры и картинки в интернет-рекламе, на сайтах, в соцсетях.
— Создание обложек для Youtube.
— Предметная съёмка.
— Продвижение в соцсетях, SMM. Полистайте сайты для поиска работы — часто встречаются вакансии для SMM-специалистов, которые должны уметь владеть Фотошопом, фотографировать, снимать и монтировать видео. Банально вырезать пиццу с фотобанка, поставить её на другой фон и написать «скидка 500 рублей» — это тоже реклама, которую не сделать без обтравки.
Как сделать обтравку в Фотошопе
В Фотошопе много способов вырезать объект. Например, стереть всё лишнее вокруг объекта с помощью маски. Ниже — способ, исключающий рисование на графическом планшете или мышью вручную.
Как обтравить контур в Фотошопе
Обтравка Пером в Фотошопе — подойдёт для объектов простых форм, без мелких деталей. И обязательно без пышных развевающихся волос, кудрей и шерсти. Вернее, с ними тоже можно, но получится топорно, придётся дорисовывать причёску или ворс на шубе вручную. Но не расстраивайтесь, таких объектов много — бытовая техника и электроника, мебель, еда, косметика, одежда, обувь, автомобили, здания.
1. Откройте снимок в Фотошопе.
2. На панели справа найдите инструмент Перо / Pen Tool или нажмите горячую клавишу P. Ищите иконку в виде пишущей части перьевой ручки.
3. Левой кнопкой мыши кликните по границе объекта. У вас появится синяя точка. Это начало кривой Безье.
Справка: кривая Безье — это тип контура, который всегд непрерывен и плавен, сколько его ни приближай. Термин пришёл из автомобилестроения — в 1959 её открыл Поль де Кастельжо из Citroën, который держал её в тайне, а в 1962 — Пьер Безье из Renault, который представил Кривые обществу.
Кривые Безье перекочевали в компьютерную графику, стали инструментом для создания векторных изображений с идеально гладкими линиями. Например, логотипов. В 2d графических редакторах их называют Пути / Path и в Фотошопе создают с помощью инструмента Перо / Pen Tool, а в 3D-графике их называют «сплайны».
4. Поставьте вторую точку, следуя по контуру.
5. Между 2-й и 3-й точкой мы сделали плавный контур.
Чтобы его сделать:
- кликните по контуру пути левой кнопкой мыши;
- не отпуская её, потяните мышь в сторону;
- из последней точки появятся так называемые «усы», которые в профессиональном мире называются «промежуточные точки»;
- качая «усы Безье» из стороны в сторону, вы заметите, что предыдущий отрезок пути начнёт плавно изгибаться. Ваша задача, чтобы отрезок между точками повторил контур объекта (в данном случае чашки);
- когда контур получилось повторить, отпустите левую кнопку мыши.
6. Ставьте следующие точки, повторяя пункты 4 и 5, пока не замкнёте контур пути.
Что делать дальше с обтравочным контуром, а также как улучшить его качество — ниже.
Как аккуратно обтравить объект в Фотошопе
Несколько хитростей на случай, если контур не получается сделать идеальным и хочется сделать Путь ровнее.
Что делать, если отрезок не пустить по контуру объекта
- Подвигайте точки между проблемным отрезком. Для этого:
- зажмите левый Alt;
- наведите мышью на точку;
- зажмите точку левой кнопкой мыши;
- передвиньте точку, чтобы контур стал ровнее.
Важно: двигать можно не точки между отрезками, но и направляющие, то есть «усы».
2. На очереди — резкий поворот по контуру кружки вверх.
Чтобы сделать резкий поворот, «ус» нужно сломать и направить по направлению контура.
Для идеального результата можно чередовать пункт 1 и 2 — ломать направляющие у любой точки, передвигать сами точки.
Как обвести обтравочный контур
Кликните правой кнопкой мыши. В открывшемся меню выберите Обводка / Stroke Path. Выберите инструмент, которым будете обводить. Например, кисть.
Как вырезать объект по обтравочному контуру
Наверху найдите кнопку Выделение / Selection. Поставьте Радиус Растушёвки / Feather Path — 1 px. Нажмите ОК. Вы увидите «бегущих муравьев» — динамично переливающийся чёрно-белый контур. Так выглядит выделение объекта в Фотошопе.
В палитре Слои / Layers нажмите на чёрный прямоугольник с белым кругом в центре.
Готово! У фотографии пропадёт фон, останется только объект, обтравленный по контуру.
Читайте также:
Зачем нужны маски в Photoshop и как ими пользоваться
