Как обрезать в Photoshop: полное руководство & определение

Как обрезать в Photoshop: полное руководство & определение
Rick Davis

Оглавление

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

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

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

Источник изображения: Unsplash

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

Это руководство расскажет вам об основах кадрирования и о том, как оно работает в Adobe Photoshop. Мы также узнаем, как выпрямить изображение с помощью инструмента Crop Tool и как обрезать изображения без разрушения.

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

Основы инструмента "Обрезка

Инструмент Crop Tool - это невероятно динамичный инструмент, который заслуживает отдельного руководства. Даже если вы уже давно пользуетесь этой функцией Photoshop, вы можете узнать пару трюков из этого руководства!

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

Выбор инструмента обрезки

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Использование инструмента "Обрезка

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

Прежде чем продолжить работу, установите первоначальные настройки инструмента Crop Tool. Для этого перейдите на панель опций в левом верхнем углу экрана. Щелкните правой кнопкой мыши или Ctrl + щелкните значок Crop Tool, а затем выберите Reset Tool.

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

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

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

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

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

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

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

Сброс урожая

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Контролируйте соотношение сторон

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

Конкретные соотношения аспектов

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Щелкните на раскрывающемся меню Aspect Ratio и выберите конкретное соотношение сторон, необходимое для вашего кадра, например 1 : 1 (квадрат) или 4 : 5 (8 : 10). Давайте выберем соотношение 4 : 5 (8 : 10) для данного учебника.

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

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

Вы можете сохранить это пользовательское соотношение сторон, вернувшись к выпадающему меню Aspect Ratio на панели Options Bar и выбрав New Crop Preset. В завершение дайте имя вашему пользовательскому соотношению сторон и нажмите OK.

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Пользовательские размеры и разрешения

Инструмент Crop Tool также можно использовать для установки определенного размера и разрешения изображения. Для этого откроем выпадающее меню Aspect Ratio в панели Options Bar и выберем W x H x Resolution.

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Введите значения соотношения сторон, как обычно, в поля Ширина и Высота с добавлением "in" после каждого числа. Например, 14 x 11 дюймов.

Вы заметите, что справа от полей Ширина и Высота есть третье поле. Это один из более специфических вариантов кадрирования, который позволяет нам добавить значение Разрешения.

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

Смотрите также: Эволюция логотипа Apple и его значение

Чтобы убедиться, что мы выбрали правильный формат файла, перейдите в меню Image (Изображение), выберите Image Size (Размер изображения) и откройте диалоговое окно. Там вы должны убедиться, что пользовательское кадрирование предварительно установлено, а ширина и высота установлены на 14 x 11 дюймов и 300 пикселей на дюйм.

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Если вы хотите отменить свои усилия по кадрированию, просто откройте меню Edit и выберите Undo Crop.

Наложение урожая

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

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

Как выпрямить изображения с помощью инструмента кадрирования

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

К счастью, мы можем исправить это перекошенное изображение с помощью инструмента Crop Tool.

Выберите инструмент "Обрезка" и инструмент "Выпрямление".

Давайте начнем процесс выпрямления, выбрав инструмент "Обрезка" на панели инструментов, а затем инструмент "Выпрямление" на панели параметров.

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Проведение линии

Выбрав инструмент "Выпрямление", щелкните на одном конце горизонта, а затем щелкните левой кнопкой мыши или щелкните и перетащите до другого конца горизонта.

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

Обрезка границ

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Чтобы обрезать область внутри границы обрезки, измените ее размер с помощью ручек, а затем просто нажмите Enter или Return.

Как обрезать изображения без разрушения

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

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

Правильное соотношение сторон

Загрузив изображение, выберите инструмент "Обрезка" на панели инструментов, а затем выпадающее меню "Соотношение" на панели параметров и выберите соотношение 4 : 5 (8 : 10).

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Завершите этот шаг, щелкнув левой кнопкой мыши или щелкнув и перетащив ручки Crop Border, пока не получите изображение нужного типа. Нажмите Enter или Return, и у нас получится аккуратная обрезка портрета.

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Как изменить ориентацию

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

Управление фоном

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Выбор правильных настроек

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

Прежде чем обрезать изображение, давайте убедимся, что мы отключили функцию Delete Cropped Pixels (Удалить обрезанные пиксели). Завершите этот шаг, нажав кнопку Enter или Return.

Обрезка без разрушения

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

Мы сохранили обрезанные пиксели, отключив функцию Delete Cropped Pixels, то есть Photoshop скрыл оставшуюся часть изображения, а не удалил ее.

Затем мы можем изменить размер границы обрезки по своему усмотрению и нажать Enter или Return.

Изменение положения изображения

Есть и другие преимущества отключения функции Delete Cropped Pixels.

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials

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

Теперь, когда мы знаем, как использовать инструмент "Обрезка", давайте подробнее рассмотрим его более тонкие функции.

Советы и рекомендации по работе с инструментом обрезки

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

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

Совершенствование соотношения сторон

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

Правило третей, пересмотренное

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Мы начнем этот процесс с того, что перейдем на панель параметров, выберем значок "Наложение" и выберем "Правило третей".

Изменить положение наложения обрезки

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Применить культивацию

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Избегайте обрезки этих участков

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

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Поиграйте с наложением обрезки

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

Обрезка по выделенной точке

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

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

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

Принятие решения о фокусе

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

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

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

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

Подробнее о наложениях

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

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

Золотая спираль

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

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

Если мы нажмем клавишу O, мы сможем переключаться между наложениями. Давайте пройдемся по различным наложениям, пока не дойдем до наложения "Золотая спираль".

Добавление напряжения

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

Наложение "Золотая спираль" должно находиться в положении, показанном выше, но если это не так, вы можете нажать Shift + O, чтобы изменить его положение, пока спираль не закончится в левом нижнем углу экрана. Теперь перетащим наложение "Обрезка", пока спираль не закончится там, где находится ваша фигура.

Нажмите Enter, чтобы подтвердить обрезку, а затем посмотрите на свое новое изображение!

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner

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

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

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

Как вырезать изображения из фона

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

Настройка изображения

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Правильный инструмент для работы: инструмент лассо

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Инструмент "Магнитное лассо" работает аналогично инструменту "Перо", с помощью которого можно провести точную линию вокруг объекта. Преимущество инструмента "Магнитное лассо" в том, что Photoshop автоматически определяет контур объекта при рисовании вокруг него.

Ваша задача - провести инструмент "Магнитное лассо" вокруг объекта, который вы хотите вырезать.

Направление инструмента "Магнитное лассо

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

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

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

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

Совершенствование наброска

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

Смотрите также: Как нарисовать тигра

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Если удерживать клавишу Alt или Option, то символ + превратится в символ -. С этими настройками мы можем начать очерчивать области нашей фигуры, которые мы не затронули в процессе первоначального обведения.

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Удерживая клавишу Ctrl, вы заметите, что символ + под инструментом Polygonal Lasso Tool теперь стал круглым. Не снимайте палец с клавиши Ctrl и завершите эту работу щелчком левой кнопкой мыши или щелчком мыши.

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

Добавление маски слоя

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Сглаживание обрезанного изображения

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

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

Мы также хотим выбрать Feathering из списка Brush Tool Options Bar в Brush Preset Picker. Теперь вы можете растушевать края фигуры.

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

Избавление от фона

Если вы хотите полностью удалить фон, вы можете щелкнуть правой кнопкой мыши или ctrl + щелкнуть на слое и выбрать Преобразовать в смарт-объект.

Обратите внимание, что этот снимок экрана является примером, взятым из //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns

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

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

Как вырезать в Vectornator

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

Нарисовать прямоугольник

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

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

О якорных точках

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

Сначала нам нужно добавить опорные точки. Мы можем начать этот процесс с помощью инструмента "Прямое выделение" на панели инструментов.

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

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

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

Автоматическое добавление опорных точек

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

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

Использование инструмента "Ножницы

Проектирование интерфейса приложения

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

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

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

Срез

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

Заключение по обрезке

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

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

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

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

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




Rick Davis
Rick Davis
Рик Дэвис — опытный графический дизайнер и визуальный художник с более чем 10-летним опытом работы в отрасли. Он работал с различными клиентами, от небольших стартапов до крупных корпораций, помогая им достичь своих целей в области дизайна и поднять свой бренд с помощью эффективных и впечатляющих визуальных эффектов.Выпускник Школы визуальных искусств в Нью-Йорке, Рик увлечен изучением новых тенденций и технологий в дизайне и постоянно расширяет границы возможного в этой области. Он обладает глубокими знаниями в области программного обеспечения для графического дизайна и всегда готов поделиться своими знаниями и идеями с другими.В дополнение к своей работе в качестве дизайнера, Рик также является преданным блоггером и посвящен последним тенденциям и разработкам в мире программного обеспечения для графического дизайна. Он считает, что обмен информацией и идеями является ключом к созданию сильного и динамичного дизайнерского сообщества, и всегда стремится общаться с другими дизайнерами и креативщиками в Интернете.Будь то разработка нового логотипа для клиента, экспериментирование с новейшими инструментами и методами в своей студии или написание информативных и увлекательных сообщений в блоге, Рик всегда стремится выполнять свою работу как можно лучше и помогать другим в достижении их целей в области дизайна.