Блог

30.03.2010

Реалистичная тень

Если вас устраивают первые два варианта тени, то ниже читать не следует. Иначе запускайте Photoshop (версия не важна) и постарайтесь повторить шаги, описанные ниже.

Как вы уже успели догадаться, первый вариант тени основан на отбрасывании объектом (в нашем случае объект это автомобиль) «стандартной» тени. Она хороша в редких случаях. К примеру, когда тень должна лежать на плоскости перпендикулярной нашему взгляду – этот вариант нам не подходит, так как тень лежит не на той плоскости, на которой стоит автомобиль.

Для ее реализации нужно сделать активным слой с объектом, открыть окно «Стиль слоя» (Layer Style) [Слой > Стиль слоя > Тень] на рисунке это Шаг #1, выбрать пункт «Тень» (Drop Shadow) и настроить ее (Шаг #2). В результате у вас должна получиться тень, похожая на ту, которая изображена на рисунке в первом варианте.

Второй вариант тени: это размытый четырехугольник. Этот вариант заметно лучше первого, однако недостаточно хорош.

Для реализации этого варианта нам потребуется: сделать еще один слой [Слой > Новый > Слой] [Layer > New > Layer] или нажать комбинацию клавиш [Shift + Ctrl+ N] и положить новый слой под слой в котором автомобиль. Выбрать инструмент «Прямолинейное Лассо» в панели инструментов или нажать кнопку [L] (если у вас выбралось не прямолинейное лассо, нажмите несколько раз [Shift + L] или нажмите указателем мышки на инструмент лассо и удерживайте до появления других вариантов этого инструмента). После чего, нарисуйте в новом слое четырехугольник, напоминающий тень от автомобиля, этим инструментом. Залейте полученное выделение черным цветом (Нажмите [G] или выберите «Градиент» (Gradient Tool) в панели инструментов. Убедитесь в том, что у вас выбран основной цвет черный) – шаг #1 во втором варианте. Теперь «размоем» эту тень с грубыми краями. Для этого необходимо выбрать фильтр «Размытие по Гауссу» (Gaussian Blur) [Фильтр > Размытие > Размытие по Гауссу] [Filter > Blur > Gaussian Blur], выставить радиус действия (в примере 2,5 пикселя). Теперь у вас должна получиться тень, которая изображена на рисунке во втором варианте.

Третий вариант тени. Более реалистичный, но не идеальный.

Он добивается следующим путем: для начала нам нужно постараться представить как будет выглядеть тень под объектом если мы будем на нее смотреть сверху. Попытаться воспроизвести такую форму с помощью инструмента «Pen Tool» [P] (Шаги #1, #2). После чего, сделать из получившейся кривой выделение, нажав на кнопку «Load path as a selection» в свитке Pahts (шаг #3) или нажать [Ctrl + Enter]. Так как тень ближе к своему краю слабеет, то выберем отраженный градиент «Reflected Gradient» от черного до прозрачного черного (шаги #4, #5) и проведем как показано в шаге #6.

После этого убираем выделение [Select > Deselect] или [Ctrl + D] и делаем копию слоя [Layer > Dublicate Layer] или [Ctrl + J] (шаг  #7). Это нужно нам для того, чтобы чуть позже получить красивый размытый край тени. Одну копию слоя размываем сильнее [Filter > Blur > Gaussian Blur] с радиусом размытия 40 пикселей (шаг #8) и следующим шагом делаем ему непрозрачность в 20% (Opacity 20%) или просто нажимаем [2] в цифровой части клавиатуры. Вторую копию размываем слабее – с радиусом 20 пикселей (шаг #10) и выставляем непрозрачность в 40% (шаг #11). После чего просто совмещаем эти две копии, поставив одну строго под другой, в один слой: в свитке слоев «Layers» выбираем копию, которая лежит над второй и нажимаем [Ctrl + E] или скрепляем оба слоя и [Layer > Merge Linked]. Мы получили хорошую тень от всего кузова автомобиля. Теперь нам нужно грамотно ее «изогнуть».

В шаге #12 показано как следует трансформировать тень: выбираем [Edit > Free Transform] или [Ctrl + T], с зажатым [Ctrl] перемещаем маркеры (вершины) трансформации в нужном направлении для получения необходимого результата. Нажимаем [Enter], чтобы закончить трансформацию.

Извесный факт того, что чем больше расстояние объекта от поверхности, тем тень слабее и наоборот. У нас пака есть тень от кузова, но теперь еще нужно сделать тени от колес, которые в свою очередь должны быть сильнее чем тень от кузова.

Создадим новый слой [Layer > New Layer] или [Ctrl + Shift + N]. Теперь в нем делаем овальное выделение [M] или [Shift + M] (шаг #13). Выбираем простой линейный градиент от черного к прозрачному черному и проводим его так как показано в шаге #14. Убираем выделение [Ctrl + D] (Шаг #15). Теперь выбирем инструмент «Blur Tool» (шаг #16), настраиваем этот инструмент так как показано в шаге #17. После этого размываем сильнее более прозрачную часть градиента, меньше задевая темную часть. Этим мы получили заготовку для тени от колеса.
Делаем 3 копии этого слоя, так как у нас видно только 3 колеса – [Ctrl + J] * 3. Осталось эти копии расположить под колесами и трансформировать так, чтобы темная часть тени была под колесом, а прозрачная уходила под автомобиль.

Рубрики: Дизайн, Полезности, Уроки