Сергей Чикин
25 мая 2015



Продолжение про тени я попросил написать Максима Ткачука. Он на техдизайне собаку съел.

Максим, тебе слово.




Максим Ткачук
Тень всегда состоит из нескольких слоёв и почти никогда — из одного. Тень не бывает чисто чёрной. На её цвет влияет плоскость, предмет и освещение.

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

В нашем случае получается однопиксельная полоска, выглядывающая из-под стакана. Далее изменяем её прозрачность (в данном случае 35%), подкрашиваем в цвет, близкий к цвету стаканчика, но более тёмный (я взял #551d00), мягкой кисточкой с нажатием 15%. Легонько размываем край, по бокам подтираем стёркой.






Теперь переходим к падающей тени. Рисуем овал чуть больше дна стаканчика. Изменяем прозрачность (здесь 20%). Подкрашиваем и размываем с помощью моушен блюра по горизонтали (Distance — 35 пикселей). Мягкой кистью разблюриваем край тени и чуть подтираем по бокам стёркой.

В завершение рисуем ещё один овал, но размываем и подкрашиваем его в два раза слабее. Ставим прозрачность 10—15%, легонько блюрим и подтираем. Стоит добавить немножко шума самому широкому слою тени.






Со стаканом закончили. Теперь про карточки:

Создаём треугольную выделенную область и заполняем её градиентом от чёрного к прозрачному.





Изменяем прозрачность (тут 11%). Мягкой кистью блюрим от более прозрачного края к более насыщенному. Проводя кистью больше по более прозрачному краю и совсем не блюря в месте соприкосновения тени с картой.





Аналогично создаём тень с другой стороны, только более короткую.

В точке соприкосновения карточки с плоскостью рисуем небольшой овал и применяем к нему моушен блюр.





Изменяем прозрачность (здесь 28%), немного стираем по краям.





Теперь можно добавить цвета, насыщенности и шума.





Помните, тень — не просто чёрное пятно. Тень имеет разную плотность, чёткость и цвет на разном удалении от объекта. Смотрите на направление и интенсивность света.







Как рисовать тени в фотошопе. Часть 1 ←

→ Интересная иллюстрация для сайта


Мы позвоним вам сегодня или завтра