Как обрезать по контуру в фотошопе: 6 способов и 10 примеров с фото

Узнаем как обрезать изображение в Фотошопе? Советы и рекомендации

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

Как обрезать изображение в «Фотошопе» по контуру

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

Узнаем как вырезать картинку из картинки. Узнаем как…

В статье рассказывается о нескольких способах того, как вырезать картинку в «Фотошопе»….

Инструмент «Рамка»

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

Узнаем как на компьютере обрезать фото: полезные советы…

Редактирование фото часто требует образки изображения. Справиться с подобной задачей можно как…

Выделение областей

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

• Выделение четкими геометрическими объектами (прямоугольное и овальное). Работа с такими инструментами происходит следующим образом. Сначала выделяется область, затем применяются горячие клавиши для работы (Delete — удаляет выделенную область; Ctrl + C и Ctrl + V — для создания нового слоя с выделенным объектом). Ненужный слой можно удалить в меню управления слоями.
• Выделение при помощи лассо (лассо, прямоугольное лассо, магнитное лассо). Формирование области происходит при помощи курсора. При зажатой ЛКМ необходимо выделить область, а затем отпустить ЛКМ. Выделится ограниченная ранее курсором область, которую можно редактировать так же, как и в описанном случае выше.

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

Инструмент «Перо»

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

Как обрезать края в photoshop. Как обрезать края в Photoshop Как обрезать края в фотошопе

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

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

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

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

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

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

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

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

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

Только в этом случае кнопка, вызывающая функцию, станет доступной.

Нажимаем…

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

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

«Сглаживание»

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

«Растушевка» создает градиентную границу по контуру объекта. Градиент создается от прозрачного к непрозрачному. Чем выше значение, тем шире граница.

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

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

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

Выбираем вывод в выделение и нажимаем ОК .

Выделение убираем комбинацией CTRL+D .

Ка видим, все очень сильно «сгладилось».

Несколько моментов в работе с инструментом.

Размер растушевки при работе с людьми не должен быть слишком большим. В зависимости от размера изображения 1-5 пикселей.

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

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

Я бы выставил (в данном случае) такие значения:

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

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

Для обрезки изображения в программе Photoshop есть специальный инструмент под названием Crop Tool (Рамка или Кадрирование).

Есть также команда Crop.

Иногда нужно просто вырезать какую-то часть изображения, не учитывая размеры. В других случаях необходимо получить картинку определенного размера или пропорций (например: 10х15 см, 600х400 пикселей или в соотношении сторон 3х4).

Простая обрезка

Когда нужно обрезать края фотографии и при этом совершенно не важно, какой формат получится в итоге, применяют инструмент Crop Tool (Рамка или Кадрирование в русской версии).

Откройте исходную фотографию в программе Photoshop.

Выберите на панели инструментов Crop Tool (Рамка или Кадрирование) и выделите область, которую нужно оставить. Все ненужное станет затемненным, степень этого затемнения можно отрегулировать на панели свойств инструмента (под верхним меню).

Маркеры кадрирования и всю область в целом можно передвигать до получения удовлетворительного результата. Чтобы завершить операцию обрезки нажмите Enter на клавиатуре или кликните на галочке в панели свойств инструмента Crop Tool.

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

Обрезка под определенный размер.

С помощью инструмента Crop Tool (Кадрирование) можно обрезать фотографии до нужного формата. Для этого в панели опций (свойств инструмента): задают размер будущего изображения. Указать можно в разных единицах измерения: сантиметрах (cm), миллиметрах (mm), пикселях (px).

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

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

Некоторые стандартные размеры фото для печати:

9×13	89x127mm	1051x1500px
10×15	102x152mm	1205x1795px
13×18	127x178mm	1500x2102px
15×21	152x210mm	1795x2480px
21×30	210x297mm	2480x3508px

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

Обрезка с сохранением соотношения сторон

В некоторых случаях конкретный размер картинки не важен, имеет значение лишь соотношение сторон, например 3х4. Обрезка фотографии в заданной пропорции требует предварительного выделения нужной области. Это делается с помощью инструмента . На панели свойств этого инструмента задается параметр Fixed Ratio (Заданные пропорции) и указывается соотношение сторон. Пропорции выделения определяются значениями, введенными в поля Ширина и Высота.

Когда выделение создано, выполняется команда Image (Изображение) > Crop (Обрезка).

Обрезка с поворотом изображения.

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

Инструмент Crop Tool (Рамка/Кадрирование) предоставляет возможность сделать это одним действием.

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

Обрезка с исправлением перспективы.

Иногда возникает необходимость обрезать на фотографии всё лишнее, оставив только картину на стене, окно дома или обложку книги. Но этот объект может быть сфотографирован не фронтально, а в перспективе. И в этом случае выручит нструмент Crop Tool (Рамка/Кадрирование).

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

Нажмите Enter. Вырезанная часть изображения «развернется» фронтально. Правда при этом возможны некоторые искажения картинки.

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

Простое сглаживание

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

В конце можно еще сделать небольшую растушевку. Для этого снова идите в меню «Выделение» — «Модификация» , но теперь уже выбираете «Растушевка» . Здесь вам нужно поставить размеры самой растушевки. Но не ставьте слишком много. Посмотрите сами, сколько вам будет достаточно. Мне, например, хватило и 6, а кому-то может потребоваться 15. Экспериментируйте. Вы всегда сможете вернуться назад.

Уточнение края

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

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

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

С уважением, Дмитрий Костин.

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

в «Фотошопе» по контуру

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

Инструмент «Рамка»

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

Выделение областей

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

• Выделение четкими геометрическими объектами (прямоугольное и овальное). Работа с такими инструментами происходит следующим образом. Сначала выделяется область, затем применяются горячие клавиши для работы (Delete — удаляет выделенную область; Ctrl + C и Ctrl + V — для создания нового слоя с выделенным объектом). Ненужный слой можно удалить в меню управления слоями.
• Выделение при помощи лассо (лассо, прямоугольное лассо, магнитное лассо). Формирование области происходит при помощи курсора. При зажатой ЛКМ необходимо выделить область, а затем отпустить ЛКМ. Выделится ограниченная ранее курсором область, которую можно редактировать так же, как и в описанном случае выше.

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

Инструмент «Перо»

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

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

Инструкции по выполнению необходимых действий выглядят следующим образом:

1. Избавиться от краев рисунка можно при помощи уменьшения «Размера холста» . Произведя сужение изображения, оставшееся за ним поле подвергается подобной операции, чтобы затем поместить рисунок в файл. Клавиши CTRL + J позволяют дублировать основополагающий слой. Его наличие необходимо в случае неудачи преобразования программой фона;
2. Из пункта «Изображение» выбираем подпункт . Открытие данного окна производится более быстро при помощи одновременного нажатия клавиш
   ALT + CTRL + C . Устанавливаются измененные показатели размера рисунка;
3. Произведя подобающие замены чисел в данных «Ширина» и «Высота» (а еще проще перейти на проценты и оперировать ими) целесообразно согласиться с выполненным действием, нажав на кнопку «OK» . При предупреждении о факте меньших данных по сравнению с предыдущими, следует перейти к функции «Продолжить» . Как результат видимая часть картинки выглядит уменьшенной и принимает вид запрограммированного объема.

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

1. Вариантом избавления от лишних элементов на картинке является применение функции . Для ее включения нажимают клавишу C ;
2. Курсором указывают в направлении угла левой стороны рисунка, оставляемой по завершении обрезки;
3. Отжатой левой кнопкой мыши производят перемещение стрелки по направлению к правой нижней части этого края;
4. Подобным действием обозначается прямоугольник;
5. Направляя мышь к трем узловым точкам, регулируют точные контуры обрезки. Выполнив данную процедуру, нажимают на клавишу Enter с целью удаления редактором мест, расположенных за пределами выделенной рамки.

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

1. Для устранения краев также применяют функцию . С целью приведения ее в активное состояние, обращаются к литере M на клавиатуре, или совершают щелчок в панели инструментов. Мышью выделяют предназначенную для сохранения сторону и производят дальнейшее ее копирование при помощи комбинации клавиш CTRL + C ;
2. Одновременным нажатием CTRL + N образуется новый документ, размеры которого идентичны части картинки благодаря автоматическому режиму редактора Фотошоп. Поместив в документ данные оперативной памяти, обозначенной клавишами CTRL + V , достигается получение копии рисунка, но с удаленными краями.

На этом всё, удачи! 🙂

Тематические материалы:

Создаем учетную запись Microsoft — полная инструкция Фриланс для художников и иллюстраторов: удаленная работа и подработка Как получать деньги от рисования Как удалить приложение с iPhone? Требуется обновление расширения Как записать трансляцию вебинара Как переносить сохраненные пароли Chrome в Firefox Программы для записи вебинаров: что можно использовать? Как Adobe Flash Player обновить в Крыму до последней версии Почему нельзя обновить Adobe Flash Player на территории Крыма

Обновлено: 31. 03.2021

103583

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

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

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

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

Узнать больше

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

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

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

Есть много случаев, когда обтравочные контуры полезны:

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

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

1. Настройка инструмента «Перо»
2. Нарисуйте путь вокруг вашего продукта
3. Сохраните свой путь
4. Создать обтравочный контур
5. Создайте выделение из вашего обтравочного контура
6. Создать обтравочную маску

Шаг 1.

Настройте инструмент «Перо»

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

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

В документе с изображением выберите Pen Tool . Вы можете найти его на панели инструментов или ввести «p», чтобы выбрать его автоматически. Если вы не видите инструмент «Перо» , он может скрываться за инструментом «Перо произвольной формы», инструментом «Перо кривизны» , инструментом «Добавить опорную точку» , инструментом «Удалить векторную точку» или Convert Point Tool .

 

В верхней части окна приложения на панели параметров вы увидите настройки для Pen Tool . Выберите «Путь» и выберите «Объединить фигуры». Для справки см. изображение ниже.

Помимо обтравочных контуров: 8 способов улучшить фотографии продуктов на этапе постобработки

Подробнее

Шаг 2. Нарисуйте контур вокруг вашего продукта

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

Учебное пособие по инструменту «Перо» | Photoshop для брендов электронной коммерции

Узнать больше

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

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

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

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

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

 

4 Ярлыки Photoshop и Clipping Path для создания закладок

Подробнее

Шаг 3. Сохраните свой путь Фотошоп. Если вы не видите панель, вы можете выбрать

Windows > Paths , чтобы открыть панель Paths.

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

 

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

Шаг 4. Создайте обтравочный контур

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

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

Чтобы создать традиционный обтравочный контур, просто щелкните сохраненный контур, который вы только что создали, на панели Paths . Нажмите на меню панели еще раз и выберите Clipping Path .

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

Шаг 5. Создайте выделение из обтравочного контура

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

Учебное пособие по слоям Photoshop: руководство для начинающих

Подробнее

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

На панели Paths убедитесь, что ваш новый Path выбран. Затем в меню панели выберите Сделать выбор ….

Проверить и убедиться Радиус растушевки установлен на 0. Нажмите OK .

Теперь выберите Select > Modify > Contrac t из раскрывающегося меню в верхней части окна приложения.

В появившемся диалоговом окне установите радиус контракта равным 1. Нажмите OK.

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

Обтравочный контур и маскирование: в чем разница?

Подробнее

Шаг 6.

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

Для этого следующего шага вам нужно вернуться на панель «Слои».

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

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

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

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

Получите идеальные до пикселя обтравочные контуры, сделанные для вас из 39¢ за изображение

Узнать больше

Как сохранить обтравочный контур в Photoshop

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

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

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

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

Продвижение ваших обтравочных контуров

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

Получите обтравочные контуры с точностью до пикселя по цене от 39 центов за изображение

Узнайте больше

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

Почему мой обтравочный контур перевернут?

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

Зачем нужна вырезка?

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

Обтравочные контуры Photoshop. Как создавать контуры хорошего качества и как этого НЕ делать

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

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

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

В этом руководстве объясняется, как использовать векторный контур для маскирования областей изображения, чтобы его можно было поместить в InDesign или Quark XPress в виде файла EPS. Только файл изображения EPS (инкапсулированный постскриптум) может содержать векторные данные. Путь, созданный в Photoshop, очень похож на путь Adobe Illustrator — это векторная графика, которая определяет края изображения с помощью кривых Безье.

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

ХУДШИЙ способ создания обтравочных контуров в Photoshop: инструмент «Волшебная палочка»…

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

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

Это лучше всего работает, когда нужно выделить большую область одного цвета. Вы можете изменить широту выбора цвета, увеличив или уменьшив значение в поле «Допуск» палитры параметров (отображается, когда выбран инструмент «Волшебная палочка». Более высокое значение соответствует более широкому выбору значений цвета пикселей, отбор). Значение по умолчанию — 32.

Например, изображение, используемое в этом уроке, было бы хорошим кандидатом на Волшебную палочку, потому что нужно выбрать большую область голубого неба. Чтобы создать обтравочный контур (плохого качества), нажмите на синюю область над скульптурой с помощью инструмента «Волшебная палочка». Затем, удерживая нажатой клавишу Shift (чтобы добавить к существующему выбору), щелкните синюю область внизу слева от изображения. Вы получите изображение, показанное ниже (слева). Все области синего цвета выбраны. Перейти к Select/Inverse , чтобы выбрать скульптуру вместо неба.

Чтобы создать векторный контур, перейдите в палитру контуров, щелкните маленькую стрелку подменю в правом верхнем углу и выберите Make Work Path … Он спросит вас, какой допуск ввести. Чем выше цифра, тем больше точек появится на пути, и тем теснее (но более неровно) он будет облегать изображение. Чем меньше число, тем меньше точек будет на пути и тем более плавным (но менее точным) будет путь. На данный момент введите значение 2,0.

После создания рабочего пути выберите Сохранить путь … в том же подменю. Затем щелкните подменю еще раз и выберите Clipping Path … Вам будет предложено ввести значение Flatness. Оставьте это поле пустым — вам не нужно беспокоиться о плоскостности, если у вас не возникнет проблем с печатью — в этом случае введите «Плоскостность» в Справка Photoshop для получения помощи.

Теперь увеличьте путь, который вы только что создали. Если вы использовали значение 2,0, изображение внизу слева покажет вам, насколько неточным был путь. Если вы использовали более низкое значение, скажем, 0,5, второе изображение ниже покажет вам, насколько рваным будет результат:

После преобразования изображения в формат CMYK и обеспечения его фактического размера с разрешением 300 точек на дюйм (при условии, что оно должно быть готово к печати) сохраните изображение как файл Photoshop EPS, используя значения по умолчанию. Затем поместите изображение в InDesign. Выберите View/Display Performance/High Quality Display , чтобы получить лучшую перерисовку на экране. Вы увидите, что обтравочные контуры Photoshop с уровнем допуска 2 будут давать сглаженный результат, но позволят появляться областям фона и будут обрезать изображение там, где этого не должно быть. Обтравочные контуры Photoshop с более низким значением допуска делают края изображения неровными и некачественными.

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

ЕДИНСТВЕННЫЙ раз, когда вы должны использовать описанный выше метод, это когда вам нужен действительно быстрый позиционный вырез с низким разрешением для проверки. Однако по возможности делайте это ПРАВИЛЬНО:

ЛУЧШИЙ способ создать обтравочный контур в Photoshop: вручную!

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

Если щелкнуть и удерживать инструмент «Перо» в палитре инструментов Photoshop, вы увидите список всех его вспомогательных инструментов. Единственные, которые вы будете использовать, это Инструмент «Перо» , + Инструмент «Добавить опорную точку» , — Инструмент «Удалить опорную точку» и Инструмент «Преобразовать точку» . И вам не придется постоянно выбирать их на панели инструментов — вы можете переключаться между ними с помощью клавиш Command и Alt на Mac. Это станет вашей второй натурой, если вы проявите настойчивость.

Поэкспериментируйте с фантастическим инструментом Convert Point Tool (и другими), нажав клавишу Alt и щелкнув существующую опорную точку. Вы быстро поймете, как работают инструменты.

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

Другими словами, поместите путь посередине между коричневым и синим цветом!

Это сводит к минимуму количество синих «двоений», которые могут появиться по краям конечного выреза изображения. После того, как вы обвели все изображение, выберите Сохранить контур … из подменю «Пути» (как описано выше), а затем выберите Обтравочный контур … Вам будет предложено ввести значение «Плоскостность». Оставьте это поле пустым. Убедитесь, что изображение имеет реальный размер 300 точек на дюйм и цветовую гамму CMYK. Сохраните его как EPS-файл Photoshop со значениями по умолчанию и поместите в InDesign. Выберите View/Display Performace/High Quality Display , чтобы получить наилучшую перерисовку на экране, и вы увидите, что результат намного точнее, с гораздо меньшим количеством ореолов, а края плавные и четкие.

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

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

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

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

Выбрать Слой/Новый/Слой через копирование . В вашей палитре слоев появится новый слой, содержащий вырез вашего изображения. Выберите фоновый слой. Нажмите Создайте кнопку New Layer в нижней части палитры слоев. Залейте этот новый слой белым цветом (или цветом, который в конечном итоге появится за вырезом в Quark или InDesign). Выберите слой, содержащий вырез. Удерживая нажатой клавишу Command, щелкните миниатюру слоя, чтобы сделать выбор. В главном меню перейдите к Select/Feather … и введите значение 1 пиксель. Нажмите «ОК».

Теперь (с выделенным слоем) нажмите кнопку Добавить маску слоя в нижней части палитры слоев. Это смягчит край вырезанного объекта и сгладит его с новым фоном, тем самым лучше смешав его. Если вы чувствуете, что хотите еще больше смягчить край, сделайте выбор слоя еще раз (с помощью Command / Щелкнув по миниатюре слоя). Тогда иди Select/Inverse , и, убедившись, что маска слоя выбрана (черно-белая миниатюра справа от миниатюры слоя), нажмите клавишу Delete. Это замаскирует еще немного размытых краев, и это хороший способ точно настроить вырез изображения.

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