Цвет и свет

Запись стрима c CoffeeTimeArt, к сожалению, не сохранилась. Для тех, кто пропустил, я пересобрала материалы в виде статьи. Приятного чтения!

Цвет и свет - невероятно обширная область. На нее можно смотреть с разных сторон: говорить про атмосферу и настроение или про зрительное восприятие, разбирать составляющие цвета, говорить о свойствах материалов и физике света.

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

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

Контраст, читаемость, группировка

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

В работах студентов на курсе “3d для 2d художника”, когда картинка приходит из 3d программы она часто освещена более-менее равномерно. И если на этапе эскизов или постановки света в 3d не было заложено, где будет акцент, фокусная точка(или точки) - картинка может получиться равномерно заполненной, шумной и равномерно отрендеренной. Свет же должен работать на идею, мы как художники должны принять решение, что главное в картинке и направить туда взгляд.

Про контраст по тону я писала небольшую заметку для SmirnovSchool. Один из примеров работа Ньюэлла Конверса Уайета(N.C.Wyeth) "Тристан и Изольда". Здесь отлично читаются герои на фоне, падающая тень создает направляющую, есть группировка в большие “пятна”.

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

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

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

Атмосферное освещение

Об атмосферном освещении я вообще не задумывалась до какого-то момента своей жизни. Да, говорят “свет теплый - тень холодная и наоборот”, но осознание почему она иногда(не всегда!) холодная, и вообще что это не “плотный ультрамарин” пришло ко мне позже :)

Когда я увидела пример с белым материалом в яркий солнечный день в книге Гарни, все перевернулось. Про подбор освещения есть очень хорошее выступление Lynn Chen с LBExpo.

Впечатление, настроение!

Это не в укор казуальному стилю, но я себя поймала на том, что использую одни и те же схемы и подходы. Голубое небо, зеленая трава. Если ночь - то все таинственное, сине-фиолетовое, оранжевый фонарь :)

Выше примеры работ, которые передают определенную атмосферу за рамками "милого-яркого-доброго" казуала. Они заставляют меня испытать особенные эмоции.

К сожалению, очень редко приходится рисовать что-то “этакое” по работе. Тем не менее, мне кажется важным пробовать что-то непривычное для себя.

Разнообразие и новый визуальный опыт

Не задумывалась об этом работая над отдельными задачами, обычно есть ТЗ и просто следуешь ему. Но при разработке линейки локаций стала это замечать.
Для игрока смена локаций, прогресс в игре - целостный опыт во времени. И смена освещения, цветовой гаммы может как влиять на эмоции, так и помогать “разнообразить” опыт.

Например, в Crash 4 мы просыпаемся на райском пляже, но чем ближе мы к горе - тем сильнее бушует штор. Атмосфера нагнетается, и вот уже во втором уровне - мы в таинственных пещерах.

Это есть и в старых играх :) В Pandemonium! на начальной локации много зелени, солнца, и уже через 5 минут мы попадаем в освещенный факелами, мрачный замок. Особенно мне, с точки зрения игрока, запомнился момент, когда мы выбираемся на лифте из темной башни в конце второго уровня. Нам буквально показывают, как мы проламываем стекло и снова видим небо, тогда как до этого все было непроглядно серо-коричневое.

Перцептивный цвет

У объектов есть собственный цвет, есть то, как на объект влияет освещение, а есть такое понятие как “перцептивный цвет”.

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

На аддитивном принципе работают экраны. У нас нету разноцветных лампочек в экране, только RGB(красные, зеленые и голубые соответственно). Поэтому и в Photoshop'е есть такие каналы. Вы скажите: это как будто не приближает нас к живописи :)

Но это объясняет иллюзии. Фон влияет на наше восприятие цвета. Поэтому между некоторыми цветами возникает “черная линия”, другие “пульсируют”. По этому принципу работают комплиментарные цвета(в сумме они дают белый в аддитивном наложении).

А вот другой пример: на иллюстрации кажется, что желто-оранжевый просто "горит"! Но если ткнуть пипеткой, он не такой уж насыщенный. Соседство с синим - вот что заставляет его "играть".

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

Chiaroscuro и импрессионизм

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

Мне ближе “разноцветность” работ импрессионистов. Но! Это очень интересное поле для анализа и обучения, кажется, не стоит "запираться" только в одном подходе и для расширения сознания точно стоит попробовать разное.

Личное переживание цвета

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

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

Также мне кажется интересным подмечать свое восприятие чужих работ, игр, кино. Вот эта локация в Spyro Reignited Trilogy - одна из моих любимых. Когда я попала в нее впервые, то просто “поплыла”. Такое приятное сочетание насыщенного изумрудного, синего и теплых свечей! Мне прямо было хорошо на душе(да, я из тех людей что бродит по локациям и пялиться, а потом делает миллион скриншотов :)

Но это все - лирика :) В жизни, конечно, все зависит от задачи. Свет может быть частью геймплея, как в Luigi Mansion. Вся игра может быть совсем монохромной(как Bridge) или в очень темных, сдержанных цветах, как Creaks. Цвет может быть нарративной составляющей, как в Gris. Цвета могут быть открытыми, как в Witness.

Как перевести это все в практику?

Стадики на фильмы. Я их делала очень мало, за компанию с коллегами, но это оч классно остановить кадр и подумать, что дало то или иное ощущение. Особенно если смотришь фильм уже в сотый раз :)Set Design в кино, выбор ракурса, света, объектов очень продуманный. Можно разбирать культовые или просто любимые фильмы.

Цветовые копии работ, которые нравятся вам. Главное, без пипетки! :)

Мне так же очень помогает Digital Painting Workout от Wouter Tulp как раз “расшатать” рамки. Там в основном портреты, но принципы универсальны. Попробовать low key, high key, ограниченную палитру, notan и т.д..

Стадики с натуры. Можно взять с собой и традиционные материалы, iPad или установит на телефон Procreate Pocket. Фотография, к сожалению, не передает те цвета, что в жизни, поэтому мне кажется интересным пробовать больше наблюдать, делать короткие зарисовки и заметки.

Люстра нарисована как раз на iPad - мне безумно нравится, как в ее стеклянной части отражается холодный экран, тогда как все вокруг - в теплом свете. А три маленьких картинки - из Procreate Pocket.

Что почитать/посмотреть про цвет и свет?

• Color and Light, James Gurney | "Цвет и свет", Джеймс Гарни Практично, очень предметно. Каждая глава - про что-то свое(определенное явление, прием). Настольная книга для любого художника.

• Schoolism, Painting with Color and Light
Общий курс по цвету и свету, понемногу обо всем. Если у вас есть возможность, рекомендую также посмотреть другие курсы на Schoolism, от Нейтана Фаукса и Сэма Нильсона.

• Picture This: How Pictures Work, Molly Bang Арнхейм на минималках. О зрительном восприятии, композиции, тоне и цвете.

• Sam Nielson, стрим про контрасты для LightBoxExpo
Часовое видео о контрастах в изображении и о том, как управлять вниманием зрителя.

• FZD School - про свойства различных источников света, контраст, атмосферные явления
Фэнг Зу рассказывает доступно, с презентациями, примерами и разборами мастеров. Если это видео "зайдет", рекомендую посмотреть и другие на канале. В тви также есть материалы с диаграммами и схемами, можно заглянуть и туда.

• Marco Bucci про Ambient Occlusion и о группировке в шейпы
Марко Буччи замечательнейшим образов в серии коротких видео рассказывает про цвет и свет, можно просто открыть его канал и смотреть все по-очереди :)

• Understanding Color (Blender Guru) Коротко обо всем: о параметрах цвета, зачем используется цвет, цветовые схемы.

• Выступление TED Color: Physics and Perception про перцептивный цвет

• "Плоскость и пространство, или жизнь квадратом", Александр Лапин В книге - про особенности зрительного восприятия плоского изображения. Написана простым и понятным языком.

• "Искусство цвета", Иоханнес Иттен и "Взаимодействие цвета", Джозеф Альберс Иттен - фундаментальная теория цвета, Альберс - практическое пособие с упором на перцептивное восприятие цвета. Обе книги горячо рекомендованы нашим артдиректором :)

Любите видеоигры, геймдев и cg? Подписывайтесь на мой тг-канал 🖤 https://t.me/stacy_frantsek 🖤