Skvot

Mag

Skvot              Mag Skvot Mag
Курсы по теме:

Как выстроить крепкую композицию

Про контраст, ритм, равновесие — и не только.
card-photo
card-photo
Саша Сердюкова

Лектор MOTION DESIGN, 3D-ДИЗАЙНЕР

Можно профессионально работать в софте, но какой в этом смысл, если у тебя плохая композиция. Для любого дизайнера (даже рокера и бунтаря) композиция — это the must: она направляет внимание и задает атмосферу. С ней можно экспериментировать, но сначала — ее нужно понять.

Лектор курсов 3D-ДИЗАЙНЕР и MOTION DESIGN Саша Сердюкова в своей колонке объясняет, как сделать композицию, которая работает как надо. Пять простых правил и три упражнения — читай, чтобы уберечь себя от структурных фейлов.

Задачи композиции

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

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

Законы композиции

В композиции всегда есть главное и второстепенное. Главное — это персонаж (любой графический элемент), на котором фокусируется основное внимание зрителей. Они должны посмотреть на картинку и сразу понять: «Ага, вот это — ключевое, а все остальное — просто дополняет».

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

#1. ПРАВИЛО ТРЕТЕЙ

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

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

СОВЕТ. В точках пересечений линий, которые делят композицию, должны находиться самые важные и выразительные объекты. И желательно не занимать все четыре точки пересечения — достаточно двух.

Вот как это работает на примере прямоугольной композиции у @vitalygrossmann:

Те же принципы сохраняются и в квадратах — как в работе @vincentschwenk:

#2. КВАДРАТНАЯ КОМПОНОВКА

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

Накосячить с такой композицией очень сложно — объект в центре, все в равновесии, композиция выглядит гармонично:

Этот подход очень часто встречается в 3D-графике. Вот пример — работа @ghostcollider, «вшитая» в квадрат:

Примеры хороших квадратных компоновок — в работах Luke Doyle, FutureDeluxe, Six N. Five и Simon Appel.

#3. КОНТРАСТ

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

Чтобы сделать контраст, можно использовать:

ЦВЕТ — главный объект изображают темным и на ярком фоне, или наоборот — главный объект делают ярким, а бэкграунд темным, однотонным

СВЕТ — фигурка попадает в темную среду и подсвечивается

ТЕКСТУРА — надпись глянцевым шрифтом на матовом фоне

ФОРМА — главные объекты композиции можно сделать округлыми, а все вокруг — более острыми или угловатым

В своей работе @sixnfive использует три типа контраста: светлого и темного, мягкого света и теней, маленького материального объекта (стул) и большого природного явления (небо, облака):

СОВЕТ. Тем, кто только начинает работать в том же 3D, лучше не применять все варианты контраста сразу (хоть и очень хочется). Если сделать кругленький объект, потом его еще и исказить, добавить треугольник, а сверху поставить кубик, получится не контраст, а винегрет.

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

Примеры хорошего контраста — в работах SUCUK & BRATWURST, BUILDERS CLUB, STUDIO AMOS FRICKE.

#4. РАВНОВЕСИЕ

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

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

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

Примеры гармоничного равновесия — в работах Luke Doyle, Crea, Giant Ant.

#5. РИТМ

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

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

СОВЕТ. Начинающие моушн-дизайнеры часто добавляют в композицию слишком много объектов разных форм и цветов. Ничего ритмически не повторяется — объекты просто наваливаются друг на друга и создают визуальный шум.

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

Примеры гармоничного ритма — FANTASTIC!, Peter Tomaszewicz, Rizon Parein, Harry Bhalerao и Giant Ant.

Как прокачать навык строить композицию

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

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

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

Вот как это выглядит на примере картины Дэвида Хокни:

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

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

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

Это простой подход. Берешь работу и анализируешь: «Почему эта композиция — хорошая? Потому что здесь учтены вот такие и такие правила». И так много-много раз. Выводы откладываются в голове — и ты со временем все чаще применяешь это в работе. Чем больше хорошего видишь, тем больше хорошего делаешь.

Поделиться материалом
РАССЫЛКА SKVOT

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