Как обтравить картинку в фотошопе

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

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

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

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

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

Обтравка

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

Вступайте в клуб начинающих дизайнеров и получайте подарки

Содержание

1. Почему обтравка так называется?
2. Для чего используют обтравку в графическом дизайне
3. Как выполнять обтравку в Adobe Photoshop

Почему обтравка так называется?

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

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

ИСКРА —
неделя знакомства с дизайн-профессиями

Выберите дизайн-профессию, которая нужна в IT.

разжечь искру

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

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

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

Как выполнять обтравку в Adobe Photoshop

Способ 1. С помощью простого вырезания объекта

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

Затем применяем функцию «Скопировать на новый слой» и получаем машину без фона.

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

Способ 2. С помощью слоя-маски

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

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

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

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

Способ 3. С помощью обтравочной маски

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

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

Готово: фото машины обрезалось по форме сердца.

ИСКРА —
неделя знакомства
с дизайн-профессиями

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

разжечь искру

Другие термины на букву «О»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Комментарии

-1 # Элина 20.02.2016 17:22

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

-1 # Галина 08.03.2016 21:37

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

-1 # Галина 08.03.2016 21:53

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

0 # Tim 20.02.2016 16:52

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

-1 # Галина 08.03.2016 21:15

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

Мария Нечаева Обтравка в фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ремув-бг

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

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

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

Написала и задизайнила Мария Нечаева. Редактировал Вячеслав Лазарев. Вычитала Лена Кулачикова

Не пропустите. Новые выпуски в нашем :