Как создать выразительную композицию с помощью визуального сторителлинга

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

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

Вся информация взята со страницы книги «Framed Ink» в переводе издательства «Питер».

«Framed Ink» — это «маст-хэв» руководство по визуальному сторителлингу. Книга учит художников работать с освещением, формой, ритмом, ракурсом и композицией, чтобы создавать выразительные рисунки с историей.

Приобрести «Framed Ink» на русском языке можно у наших друзей и партнеров — издательства «Питер».

Как создать читаемый кадр 

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

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

Давайте посмотрим, как это работает.

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

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

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

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

Как это выглядит на схеме:

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

Как это выглядит на схеме:

Примеры визуального сторителлинга

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

Ресторан (общий случай)

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

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

2-й кадр — напротив, стоит расположить между персонажами зрительно тяжелые элементы, визуальный диалог между ними оказывается нарушен. Это ощущение усилится, если фон персонажей будет различаться — тем самым они как бы оказываются в «разных мирах».

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

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

Установочный кадр

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

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

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

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

Оживление сцены

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

Взгляните на изображение ниже. В этом случае все три персонажа держат оружие: мы воспользовались этим и расставили их «веером», как если бы это были разные кадры одного и того же человека с оружием в движении — справа оно опущено, а на переднем плане слева пистолет агента поднят. Даже тень на стене позади него, кажется, расположена в соответствии с этим принципом.

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

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

Смотрим свысока, ощущаем слабость

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

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

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

Доминирующий ракурс

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

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

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

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

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

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

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

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

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

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

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

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

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