Свойства теней

Как сделать тень реалистичной, часть 3 · Вадим Паясу, 2009

→ Предыдущая часть.

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

Но логика подсказывает, что есть способы попроще.

Чем больше по размеру источник света, тем более размытой будет тень. В облачный день резких теней ты не увидишь, потому что облака играют роль огромного софтбокса. С другой стороны, лампочка накаливания дает контуры, близкие к описанным в предыдущей части. Но в обоих случаях размытие будет — только вопрос в том, насколько сильное.

Откуда берется размытие?

Я думаю, все видели схему солнечного затмения, вот она:

Полное солнечное затмение эксклюзивней, потому что его показывают меньшему числу народа. Оно и понятно: полутень от луны больше, чем полная тень. Картинка с сайта home-edu.ru

Любой большой самосветящийся объект испускает лучи изо всех точек, поэтому если с какой-то поверхности будет видна хотя бы часть объекта, полной тени там не будет. Полная тень возникает только в тех местах, откуда не видно ни одной точки объекта. Полутень возникает в тех местах, где светящийся объект ЧАСТИЧНО перекрывается несветящимся.

На точку А тень не падает. В находится в полутени (чем ближе к полной тени, тем темнее). С находится в полной тени

Чем дальше от предмета тень, чем больший «путь» она преодолевает по воздуху, тем больше она размыта (поэтому тени от летящих авиалайнеров на земле незаметны).

Малые источники света

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

На веб-резрешениях я пользуюсь: blur tool hardness 0% на близких к объекту частях тени, blur tool hardness 70% на далеких от объекта частях тени

Тень около точек B’, C’ и D’ размыта больше, чем около M’, потому что отрезок MM’ короче, чем остальные три

Большие источники света

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

Методика здесь немного другая — я активно использую polygonal lasso tool, резинку и размытие, причем здесь я включаю кисть потяжелее — blur tool, round brush 100% hardness, 0px spacing.

Я отделил зону полной тени от зоны полутени. Поскольку это потом предстоит сильно размыть, достаточно только примерно угадать, где эта граница будет проходить

Резинкой диаметром в 100—200 пикселей я стер лишнее по краям. Граница тени и полутени при этом не должна стать заметной (то есть, нужно сделать плавный переход от освещения к тени, не трогая при этом зону полной тени)

У сильной кисти, кстати, есть большой косяк: она искажает цвета слоя. Лечится это новым слоем с clipping mask поверх прежнего

Снова резинка и еще несколько мелких действий

Получилась вполне приличная тень, с которой уже можно работать дальше. Я уверен, можно придумать несколько способов сделать это быстрее и качественней. Например, так (пусть это будет достаточно большой софтбокс):

Полутень в режиме multiply

Полная тень на новом слое в режиме multiply

Лампа дневного света. Я имею в виду в виду трубку с газом. С ней фишка такая: поскольку это продолговатый светящийся объект, размытие тоже будет происходить только в одном направлении. Примерно так:

Если присмотреться к тени, станет ясно, как расположена лампа. Если лампу повернуть, направление размытия изменится. Экспериментируйте с этим

Сложные источники света

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

Ни в коем случае нельзя пользоваться filter → blur → gaussian blur или ему подобными.