Как сделать сетку перспективы в фотошопе

Обновлено: 03.07.2024

Узнайте, как кадрировать изображения и одновременно исправлять искажения перспективы с помощью инструмента «Кадрирование перспективы» в Photoshop! Для Photoshop CC и CS6.

Всякий раз, когда мы фотографируем объект под углом, мы получаем так называемое трапецеидальное искажение или трапецеидальное искажение. Это означает, что вместо того, чтобы края нашего объекта выглядели прямыми и перпендикулярными, они выглядят так, как будто они откинуты назад или наклонены внутрь к горизонту. Чтобы исправить перспективу и одновременно обрезать изображение, мы можем использовать инструмент Photoshop Perspective Crop Tool. И в этом уроке я покажу вам, как это работает!

Adobe впервые добавила инструмент Perspective Crop Tool в Photoshop CS6. Здесь я буду использовать Photoshop CC, но пользователи CS6 также могут следовать этому примеру.

Начнем!

Небольшой взгляд на проблему

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

Как исправить перспективу с помощью инструмента Perspective Crop Tool

Давайте посмотрим, как инструмент Perspective Crop Tool может решить эту проблему.

Шаг 1. Выберите инструмент перспективной обрезки

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

Шаг 2. Нарисуйте рамку кадрирования вокруг изображения

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

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

Сетка перспективы

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

Если вы не видите сетку, убедитесь, что параметр "Показать сетку" выбран (флажок) на панели параметров в верхней части экрана:

Шаг 3. Совместите сетку перспективы с краями объекта

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

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

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

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

Как и в случае со стандартным инструментом обрезки, более темные области за пределами границы обрезки будут обрезаны после применения обрезки:

Шаг 4. Настройте границу обрезки

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

Шаг 5. Примените кадрирование

Когда вы будете готовы обрезать изображение, установите флажок на панели параметров. Или нажмите Enter (Win)/Return (Mac) на клавиатуре:

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

Одна из проблем с инструментом Perspective Crop Tool заключается в том, что это не точная наука. После того, как вы применили обрезку, вы можете обнаружить, что ваше изображение все еще выглядит немного «шатким» (технический термин), и это потому, что углы ваших линий сетки не совсем совпадают с вашим объектом. В этом случае отмените кадрирование, нажав Ctrl+Z (Win)/Command+Z (Mac) на клавиатуре, а затем повторите попытку. Это может занять пару попыток, но старайтесь, и у вас все получится.

Как исправить «сжатый» вид после исправления перспективы

Еще одна проблема, с которой вы можете столкнуться при использовании инструмента Perspective Crop Tool, заключается в том, что все на вашем изображении может выглядеть немного «сплющенным» по вертикали после применения кадрирования. В моем случае отель уже не выглядит таким высоким, как изначально, а люди, идущие перед ним, кажутся ниже ростом. Мы можем исправить эту проблему, растянув изображение с помощью команды Free Transform в Photoshop.

Шаг 1. Разблокируйте фоновый слой

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

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

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

Переименовав слой, перейдите в меню "Правка" в строке меню и выберите "Свободное преобразование":

Шаг 3. Растяните изображение по вертикали

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

Шаг 4. Нажмите на галочку

Если вас устраивают результаты, нажмите на галочку на панели параметров, чтобы применить преобразование. Вы также можете применить его, нажав Enter (Win)/Return (Mac) на клавиатуре:

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

И вот, после исправления перспективы, обрезки изображения и "расплющивания" его с помощью Free Transform, мой окончательный результат:

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

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

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

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

Для этой цели вы можете использовать эту перспективную сетку в фотошопе.

Использование сетки перспективы

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

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

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

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

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

Элементы сетки перспективы и их использование

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

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

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

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

Чтобы лучше понять это, вы можете просмотреть следующие примеры.

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

Теперь давайте рассмотрим процесс создания сетки перспективы.

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

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

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

Заключение

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

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

Эта функция была добавлена в Adobe Photoshop CC 2014

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

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

Статьи по теме

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

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

Установка

Этот инструмент сейчас размещен на Github. Перейдите туда и загрузите последнюю версию.

Точка схода

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

Num Spokes: количество спиц во внутреннем кольце.

Число колец: количество колец вокруг точки схода.

Внутренний радиус: радиус центрального кольца.

Угол: вращение применяется к пути

Параллельные линии

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

Num Lines: количество линий для рисования

Размах: ширина в пикселях, по которой распределяются линии

Длина строки: длина каждой строки

Угол: вращение применяется к пути

Параллельные линии Persp

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

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

Span: расстояние, которое нужно покрыть линиями.

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

Длина линии: длина нарисованных линий.

Угол: вращение применяется к пути

Многоточие

Сетка на основе эллипса, используемая для 4-точечной, многоточечной и других типов криволинейной перспективы.

Читайте также: