Воздушная перспектива

Нам пишут:

Поясни, что ты подразумеваешь под воздушной перспективой и покрытием лаком?

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

§ 1. Дано: куб в аксонометрии приятного качества (предупреждаю: это не пример техдизайна — исходник я планирую испортить в угоду объяснению).

Давайте попробуем разобраться, почему он кажется вывернутым наизнанку.

§ 2. Экран — медианоситель с недостатками. В отличие от картины он светится сам (что удобно), но все равно он плоский (что неудобно). Поэтому без подсказок не разобраться, что на переднем плане, а что на заднем. Для этого существует обычная перспектива, воздушная перспектива, детализация и расфокус. Леонардо в Моне Лизе учел все, кроме расфокуса, а вот Босх с воздушной не парился:

Впрочем, и у него поля на горизонте синие.

§ 3. Кубы в аксонометрии вообще проблемные, в них из подсказок только рисунок текстуры. Но это надо всматриваться:

§ 4. Воздушная перспектива — это толщина пыльного влажного воздуха. В тумане и воде перспектива становится совсем заметной, потому что обе эти среды рассеивают и поглощают свет. Чаще всего достаточно уменьшить контраст отстоящих предметов и добавить им оттенок атмосферы (синий в случае воды, серый в случае тумана). Для плоскостей нужен градиент от дальней точки к ближней:

§ 5. Нам такой сильный эффект не нужен. Поэтому надо его ослабить и посмотреть, что выйдет:

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

§ 7. Но мы все сделали правильно. Значит, проблема в чем-то другом. Похоже, воздушной перспективы недостаточно. Из-за предполагаемых размеров куба такое впечатление, что перспектива вывернута наизнанку. Как в некоторых иконах (так делается специально, почему — не буду объяснять):

§ 8. Трансформуймося! Кроме воздушной перспективы пусть будет геометрическая.

§ 9. Чем крупнее объект, тем сильнее должен быть выражен эффект перспективы. Но из-за свойств экрана (его скроллят), правильная перспектива кажется избыточной:

§ 10. Значит, надо откатить назад и сохранить вертикальные оси прямыми:

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

§ 12. Тут всплывает еще одна проблема: угол внизу слишком темный. Но мы же снова все сделали правильно. Значит, проблема не в самом кубе, а в окружающей среде. Там слишком прозрачная тень, это надо исправить:

§ 13. Частая проблема рисовальщиков — недооценка насыщенности ставящей тени. Особенно заметно по автомобилям: тень рисуют светлой, а на самом деле она очень темная. На картинке:

В реальном мире:

В следующий раз в городе внимательно смотрите на дорогу ;)

§ 14. Теперь цветокоррекция, чтобы посмотреть, какой насыщенности должен быть куб. По качеству он не дотягивает до исходного, поэтому надо все переделать начисто. Вместо градиентов используя, скажем, [O], Color Balance и особенно микроконтрасты на ребрах. Но тут уже надо лезть в исходник, а это выходит за рамки статьи.

§ 15. Последние штрихи. Во-первых, затемненная вершина в том месте, где на куб попадает меньше всего света. Это тоже делает ее менее контрастной по отношению к фону, благодаря чему она больше не выпирает вперед. Во-вторых, высветленные уголки — туда попадает свет, отраженный от белого пола. Done:

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

Это такая область, где нужен глазастый человек, чтобы все это увидеть и показать. Сколько бы я статей ни написал, пока не увидите это в своих работах, толку не будет. Так что записывайтесь на воркшоп по графике, в нем самое важное — как раз такое открывание глаз ;)

§ 16. Было-стало на одной картинке (1600×800 — по щелчку):

p.s. За кадром остались:

— Собственно, работа с исходником. Тут нужно минут 20 наедине с нерастрированным кубом.

— Работа с фоном. Если сделать его темным, получится гораздо эффектней. Но тут надо вообще все переделывать ☺

— Добавление деталей среднего размера, сейчас размеры объектов чересчур контрастны.

— И пр.