Ритм, баланс и контрформа — разбираем композицию по косточкам
Автор рассказывает, что такое композиция и какие приёмы сделают иллюстрацию привлекательной, и покажем их на примерах известных картин и digital-работ.
Что такое композиция
Композиция — это образная структура изображения или рисунка. Суть композиции заключается в том, чтобы гармонично расположить элементы в иллюстрации и добавить акценты, например, по форме и цвету. Таким образом художник или дизайнер воздействует на зрителя — направляет его взгляд в нужном направлении, передаёт смысл и эмоцию произведения.
Чтобы подчеркнуть главный объект, создать движение или добавить глубину в изображение, художники используют различные композиционные техники. Например, в иллюстрации горного пейзажа можно разделить холст на три части: разместить горы в верхней трети, леса и озеро в средней, а небо — в нижней трети изображения. Эта композиция создаст баланс и гармонию в изображении и передаст настроение местности.
Гармоничные иллюстрации помогают привлечь внимание людей к бренду или продукту. Передают информацию, которую сложно объяснить словами, и создают стиль, опираясь на ценности компании. Научиться создавать такие иллюстрации можно самостоятельно — изучать картины художников, работы иллюстраторов и делать по ним наброски. Минус такого подхода в том, что новичок не всегда видит ошибки композиции, а рядом нет более опытного художника, который подскажет, что в иллюстрации получилось хорошо, а что нужно поправить.
Особенности зрительного восприятия
Разберём подробнее, как мозг человека анализирует окружающий мир и как эти механизмы связаны с композицией.
Выделение акцентов
Мозг обрабатывает огромное количество информации и фильтрует её, чтобы сосредоточиться на значимых деталях. Для этого он выделяет акценты или пятна. Они необязательно должны быть большими — глаз может зацепиться за форму или цвет. Например, яркий красный может указывать на опасность или вызывать страсть, а необычная форма приглашает изучить объект.
В композиции акценты называются визуальными доминантами. Часто их строят на основе контраста по цвету, тону, форме, размеру, фактуре — всего, что может выделить объект на общем фоне.
Распознавание других людей
Если на картинке изображён человек, то первой точкой притяжения будет его лицо. Люди сразу считывают себе подобных — в первобытные времена это помогало узнавать сородичей и чужаков. Поэтому в рекламе часто используют фотографии или иллюстрации с людьми — через этот древний паттерн проще получается привлечь внимание.
Поиск гармонии и смысла
Для мозга увидеть красоту — значит решить задачу. Эволюционно он привык искать целое и собирать его из разных фрагментов — пятен, точек и других элементов, которые используют для маскировки животные. Когда пазл сложился и получилось распознать условную добычу, срабатывает система вознаграждения и мозг получает удовольствие. На этом процессе основано приятное чувство, которое испытывает человек, разглядывая картины импрессионистов или кадры известных фотографов.
Британский нейробиолог Семир Зеки выяснил, какие участки мозга отвечают за восприятие красивого и эстетичного. Участники его эксперимента смотрели на полотна известных художников — да Винчи, Боттичелли, Моне, Сезанна. Магнитно-резонансная томография показала всплеск дофамина в орбитофронтальной коре испытуемых — она отвечает за удовольствие и желание.
В поддержку эксперимента Семира Зеки можно привести пример и творчества африканских племён. У них не было возможности ходить по музеям и получить такой богатый визуальный опыт, как у жителей больших городов. Тем не менее элементы в этих орнаментах расположены гармонично, и для жителя Парижа или Лондона это тоже будет красиво. Получается, что чувство прекрасного у человека отчасти врождённое.
Правила композиции
В композиции есть несколько базовых принципов и элементов. Их используют художники, иллюстраторы, фотографы и кинооператоры.
Минимум одна доминанта
Доминанта в иллюстрации — это элемент, который привлекает внимание зрителя и определяет главный объект или центральную идею работы. Без доминанты иллюстрация может выглядеть скучно и непонятно — так зритель быстро потеряет интерес.
Чтобы выделить доминанту в композиции, нужно определить основную тему работы, а затем разместить объекты в иллюстрации таким образом, чтобы они привлекали внимание к центру или к главному объекту. Сам объект можно выделить цветом или формой.
Располагать объекты по третям
Этот принцип — родственник другого известного правила в композиции, золотого сечения. Отличаются они соотношением частей изображения. По золотому сечению картинку делят на две части в пропорции 2:3 или 1:1,618. В случае третей кадр разбивают на три равные части — вертикально и горизонтально. Важные элементы композиции размещают либо вдоль этих линий, либо на пересечении девяти прямоугольников. Так получится сбалансировать композицию и управлять вниманием зрителя. Правило третей проще освоить, чем золотое сечение, поэтому оно больше подходит для новичков.
Задавать ритм
Ритм — это повторение определённых элементов или форм. Как и в музыке, он делает композицию интереснее. В иллюстрации ритм объединяет основные элементы и ведёт зрителя.
Виды иллюстраций, где нет доминанты, но есть чёткий ритм — это паттерны. Глазу они тоже приятны, потому что элементы в паттернах строятся по правилам композиции. Например, в мандале могут чередоваться кружочки, большие и маленькие лепестки, тёмные и светлые элементы, много маленьких точек и сплошные линии.
Чередовать количество и размеры
Китайское правило гармонии звучит так: чтобы уравновесить объекты, нужно чередовать чётное количество предметов и нечётное или крупные объекты с мелкими. Необязательно всегда следовать этому правилу, но если регулярно замечать его в иллюстрациях, то оно отложится в голове как полезный паттерн.
Учитывать контрформу
В современной digital-иллюстрации тоже соблюдают основные правила композиции. Но изображениям для приложений, сайтов и мерча часто не нужен фон, на котором художники обычно помещают дополнительные детали для баланса. Иллюстрация должна хорошо выглядеть как сама по себе, так и в макете — взаимодействовать с текстом, кнопками и прочими элементами дизайна. Поэтому здесь особую роль играет контрформа — пространство вокруг изображения. Оно так же важно, как, например, паузы в музыке. Если не учитывать контрформу в интерфейсе и перегружать его иллюстрациями, пользователю сложно будет фокусироваться на контенте.
Главное правило работы с контрформой — воспринимать её как элемент композиции, а не пустоту. Если белый цвет смущает, можно временно покрасить негативное пространство в серый. Дальше — работать с пропорциями и смотреть, как на этом условном фоне смотрится основная иллюстрация. Лайфхак: она должна «весить» больше контрформы.
Для нестандартных задач — забыть о классических правилах
Формат современных иллюстраций часто ограничен макетом — классическим 2:3 и 16:9 или нестандартным. Например, иллюстрация может понадобиться для этикетки или длинного баннера — узкого вертикального или горизонтального макета. Для такого формата сложно использовать универсальные правила композиции. Выход — отталкиваться от задачи иллюстрации и подключать насмотренность.
Типы композиционных структур
Композиционные структуры бывают статичные и динамичные. Одни дают ощущение покоя и умиротворённости, другие наоборот показывают движение и развитие истории.
Добавлять в иллюстрацию статику и динамику можно, меняя угол, под которым зритель смотрит на объект. Больше вертикалей и горизонталей — больше статики в композиции.
В динамичных композициях недостаточно распределить все элементы по правилам. Здесь задача сложнее, чем в фотографии, где главное — поймать момент — или в кино, где покажут следующий кадр. Важно в одном изображении рассказать историю и намекнуть, как она может развиться. Для этого нужно добавить акценты, которые помогут зрителю понять смысл. Иногда такой акцент — это не конкретный предмет или цвет, а поза героев или направление их взгляда.
Как практиковаться в композиции
Как и в любом творческом деле, важно много смотреть и анализировать, а затем объединять это с теорией. Мозг складывает в копилку всё, что видит, а когда нужно решить задачу — выдаёт подходящий для неё паттерн. Разберём несколько вариантов практики при создании композиции.
Визуальный анализ
Можно смотреть подборки с разными иллюстрациями и отвечать на такие вопросы:
● Как это сделано?
● Почему привлекает внимание?
● Какие эмоции это вызывает?
● Какая задача была у иллюстрации?
● Почему взгляд падает сюда?
● Как подчёркнут сюжет?
Задача этой практики — разобраться, что вызывает в работах интерес, а что отталкивает, какие схемы использовал автор. Необязательно ограничиваться только картинами — подойдут и фотографии с пояснением правил композиции. Например, как в этом видео с советами от фотографа Стива Маккари.
Композиционный конспект
Закрепить визуальный анализ можно с помощью композиционного конспекта — упрощённой версии иллюстрации. Задача такого наброска — передать только основные формы, тона и акценты. Так получается отвлечься от смыслов и отдельных объектов и переключить внимание на композиционную структуру.
Сделать конспект можно вручную — с помощью цветной бумаги или вырезок из газет. Плюс такого подхода — в том, что он подключает мелкую моторику, которая связана с запоминанием. Если нет времени на бумагу и клей, то можно использовать онлайн-инструменты, например Figma. Положить картинку на нижний слой и обрисовать простыми геометрическими формами или силуэтами.
В начале — чёрно‑белый формат
Научиться чувствовать композицию по форме и ритму важно — так получится разобраться, как взаимодействуют объекты и как подобрать для них визуальный вес. Цвет может отвлечь, поэтому вначале лучше работать с чёрно-белой гаммой и подбирать правильные тона для элементов композиции. Если фигура светлая, делать её светло-серой, а тёмную — почти чёрной. Тональность может сильно влиять на вес объекта. Например, маленький, но тёмный может притягивать взгляд намного сильнее, чем большой, но светлый.
Не спешить с цветом
Цвет — такой же мощный способ передать доминанту, как и форма, но для него не работают правила, которые используют в работе с чистой формой. Поэтому цвет нужно добавлять постепенно и смотреть, как меняется восприятие, какие появляются акценты.
Начинающему иллюстратору порой сложно работать с цветом — яркие краски отвлекают и мешают оценить тональность объектов. Чтобы проверить, правильно ли получилось подобрать тон для цветов, изображение можно перевести обратно в чёрно-белый профиль. Если соседние объекты будут окрашены в близкие оттенки серого, то какие-то цвета лучше затемнить или осветлить.
После цвета и формы можно перейти к более сложным задачам. Например, добавлять плановость — располагать объекты ближе и дальше.