Учимся строить гармоничную композицию для коллажей

Это главный объект композиции, который первым привлекает внимание и становится основной точкой восприятия изображения.

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

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

Это затемнение краёв изображения, которое помогает сильнее сфокусировать внимание на центральной или выбранной области кадра.

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

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

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

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

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

Выделить главный объект можно с помощью:

• более насыщенного цвета;
• высокого контраста;
• фокуса камеры;
• движения;
• лица, фигуры человека или животного;
• направляющих линий;
• геометрии и расположения объектов.

Необязательно использовать все способы одновременно. Чаще несколько приёмов работают вместе и усиливают друг друга.

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

Направляющими могут быть дороги, стены, заборы, линии архитектуры, ветви деревьев и даже форма самого объекта.

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

Фокус камеры также помогает разделить планы. Главный объект оставляем резким, а передний или задний план делаем менее чётким. При необходимости внимание можно дополнительно усилить виньетированием.

Все эти приёмы полезны не только при создании коллажа, но и при выборе фотографии для сайта.

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

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

Для фотографий и коллажей существуют свои распространённые схемы построения кадра.

При правиле третей изображение условно делится на девять частей. Главный объект необязательно ставить точно в центр: его можно расположить около одной из четырёх точек пересечения линий.

Это помогает получать более живые и естественные кадры. Причём важный объект может занимать одну точку, две точки или целую область между направляющими.

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

Для ориентира можно использовать готовую спираль золотого сечения, но со временем принцип начинает считываться визуально.

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

Ещё один вариант — симметрия. Это построение, при котором части кадра отражают друг друга относительно горизонтальной или вертикальной оси.

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

Такие схемы не являются обязательными формулами. Они дают ориентиры, которые помогают понять, почему определённый кадр выглядит собранным.

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

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

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

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

Уравновешивать изображение можно через уже знакомый визуальный вес:

• размер объектов;
• контраст;
• насыщенность;
• свет и свечение;
• лица и фигуры;
• дополнительные декоративные элементы.

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

Гармоничный коллаж редко появляется сразу в готовом виде. Сначала определяется главный объект, затем выстраивается схема, после чего композиция постепенно дополняется деталями и проверяется на баланс.

Если возникает ощущение «чего-то не хватает», полезно не просто добавлять случайный декор, а посмотреть, какая часть изображения пустует, где находится самый тяжёлый объект и чем его можно компенсировать.

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

Перейти к следующему уроку