1. Обучающие статьи
  2. Свет и тень или как показать объем?

Свет и тень или как показать объем?

В иллюстрации светотень — одно из главных средств выразительности. Она помогает показать объем, свойства и положение объекта в пространстве.
В статье мы расскажем, как показать объем на простых объектах. В конце — два практических задания для закрепления знаний.
Nb6gLPNM8Gs.jpg?1578457865
Значение объема в иллюстрации
Предметы, у которых проработана светотень, выглядят более выразительно. Зритель лучше считывает задуманную форму, объем и положение предмета в пространстве.
1.jpg?1578457930
Понаблюдайте, как меняется ваше восприятие формы по мере добавления объема. В варианте слева не сразу можно догадаться, что это куб. На втором варианте зритель не понимает, стоит куб на плоскости или завис в воздухе. В третьем варианте все понятно.
Также добавление света и теней дает больший простор для стилизации, что в векторной графике особенно важно. Тени и свет можно по-разному упрощать, добавлять им интересные формы, необычный цвет или выделять их текстурами.
2.jpg?1578458888
Свет и тень можно выделять по-разному, это дает большой простор для стилизации.
Составляющие объема
Самое главное, чему вам предстоит научиться — отделять область света от области тени.
3.jpg?1578458933
Свет и тень — самое главное, что вам нужно научиться выделять на объекте, чтобы показать объем.
Чтобы сделать это правильно, нужно познакомиться с несколькими базовыми понятиями и разобраться, как ложится свет на объемную форму.
4.jpg?1578458982
Под светом понимается вся область на теле объекта, которую затрагивают лучи света.
5.jpg?1578462225
Тень — область на объекте, куда свет не попадает. Она располагается на противоположной стороне от света. Обычно ее называют «собственной», чтобы подчеркнуть, что это тень на объекте, а не падающая от него.
6.jpg?1578462276
Полутона — это составляющие света. Они почти не используются в векторной графике на округлых предметах, но если у вашего объекта больше двух граней, это вам пригодится.
Области объекта на свету могут быть освещены в разной степени. На какие-то участки света попадет больше, на другие — меньше. Вследствие этого мы увидим участки разной степени светлоты. Это и будут полутона.
Угол падения света
То, насколько светлой будет плоскость зависит от угла падения света. Если угол прямой, то на плоскость будет попадать максимальное количество света, она будет самой светлой. Но при изменении угла падения, освещенность плоскости будет становиться меньше.
Это легко наблюдать на округлых объектах, когда мы видим мягкий переход от света к тени.
7.jpg?1578459372
Падающая тень
Еще одна значимая составляющая объема — падающая тень. Объект преграждает путь свету и поэтому за ним образуется область, на которую свет не попадает. Это и есть падающая тень. Она отбрасывается объектом на плоскость или другие объекты вокруг.
8.jpg?1578460773
Теперь вы знаете все составляющие объема в векторной иллюстрации. Чтобы показать объем, вам достаточно выделить свет, собственную и падающую тень. В ряде случаев нужно выделить полутона.
Создаем объем на простых формах
Теперь давайте создадим объем на нескольких простых фигурах. Весь этот процесс можно разделить на несколько этапов.
1. Изучаем конструкцию
Большинство трудностей с передачей объема связаны с непониманием конструкции объектов. Поэтому в любой непонятной ситуации, начинайте с наблюдения.
9.jpg?1578461630
Если вам сложно дается объем на сферических объектах, найдите предметы, имеющие схожую форму — мячик, яблоко, елочную игрушку — и поизучайте его. Потрогайте, повертите, положите под лампу и посмотрите, как ложится свет, где появляется тень.
Дальше попробуйте сделать сквозное построение. Понимание строения объекта и умение представить его форму в полном объеме, очень поможет. Если вы планируете рисовать сложные объекты — человека, животных, домики и машинки — без построения не обойтись. Учитесь это делать сейчас, на простых объектах.
10.jpg?1578461770
В этой статье мы не будем подробно рассматривать тему построения. В будущем расскажем, как это делается и как развить у себя «чувство объема».
2. Выбираем направление света
Когда с формами разобрались, вам нужно определиться с направлением света. Направление выбирается произвольно — какое хотите, такое и выбираете. Наиболее удачными и простыми выглядят варианты сверху, сверху слева или справа.
11.jpg?1578461871
Остальные направления могут быть сложными для новичка. Особенно, если на вашей иллюстрации много объектов. Лучше выбрать что-то простое, с чем вы действительно справитесь.
3. Выбираем тип освещения
Тип освещения — тоже важен и с ним лучше определиться заранее. Есть два основных: искусственное и естественное.
При искусственном освещении все световые лучи исходят из одной точки — от лампы, свечи или попки светлячка.
При естественном — все лучи параллельны. Они исходят от солнца, но оно так недостижимо далеко и невообразимо велико, что лучи, доходящие до нас, кажутся параллельными.
12.jpg?1578461919
4. Находим границу светотени
Теперь вы готовы к тому, чтобы определить на объекте место, где свет будет отделяться от тени.
Там, где лучи света проходят параллельно плоскостям объекта, начинается тень.
13.jpg?1578566291
На примере вы видите сферу. Несмотря на округлую форму и отсутствие ярко выраженных плоскостей, на ней все равно есть отмеченные участки, где свет пройдет почти параллельно. Это помогает найти область, где начинается собственная тень.
5. Строим падающую тень
Падающие тени помогают показать, что предмет стоит на плоскости или наоборот, завис на некотором расстоянии от нее.
В векторной иллюстрации падающие тени часто упрощают и стилизуют, не прорисовывая правильную форму и не выверяя точную длину. Но понимание, как она строится, поможет вам располагать ее правильно.
Для того, чтобы построить тень от объекта, нужно определить направление света, а потом расположить луч так, чтобы он касался объекта и «упирался» в плоскость, на которой объект стоит. Точками, где лучи и плоскость пересекутся, будет ограничена падающая тень.
14.jpg?1578566380
Практика
Теперь изучим, как показать объем на разных фигурах.
Перед началом определите направление света и убедитесь, что конструкция объектов вам понятна.
На начальном этапе делайте сквозное построение, так прогресс в создании объема наметится у вас намного быстрее.
Сфера
Начнем с уже знакомой нам сферы. Тут все просто: выбираете тип освещения, держите в голове конструкцию формы, находите границу светотени, добавляете свет, собственную и падающую тени.
15.jpg?1578566503
На примерах 1 и 2 второй этапы — это действия, которые обычно делаются на глаз. Мы показали это, чтобы вы лучше понимали, какие процессы должны происходить у вас в голове.
Куб
С кубом еще проще — все его стороны плоские и легко определить, как каждая из них повернута относительно света.
Определите направление света и примерно представьте себе, как кубик будет повернут относительно него. Далее выставляйте освещенность плоскостей в соответствии с поворотом.
В нашем примере кубик двумя плоскостями повернут к свету и только одна остается в тени — та, что находится в противоположном от света направлении.
16.jpg?1578566598
Если вы рисуете иллюстрацию с кубом, поможет простой лайфхак. Если свет сверху слева, делайте правую плоскость теневой, верхнюю — самой светлой, а оставшейся добавьте средний по светлоте цвет, как в примере ниже.
Цилиндр
При рисовании цилиндра нужно найти границу светотени. Если с кубиком это не требуется, то здесь форма округлая и границу найти важно.
Ищется она по тому же принципу, что и у сферы. Граница будет проходить там, где округлая часть цилиндра будет параллельна свету. Обычно эта граница делается чуть правее от центра или как в примере.
Если свет у вас сверху, то верхние плоскости делайте самыми светлыми. Здесь работает тот же принцип, что был у кубика. На верхнюю плоскость (при условии, что свет сверху) обычно свет падает под бОльшим углом, поэтому она освещается больше.
17.jpg?1578566790
Конус
На конусе граница светотени пролегает там, где округлая его часть почти параллельна свету. Так как конус сужается, то определять границу светотени проще относительно основания.
18.jpg?1578566817
Задание 1
Теперь у вас есть все, что нужно новичку. Чтобы информация действительно превратилась в знание, нужно ее закрепить на практике. Так что предлагаем выполнить следующее задание.
Покажите освещенность уже знакомых объектов в соответствии с заданным направлением света. Выделите освещенную часть, добавьте собственную и падающую тени.
19.jpg?1578566858
Задание 2
Это задание поможет связать все вышесказанное воедино и проявить ваш творческий потенциал.

Объекты, которые вы будете рисовать, состоят из форм, которые мы разобрали выше. В своей основе они имеют те же кубы, параллелепипеды, цилиндры, конусы и сферы.
20.jpg?1578566883
Мы предлагаем создать небольшую композицию из предметов, которые состоят из простых объемов, разобранных в этой статье.
Нарисуйте 3-4 предмета, в основе которых лежит куб, сфера, цилиндр и конус. Покажите их объем: выделите свет, добавьте собственные и падающие тени. Источник света показывать необязательно. При необходимости можно обозначить полутон или блик. Стиль можно выбрать любой.
21.jpg?1578566921
Выполненное задание может выглядеть так
Не делайте окружение и пока не заботьтесь о композиции. Все это мы с вами потренируем в следующий раз.

Автор: Софья Палюхина, повелительница пера в Pixel