Контрасты в композиции
Сперва, возможно вам следует прочесть мою статью Главные, Вторичные и Третичные Формы, поскольку она содержит информацию, которая относится к теме это статьи.
В теории композиции, более желанными композициями являются композиции, в которых есть контрасты. Под контрастом я подразумеваю не только контроль контраста из Photoshop, хотя и он может использоваться чтобы дать нам подобие того контраста о котором мы будем говорить.
Я говорю про изначальное толкование слова: «Контраст: Состояние, являющееся поразительно иным от другого, как правило, в сопоставлении или тесной ассоциации с ним.»
Итак, контраст это 2 противоположные вещи. Чёрное и белое. Большое и маленькое. Мягкое и твёрдое. Громкое и тихое. Толстое и тонкое. Фактурная поверхность и гладкая поверхность. Всё это контрасты.
Контраст в композиции используется в основном по 2-ум причинам…
- Чтобы создать Визуальный Интерес: он помогает глазу двигаться по картине, не давая ему скучать
- Чтобы создать Акцентную Точку или Фокальную Точку: чтобы создать одну или две области в картине, на которые в первую очередь обратит внимание взгляд зрителя, это обычно наиболее важный объект в картине, словно герой истории.
Итак, давайте начнём с создания Визуального Интереса, и посмотрим на различные способы, которыми мы можем использовать контраст, чтобы сделать картину более эстетически приятной.
Часть 1: Контраст, чтобы создать Визуальный Интерес.
Контраст в Тоне
Давайте начнём со следующего изображения.
Это может быть неплохим паттерном для бумаги, но навряд ли оно привлечёт ваше внимание. В конце концов, бумага это не то, что привлекает внимание, скорее то, что размыто на фоне. Итак, давайте начнём с нашего первого контраста, Тонового Контраста. У нас есть тёмно-серый и чёрный, давайте сменим тёмно-серый на белый.
Уже стало лучше. Это тот тип контраста, о котором мы думаем, когда вспоминаем о контроле контраста в Photoshop, он делает тёмные темнее и светлые светлее. Тоновой контраст возможно наиболее сильный из всех доступных вам контрастов, ведь большой кусок нашей зрительной системы зарезервирован специально для интерпретации тона. Именно по этой причине, чёрно-белые фильмы до сих пор оказывают своё влияние на зрителя, наши глаза жёстко реагируют на тон, это очень сильный эффект.
Но хотя это изображение и стало контрастным, в нём отсутствует другой тип тонового контраста. В изображении всего на всего 2 тона. Пока белый контрастирует с чёрным, чёрные элементы не контрастируют с другими чёрными элементами. Так что давайте разнообразим тон элементов.
Контраст в Размере.
Следующий контраст, это контраст размеров. Каждый элемент имеет одинаковый размер, что создаёт очень регулярный ритм и даёт эффект «машинности».
Давайте немного разнообразим масштаб и элементы.
Это большой шаг вперёд. Заметьте, что размеры, которые вы выберете, могут быть столь же важны, как и тот факт, что объекты имеют разный размер. Для примера посмотрите на эти 5 элементов….
А вот здесь не только каждый элемент разного размера, но также отсутствует очевидный паттерн в размерах. Это в целом обеспечивает более органичный и визуально более приятный результат.
Итак, хотя каждый элемент теперь разного размера, они всё же остаются равномерно расположенными. Так что давайте добавим контраста к их положению.
Сейчас каждый элемент имеет разную дистанцию от своего соседа, но если вы посмотрите на изображение в целом, оно всё равно выглядит равномерно разделённым. Давайте добавим ему случайности.
Это создаёт области детализации и области визуального покоя. Чтобы узнать больше об этих принципах, посмотрите мой урок Области Визуальной Детализации, Области визуального Покоя.
Контраст в Положении также показывает другой принцип, скученности и группировки, поскольку элементы в изображении неким образом скучены вместе. Для большей информации о Скученности, посмотрите мой урок Скученность или Группировка.
Контраст в Оттенке/Насыщенности
Вы также можете использовать Оттенок и Насыщенность (прим. пер.:Hue and Saturation в Photoshop). Оттенок это истинный цвет предмета, такой как красный, синий, зелёный и т.д. Насыщенность это то, насколько «чистым» является цвет, если говорить в терминах живописи, цвет же смешанный с белым или чёрным теряют свою насыщенность.
Это изображение…
Не обладает таким высоким контрастом как это….
Если посмотреть с позиции тона, то синий цвет идентичен жёлтому.
И это изображение…
Не имеет такого контраста как это изображение…
В этом примере, все элементы имеют ту же базовую форму (несмотря на контраст в положении и размере).
Изменив формы на более случайные, мы можем получить прекрасный контраст.
В основном это размытые края против твёрдых краёв. Вы можете получить немного больше визуального разнообразия, просто сделав некоторые объекты в своей картине мягче, а некоторые твёрже в плане краёв.
Часть 2: Контраст чтобы создать Акцент или Фокальную Точку
Таким образом, контраст может помочь вам создать акцент или фокальную точку. Например, если бы вы дали герою яркий красный плащ, а другие цвета вокруг него были ненасыщенного коричневого цвета, то вы только что применили «Контраст Оттенка/Насыщенности», чтобы создать фокальную точку, и привести взгляд зрителя к герою. Большие объекты часто являются фокальной точкой. Области сильного тонового контраста, также часто являются фокальной точкой.
Давайте начнём с Контраста в Тоне. Чёрная точка имеет мильный контраст к белому фону и светло-серым точкам, в то время как светло-серые точки менее контрастны друг к другу и к белому фону. Таким образом, ваш взгляд сначала посмотрит на чёрную точку, сделав её фокальной точкой.
То же самое мы делаем Тоновым Контрастом, чтобы создать визуальный интерес, но в этот раз мы используем эту технику для несколько иной задачи. Вместо того чтобы вести глаз по всему вокруг, мы используем её чтобы выделить один элемент и таким образом указываем на конкретное место в картине.
Контраст в Размере
Но можно поступить и наоборот, сделав что-то маленьким в окружении больших объектов.
Иногда, люди могут сказать «сделай что-нибудь большим, чтобы создать фокальную точку», но вашему объекту нет нужды быть большим, достаточно лишь разительной разницы с размерами окружающих его элементов, чтобы привлечь внимание.
Контраст в ПоложенииОтделив что-то от группы, вы также можете создать акцент…
Иногда это ещё называется «Акцент через изоляцию».
Контраст в Оттенке/Насыщенности.
Если вы даёте элементу (или набору элементов поблизости) красный цвет, а остальные имеют зелёный цвет, то глаз будет склонен двигаться к красному элементу. Также заметьте, что красные объекты, даже несмотря на то, что они всего лишь 6 отдельных «I» , всё равно остаются визуально сгруппированными в один большой красный объект, благодаря феномену Группировки/Скученности о котором я говорил ранее.
В основном, яркие насыщенные цвета, склонны к тому чтобы привлекать к себе взгляд. Тёмные ненасыщенные цвета обладают меньшей способностью к привлечению взгляда. Тёплые цвета (красный, жёлтый и т.д.) склонны к тому чтобы выходить вперёд для взгляда, а холодные цвета (синий, фиолетовый и т.д.) наоборот, для взгляда уходят в глубину[1].
Контраст в Форме
[1] Известное среди художников правило: «Тёплые цвета выводят вперёд, холодные уводят в даль». Хотя на мой взгляд это больше касается пейзажей.
Здесь мы используем одну форму, которая составлена из линий одинакового размера. А вот вторая форма использует комбинации из толстых и тонких линий. Форма с контрастирующими толстыми и тонкими линиями, скорее всего, привлечёт ваше внимание первой.
Контраст в Качестве Края
В основном это размытые края против твёрдых краёв, взгляд в первую очередь склонен обращать внимание на твёрдые края. Поэтому одной из техник является создание мягкого фона и твёрдых краёв вашей фокальной точки, чтобы привлечь взгляд.[2]
[2] Особенно часто можно увидеть на фотографиях, когда предмет на переднем плане выглядит чётким, а фон позади него размытым.
Живые Примеры
В этом изображении техно пола, я использовал контрасты в форме, тоне, размере и положении, чтобы создать визуальный интерес и прекрасные области детализации и покоя. Но изображение не обязательно должно иметь сильную фокальную точку.
Это изображение использует те же техники, не только для того чтобы создать визуальный интерес, но и для того чтобы создать фокальную точку, которой будет являться круглое отверстие в верхнем левом угле картины.
Для нашей Фокальной Точки, я использовал «Контраст Формы» (что-то круглое в посреди большого количества прямых труб), «Контраст Тона» (круг ярче чем его окружение) и «Контраст Размера и Положения» (здесь много крошечных деталей рядом с фокальной точкой, но сама фокальная точка гораздо проще по форме и детализации). Я также использовал другие техники, чтобы создать фокальную точку, такую как линии направленные к ней (прим. пер.: фокальной точке) со всех сторон, но мы поговорим об этом в следующий раз, в теме посвящённой созданию фокальных точек.
И ещё одна заметка напоследок: Расположение круга конфликтует с глазом с точкой зрения того, чтобы быть фокальной точкой. Часто фокальные точки расположены рядом с центром вашего изображения, либо в других предопределённых местах (как на одной из линий в правиле 1/3). Так что если я хочу улучшить свою фокальную точку, то может стоит её немного сместить от центра.
Заключение
Пожалуйста, запомните эти правила контраста, когда в следующий раз будете делать свою работу. Это может помочь вам оживить скучный паттерн или направить взгляд зрителя к определённой точке вашей картины. Или если вы хотите спрятать какой-либо объект, потому что считаете его не слишком важным, то достаточно уменьшить его контрастность по сравнению с его окружением, что приблизит его к фону.
И да, есть много литературы об этих правилах, особенно хочу поблагодарить Sharon Calahan за её секцию о композиции в Advanced Renderman Companion , она прекрасно разбирается в этой теме.