Как нарисовать куб с любого ракурса. Основы линейной перспективы (часть 1)
С одной стороны - очередной пост про основы. Казалось бы сколько можно? Бесконечно!С другой стороны - новички прибывают (хотя бы вот человек стремиться, но никак не возьмется за базу), да и это, так сказать, новый взгляд, ну или новая интерпретация, подача, старого материала.____________________________________________________________________________Текст переведен специально для групп Digital Painting Classes и Smirnov School. По материалам ресурса How to sketch. Перевела Валерия Шмырова.
Знаете что? Кубы потрясающие!
Серьёзно, если вы знаете, как нарисовать куб, вы сможете набросать любую трехмерную форму. Конечно, у каждого объекта, который вы выберете, есть свои нюансы. Однако базовые принципы, основы основ рисования, остаются всё те же.
Они все в этой коробке.
Давайте их вытащим.
Это не одно из пошаговых руководств, каких тысячи в интернете. Моя цель — дать вам набор навыков, позволяющий рисовать что угодно. Такой подход будет полезен, если вы хотите заниматься концепт-артом, промышленным дизайном, мультипликацией или рисовать фэнтэзи. Во всех этих направлениях приходится делать эскизы «из головы», опираясь исключительно на воображение. Это значит, что вы должны уметь нарисовать любой объект с любого ракурса. Необходимые для этого знания вы получите из этих уроков. Закрепить их можно, выполняя домашние задания, которые есть после каждого урока.
Сейчас мы рассмотрим основы линейной перспективы на примере куба. Если вы хотите извлечь максимум пользы из этой статьи, пожалуйста, позаботьтесь об отсутствии отвлекающих факторов. Возьмите лист бумаги и ручку, чтобы экспериментировать с идеями, которые мы рассмотрим. Поверьте, одно только чтение вам особо не поможет.
Что такое перспектива?
Перспектива — это система представления трехмерного мира на плоской поверхности.
Не очень сложно, правда?
Поэтому вот вам самая логичная и полезная концепция, которую нужно помнить, когда речь идет о перспективе.
Мы видим куб через кусок плоского стекла. Камера направлена прямо на это стекло.
Расположение объектовСтекло здесь — это так называемая картинная плоскость (КП). Линия, проведенная от камеры сквозь КП, называется лучом зрения (ЛЗ). Хочу подчеркнуть, что ЛЗ всегда перпендикулярен КП.
«Ну и какого чёрта ты мне всё это рассказываешь?», — спросите вы.
А вот какого.
Нам нужно знать, как линии нашего объекта расположены в пространстве относительно чего-либо. Положение камеры — наша путеводная звезда. Главная идея заключается в том, что рисовать в перспективе — это значит представлять изображение с определенной точки зрения. Не бывает изображения без зрителя.
Рисуем квадрат
Что такое куб? По сути, он состоит из шести квадратных плоскостей, соединенных вместе. Чтобы нарисовать куб, нам нужно знать, как правильно расположить в пространстве квадрат, во всех без исключения случаях, с любого возможного ракурса.
Шесть квадратных плоскостей в пространствеЗдесь нам придется добавить в наш словарь новое заумное слово — нормальная линия или просто нормаль. Если вы поставите карандаш вертикально на стол, он будет совпадать с направлением нормальной линии. Нормаль — это линия, перпендикулярная какой-либо поверхности.
Вот так просто.
Нормаль — это перпендикуляр
У каждой плоскости своя нормальУ каждой плоскости есть бесконечное количество этих нормальных линий. Для простоты мы нарисуем только одну.
Нормали помогают нам определить, как мы видим поверхность.
Возьмём прямоугольник и расположим его перед камерой. Если нормаль направлена прямо на картинную плоскость (под углом 90 градусов), значит, мы видим поверхность без каких-либо искажений — прямоугольник, как он есть.
Расположение объектов
Что видит камераА теперь самое важное.
Если мы наклоним наш прямоугольник — в любом направлении — нормальная линия больше не будет перпендикулярна картинной плоскости. Поверхность прямоугольника сожмётся.
Как определить направление сжатия? Нам подскажет нормальная линия.
Этот принцип называется сжатие по нормали.
Каждая плоскость сжимается только по своей нормальной линии.
Расположение объектов
Что видит камера
Реальный размер плоскостиМы видим, что пропорции плоскости изменились. Она сузилась, так как сжалась по нормальной линии.
Так происходит всегда.
Нет другого способа уменьшить плоскость. Только по ее нормали. Чем сильнее плоскость наклоняется по отношению к камере, тем больше она сжимается по своей нормальной линии. Я буду повторять эту мысль снова и снова, потому что это очень важно. Такие простые вещи, как правило, забываются, когда дело доходит до рисования.
Конвергенция (сближение) параллельных линий
Рассмотрим еще одно явление. Может быть, вы заметили, что в приведенном выше примере левый и правый края прямоугольника сужаются к верху (с точки зрения камеры). Так получается потому, что это параллельные линии, которые уходят вдаль (относительно картинной плоскости). А вот линии, параллельные КП, никогда не сходятся.
Расположение объектов
Что видит камераЗвучит сложно? Ну, так и должно быть. Учить новые вещи не может быть легко.
Я помню свои первые шаги в рисовании — это был чертов ад. Со временем станет легче, обещаю.
Что такое на самом деле линия горизонта?
Где сходятся параллельные линии, которые уходят вдаль? Я уверен, вы это знаете — на линии горизонта. Это пишут в каждой книге по искусству. Поколение за поколением. Эта истина так широко известна и непреложна, что авторы никогда не пересматривают ее обоснование.
А мы пересмотрим.
Мы подразумеваем, что наша камера стоит строго вертикально, то есть ее дно параллельно плоскости земли.
Представим себе не один, а несколько горизонтальных прямоугольников перед камерой. По мере того, как эти плоскости всё выше поднимаются над землёй, они всё сильнее сжимаются.
Расположение объектов
Что видит камераУ горизонтальной плоскости всегда вертикальная нормальная линия. Поэтому любая горизонтальная поверхность сжимается по вертикальной линии.
Когда плоскость сжимается до конца, она превращается в линию. Так как сжатие происходило по вертикали, эта линия горизонтальная.
Это наша линия горизонта.
Если мы мысленно продлим горизонтальную плоскость, и увидим, что она рассекает объектив камеры пополам, прямо по центру — значит, эта плоскость сжата до нуля. Это горизонт.
Расположение объектов
Что видит камераПараллельные линии, расположенные на горизонтальных плоскостях (на любой из них) сходятся на линии горизонта. Точки, в которых они сходятся, называются точками схода (ТС).
Расположение объектов
Что видит камераКак видите, у каждого набора параллельных линий есть своя собственная ТС. Для перспективы типично наличие центральной (ЦТС), левой (ЛТС) и правой (ПТС) точек схода.
Эллипсы (овалы)
Я не сказал, что плоскость должна быть только прямоугольной формы.
Почему не сказал?
Потому что она может быть любой формы.
Просто представьте её в виде плоского листа бумаги. Из него можно вырезать любую форму. Например, мы можем взять плоскость в форме круга. Поместив её в пространство, мы получим…
Да! Овал.
Здесь я предполагаю, что вы читали мою статью о работе с основными линиями. Если нет, можете сделать это сейчас. Потому что там изложены основы, которые нам понадобятся.
У плоскости, обрезанной в форме круга, тоже есть нормальная линия, и она тоже перпендикулярна поверхности плоскости.
Вот вам маленькая хитрость по поводу овалов.
Нормальная линия плоскости эллипса всегда совпадает по направлению с его малой осью.
Вид сверху
Что видит камераПринцип тот же, что и в случае с прямоугольниками.
Но.
У круга всегда одинаковый диаметр, в каком бы направлении мы его не провели. Но после сжатия (даже малейшего), круг превращается в овал, и у него появляется самый длинный и самый короткий диаметр.
Самый длинный диаметр — это большая ось эллипса. Она не меняет свою длину, как бы сильно мы ни наклоняли плоскость.
Самый короткий диаметр — это малая ось эллипса. Она перпендикулярна большой оси, а направление у нее такое же, как у нормальной линии. Длина малой оси меняется сильнее всего, когда мы наклоняемся плоскость по отношению к камере.
Степень сжатия эллипса обусловлена углом наклона эллипса.
Вид сверху
Что видит камераЕсли нормаль поверхности круга направлена к картинной плоскости под углом 90 градусов, то камера видит полностью открытый круг.
Вид сверху
Что видит камераЕсли нормаль направлена к КП под углом 45 градусов, то получившийся овал называется «45-градусный эллипс». Чем меньше градус наклона, тем больше сжатие плоскости.
Эллипсы — ваши спасатели
Мы будем использовать эллипсы даже в тех случаях, когда на нашем рисунке нет видимых круглых плоскостей.
Зачем?
Это дает несколько больших преимуществ.
Эллипс помогает определить направление нормальной линии поверхности.
Благодаря этому вы поймете, в каком направлении сжимать плоскость, когда она наклонена по отношению к зрителю.
Плоскость расположена прямо относительно камеры
Плоскость наклонена относительно камерыЭллипс помогает определить угол наклона плоскости относительно зрителя.
Сильнее наклон = сильнее сжатие.
Нет наклона = нет сжатия
Плоскость наклонена относительно зрителя
Плоскость наклонена ещё сильнееЕсть кое-что, о чём я молчал до последнего, надеясь, что вы сами заметили. Я считаю, самые глубокие знания добываются из собственного опыта. Вы должны бороться за них. Вы должны быть смелыми и любопытными. Другого пути нет.
Итак, о чем, по моему мнению, вы должны были догадаться?
Эллипс поможет вам найти пропорции идеального квадрата.
Круг, вписанный в квадрат, касается каждой из четырех сторон точно посередине. Круг в перспективе (эллипс) делает абсолютно то же самое.
Круг касается сторон квадрата посередине
То же самое в перспективе
Круг всегда касается сторон квадрата посерединеМы видим, что каждый эллипс касается сторон квадрата по центру.
Так происходит всегда.
Куб состоит из идеальных квадратов. Знать, как правильно построить квадрат, очень важно для нашей конечной цели — нарисовать куб.
Эта статья может показаться несоразмерно длинной, если сравнивать с конечным результатом. «Нарисовать куб? Серьёзно? Но это должно быть так просто... Почему я должен тратить свое время на чтение всей этой ерунды?»
Спокойствие, только спокойствие.
Я обещаю, что материал, который мы изучаем, скоро поможет вам рисовать такие классные вещи, как танки, драконы, роботы и т. д. Конечно, если вам это действительно интересно.
Угол в 90 градусов
Помимо пропорций квадрата, нам нужно убедиться, что он имеет четыре прямых угла (по 90 градусов). Нам надо правильно построить хотя бы один угол. Три остальных встанут на свои места.
И здесь эллипс снова ваш спаситель.
Он поможет вам построить правильный угол в 90 градусов между двумя линиями на одной плоскости. Сейчас мы нарисуем правильный угол на плоскости земли.
Расположение объектовДавайте определим пропорции квадрата с заданного ракурса, используя эллипс.
Что видит камера
Вид сверхуПроведем нормальную линию (она здесь вертикальная, потому что плоскость горизонтальная). Её можно проводить в разных местах — в зависимости от того, как мы хотим развернуть к себе угол будущего квадрата.
Если вы хотите, чтобы угол был направлен прямо на зрителя, нормаль должна проходить через середину эллипса. Затем проведите к эллипсу две касательных из точки на полученной вертикальной линии. Это обеспечит равномерное сжатие левой и правой сторон (обе на 45 градусов) нашего квадрата.
Если вы хотите повернуть угол квадрата по часовой стрелке, сдвиньте нормаль влево.
Что видит камера
Вид сверхуЧтобы повернуть его против часовой стрелки, используйте тот же принцип и сдвиньте вправо.
Как далеко нормаль должна выходить за пределы эллипса до той точки, где она пересекается с касательными?
Это зависит от угла наклона эллипса. Чем меньше его наклон по отношению к камере, тем длиннее линия. Это придёт с практикой. Просто будьте внимательны, чтобы эллипс касался сторон квадрата точно посередине.
Что видит камера
Что видит камера
Что видит камераЕсть несколько способов завершить построение квадрата в любом возможном положении. Это зависит от того, насколько сильное перспективное искажение вам нужно.
Чем ближе линия горизонта к эллипсу (с учётом его размера), тем сильнее перспективное искажение. Тогда линии сходятся быстро, и это значит, что объект находится близко к зрителю, или он большой. Изображение выглядит так, как будто оно снято через широкоугольный объектив.
Если линия горизонта находится далеко от эллипса, перспективное искажение будет слабым. Линии сходятся медленно, объект кажется маленьким или находится далеко от зрителя.
Это эффект длиннофокусного объектива.
Горизонт очень близко
Горизонт далекоЗдесь видно, что вертикальная линия в обоих случаях выходит за пределы эллипса на одно и то же расстояние. Нижний угол квадрата одинаковый. Разница только в силе перспективы. И ещё раз: линия горизонта перпендикулярна нормали эллипса (малой оси).
Горизонт — это по сути ещё одна плоскость, параллельная нашему эллипсу. Просто она полностью наклонена по отношению к зрителю.
Рисуем куб (наконец-то)
У куба шесть граней, но одновременно мы можем увидеть лишь три из них. Так что, простоты ради, мы сосредоточимся только на видимых сторонах (пока). Вы уже знаете, как изобразить горизонтальный квадрат в любом возможном положении.
Это будет верхняя грань нашего куба.
Что остаётся? Ещё две боковые грани. У нас есть вертикально расположенные рёбра куба — это нормальные линии к верхней плоскости.
Что видит камераЧего мы не знаем, так это длины вертикального ребра. Оно параллельно картинной плоскости, поэтому его перспективное сокращение не может быть таким уж сильным. Ребро становится длиннее, когда перемещается ближе к нам в пространстве (как и любой другой объект), в соответствии с конвергенцией линий. Итак, мы предполагаем, что оно немного длиннее, чем большая ось нашего верхнего эллипса, на которую тоже не действует перспективное сокращение.
Что видит камераЕсть одна хитрость, чтобы проверить, правильно ли мы построили боковые грани.
Сможете угадать, что это?
Да, это эллипс.
Вид сверху
Что видит камераДавайте нарисуем эллипс, малая ось которого направлена в правую точку схода. Эллипс должен касаться рёбер куба посередине. Попробуем представить этот эллипс между линиями, визуализировать его. Затем мы просто закрываем снизу левую грань с помощью линии, идущей к левой точке схода. А потом закрываем правую грань линией, которая идёт к правой точке схода.
Что видит камераНаш куб готов.
Ускорение сжатия
Теперь у нас есть куб. Но вы можете задаться вопросом: как поворачивать его в пространстве, как наклонять? Это хороший вопрос. Мне нравится, когда вы задаёте интересные вопросы!
Чтобы решить эту проблему, нам нужно иметь представление об ускорении сжатия. Согласно этому принципу, сжатие плоскости не линейно. Другими словами, сжатие прогрессирует все быстрее и быстрее по мере увеличения наклона плоскости относительно камеры.
Давайте поставим куб на землю таким образом, чтобы обе боковые грани находились под углом 45 градусов к картинной плоскости.
Вид сверху
Что видит камераТеперь повернем куб по часовой стрелке. Он всё ещё стоит на земле.
Вид сверху
Изначальный куб показан краснымВы видите, что левая грань изменяется сильнее, чем правая — как в абсолютных, так и в относительных значениях.
Чем сильнее степень сжатия плоскости (или линии), тем быстрее оно прогрессирует.
Даже небольшой поворот полностью сжатой линии резко меняет ее длину. Когда она открывается взгляду все больше и больше, скорость раскрытия уменьшается.
Сильное изменение сжатия Слабое изменение сжатияНормальные линии ведут себя точно так же. Когда они параллельны картинной плоскости, их трудно сжать. По мере того, как они наклоняются по отношению к зрителю, это становится все легче и легче.
Поведение нормальных линийКак нарисовать куб под любым углом зрения за пять шагов?
Время пришло.
Приношу свои извинения за длинную прелюдию. Все эти вещи совершенно необходимы, и не только для того, чтобы нарисовать куб. Вы оцените этот материал, когда перейдете к изучению более сложных тем.
Итак, давайте это сделаем!
Шаг 1Нарисуйте эллипс. Он может располагаться на любой грани куба. Здесь вас должны волновать только сжатие и направление нормали.
Шаг 2Проведите нормальную линию исходя из того, как вы хотите развернуть ближайшее к зрителю ребро куба. Линия горизонта для этого куба фактически не будет горизонтальной (ха-ха). Она должна быть просто перпендикулярна нормали нашей плоскости. Это единственное требование.
Шаг 3Определитесь с силой перспективного искажения. В нашем случае линия горизонта находится за пределами холста, поэтому оно выражено слабо.
Шаг 4Определите правильную длину «вертикального» ребра куба, используя эллипс или просто на глаз. Проведите линию к правой точке схода, чтобы закрыть грань снизу.
Шаг 5Последняя грань сама станет на своё место. Просто постройте правильные параллельные линии к тем, которые уже есть.Домашнее задание
Пора закрепить ваши знания!
Сделайте это, даже если вы считаете, что уже поняли, как нарисовать куб под любым углом.
Практика — это путь к совершенству, а? Но обязательно должна быть и крепкая база знаний.
Я рекомендую прочитать этот урок еще раз после выполнения домашнего задания.
Пример домашнего заданияЯ тут сделал для вас пример домашнего задания. Можете понаблюдать, как кубы перекрывают друг друга.
Не стесняйтесь играть с разными размерами и углами.
Попробуйте разную силу перспективного искажения. У больших коробок может получиться резкое схождение линий.
Увидимся в следующий раз.
Отличный комментарий!