Как нарисовать тень, 3 простых этапа

17 апреля 10:11 2011

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


В своих работах я обычно (но не всегда) делаю тень в 3 слоя:

      1. Основная тень — самая большая;
      2. Тень у основания предмета — тень, меньше чем первая где-то на 50-70%, и чуть ярче;
      3. Ставящая тень — тень в 1-2 пикселя прямо под предметом.

Основная тень

Давай представим, что квадрат стоит сейчас на плоскости, а источник света находится справа сверху:

Будем учитывать, что квадрат — не куб, и его толщина пара миллиметров 🙂

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

Дальше размываю его дальний конец, и понижаю непрозрачность слоя до 10%:

Тень у основания

Потом дублирую слой с тенью, стираю нижнюю половину, повышаю непрозрачность слоя до 100%, и через ctrl+u добавлю тени синий оттенок.

Ставящая тень

Дальше добавляю 1пх тень под квадратом, и чуть затираю у нее края:

Ну, это в теории. Тень кстати не является правильной, т.е. такой какая она будет в реале, это лишь тень, которая не будет цеплять глаз.

Практическая часть урока

Теперь давай к практике, поставим мой блог на плоскость:

Тут будет опять же 3 этапа, начнем. Для начала нужно поставить букву не учитывая свет справа:

Это я сделал по аналогии с шариком из прошлого урока как нарисовать тень.

Почему мы сделали тень внизу, не учитывая свет? Ну, я немного приврал, свет я учитывал, тень есть, т.к. источник света находится сверху, и такая тень всеравно будет, только слабая. Поэтому понизь непрозрачность слоя с этой тенью до 75%.

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

Далее я просто выполняю те же манипуляции, что и с квадратом, кроме ставящей тени. Ставящая нам не нужна, т.к. фактически мы сделали ее первой.

Вот что вышло в итоге:

А плоскость кстати удобная штука:

Опять же повторюсь, Тут я рассказал только как нарисовать тень, которая не будет бросаться в глаза, крича «где-то наебывают!».

Да и вообще большинство теней которые рисуются — правильными не будут, хочешь правильную тень — рендерь. 🙂

И это.. С праздничком 🙂