Перспектива построение: одна, две и три точки схода — Gamedev на DTF

одна, две и три точки схода — Gamedev на DTF

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

37 625
просмотров

Автор работы — нидерландский художник и архитектор Ганс Вредеман де Врис.

Что такое законы перспективы и зачем они нужны?

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

Картина Альфреда Сислей «Дорога в Лувесьенне» (1873) прекрасный пример, как с помощью перспективного сокращения можно передать глубину изображения.

Мы разберем три вида перспективы: с одной, двумя и тремя точками схода.

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

Усвоив логику этих построений, вы сможете убедительно нарисовать все, что угодно: от кубика до космической станции и даже человеческого тела. Всё потому, что любой объект можно упростить до композиции из простых примитивных фигур:

Основные понятия при построении перспективы

Для начала разберемся с базовыми терминами: линией горизонта и точкой схода.

Линия горизонта

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

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

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

От расположения объекта относительно линии горизонта будет зависеть его изображение. Источник

Где расположить линию горизонта?

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

Максим Кнехт, Ментор в Smirnov School на курсе «Концепт-арт окружения»

Один объект в разных положениях относительно линии горизонта изображается по-разному.

Точка схода

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

Количество точек схода в рисунке может быть разным: от 1 до 6. Чем больше точек схода — тем более «искаженной» будет перспектива. Например, 5-6 точек схода используются для того, чтобы создать эффект «рыбьего глаза»:

Автор: creosfera

Как понять, сколько точек схода нужно?

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

Максим Кнехт, Преподаватель Smirnov School

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

Перспектива с одной точкой схода

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

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

Как построить перспективу с одной точкой схода

Самый простой пример — это фигура, расположенная на уровне глаз художника.

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

Проводим диагонали. На их пересечении находится точка схода (ТС), а сами диагонали — это ребра параллелепипеда, уходящие в перспективу.

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

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

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

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

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

Без вспомогательных линий объекты с фронтальной перспективой будут выглядеть так:

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

Рисуем фронтальную плоскость куба и задаем линию горизонта с точкой схода.

Обозначим ребра — из всех четырех вершин проводим прямые в точку схода.

Теперь определим внешние грани. Проводим вертикаль и горизонталь до пересечения с ребром.

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

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

Пейзаж с фронтальной перспективой, отлично чувствуется глубина пространства. Источник: https://www.takefoto.ru/

Интерьерный скетч с фронтальной перспективой. Источник: https://mpmart.ru/

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

Кадр из фильма Стенли Кубрика «Сияние» (1980)

Перспектива с двумя точками схода

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

Три варианта перспективы с двумя точками схода.

Как построить перспективу с двумя точками схода

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

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

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

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

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

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

Осталось соединить вертикалью дальние углы.

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

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

Один и тот же интерьер во фронтальной и угловой перспективе.

Перспектива с тремя точками схода

Она еще называется наклонной или вертикальной перспективой. В этом случае вертикальные линии получают свою точку схода и тоже искажаются.

Как построить перспективу с тремя точками схода

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

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

Проводим в точки схода еще две линии — получим верхнюю грань куба.

Теперь из получившихся углов проводим вертикали в третью точку схода.

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

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

Осталось дорисовать дальнее ребро:

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

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

Схематичное изображение трехточечной перспективы.

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

Практикуйтесь и экспериментируйте, чтобы усвоить правила, по которым работает перспектива, и проблем с ней не будет.

Перспективные изображения от Pei Ting Lin

Резюмируем кратким чек-листом

Текст написала Стефания Косюг, автор в Smirnov School. Мы готовим концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придёте к нам на курс, не забудьте спросить о скидке для читателей с DTF.

Урок 2. Линейная перспектива. Как нарисовать коробок и книгу

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

Такое визуальное искажение носит название «линейная перспектива». Это зрительное изменение форм и размеров предметов по мере их отдаления, а также принципы создания иллюзии 3D-пространства на плоскости. Разберем ее важные составляющие: линию горизонта, точки и линии схода.

Содержание:

  • Линия горизонта

  • Точки схода

  • Рисуем коробок с одной точкой схода

  • Рисуем коробок с двумя точками схода

  • Рисуем книгу по фото

  • Проверочный тест по линейной перспективе

Линия горизонта

Линия горизонта совпадает с уровнем глаз зрителя (художника). То, с какого положения мы смотрим на предметы, определяет их вид. Взгляните на вещи вокруг. С разных положений: сидя на стуле, стоя на полу. Рассмотрите полки книжного шкафа на фотографии. У тех из них, которые находятся примерно на уровне наших глаз, мы видим только переднюю грань. Для тех, которые расположены выше, – еще и нижнюю плоскость. Опустите взгляд – теперь видны передняя и верхняя плоскости полок.

Точки схода

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

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

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

Одна точка схода

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

Две точки схода

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

Давайте разберемся с основными принципами линейной перспективы:




1

 


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

2

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

3

Линия горизонта в рисунке одна.

Рисуем коробок с одной точкой схода

Шаг 1. Нарисуем линию горизонта и прямоугольник – переднюю плоскость коробка. Представим, что он расположен прямо перед нами, при этом не смещен ни вправо, ни влево. Поэтому точку схода (ТС) нарисуем примерно по центру прямоугольника.

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

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

Шаг 4. От точек пересечения этого ребра с линиями схода проведем вертикальные стороны дальней грани. А потом верхнее ребро. Сформировали дальнюю стенку коробка, параллельную передней.

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

Шаг 6. От углов двух новых прямоугольников проведем линии к первой точке схода.

Шаг 7. Мы рисуем три одинаковых коробка. Их расстояние до нас не меняется, смещение происходит только по вертикальной оси. Размеры дальних стенок будут одинаковы. И чтобы их найти, продлим вертикали боковых сторон дальней стенки первого коробка.

Шаг 8. Нарисуем стороны дальних стенок новых коробков по точкам пересечения вспомогательных вертикалей и линий схода.

Шаг 9. А теперь аккуратно удалим вспомогательные линии и смягчим невидимые глазу ребра. Самые ближние линии (стороны передних граней) выделим более насыщенной линией. Это усилит ощущение пространства в работе. Три коробка готовы!

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

Рисуем коробок с двумя точками схода

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

Шаг 2. Соединим концы этого ребра с точками схода.

Шаг 3. Нарисуем вертикали двух других видимых нам ребер. Здесь тоже произвольно выбираем их расположение.

Шаг 4. Дорисуем недостающие стороны нижней грани. Соединим нижнюю точку пересечения правого ребра с линией схода с левой точкой схода. А от нижней точки пересечения левого ребра с линией схода проведем прямую в правую точку схода. У нас образовалась нижняя стенка коробка.

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

Шаг 6. Выделим чуть сильнее верхнюю грань. Еще сильнее – ближние боковые стенки коробка. Так ближнее будет казаться ближе, а дальнее – дальше. Смягчим линии построения. Коробок готов!

Будет полезно нарисовать несколько таких коробок разной высоты и с разным положением точек схода. Где-то форма коробка получится неестественно искаженной (из-за выбранного положения точек схода), где-то наоборот – удачной. Благодаря сравнению результатов таких попыток мы учимся чувствовать оптимальное соотношение, и оно зависит от размеров изображаемого объекта, от расстояния до зрителя.

Рисуем книгу по фото

Именно это мы сейчас и проделаем.

Шаг 1. Наметим общие габариты книги. Оставим место над книгой для линий схода и горизонта. Проверим, сколько раз ее высота укладывается в ширине. А затем найдем, сколько раз высота передней грани блока страниц укладывается во всей высоте. Обозначим центр книги.

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

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

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

Шаг 5. Через эти метки проведем верхние боковые границы блока страниц, уходящие вдаль. То же проделаем и для нижних границ этого блока. Уточняем их наклон и положение методом визирования. Проведем центральную линию книги.

Шаг 6. Визуально разобьем контур разворота на несколько основных отрезков. Определяем их наклон методом визирования. Схематично наметим их в рисунке. 

Шаг 7. Проведем более плавную линию разворота. Наметим корешок книги. Сотрем вспомогательные линии, чтобы они не отвлекали.

Шаг 8. Уточним детали. Слегка скруглим углы обложки, отделим ее линиями от блока страниц. Нарисуем закладку слева. Ее край делаем неровным, чтобы подчеркнуть характер. Легкими линиями кое-где наметим отдельные страницы и наличие текста. Этого будет достаточно, ведь зритель дорисовывает в своем воображении недостающие повторяющиеся детали. Слегка смягчаем ластиком дальние линии, а ближние к нам выделяем более сильным нажимом, чтобы создать иллюзию глубины пространства. 

Книга готова!

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

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

Как при этом добиться большей точности изображения:




1

 


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

2

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

3

Сравнивайте длины вертикальных ребер. Чем они дальше, тем меньше должны быть в рисунке.

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

Проверьте свои знания

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