Леонид
18 мая 2015



Сергей, приветствую! Меня зовут Леонид. Я работаю дизайнером. Могу я спросить совета, как рисовать такие тени в фотошопе?









Надо сказать, что учебники, где рассказывают про академический рисунок, и про тень заодно, ничего не имеют общего с тем, что у нас на вебе. В некоторых местах я заметил, что таких теней физически существовать не может, но смотрятся они клёво. Такое возможно?




Сергей Чикин
Возможно всё. Не нужно ограничивать себя реальностью. Тем более, если вы видите, что смотрится круто :-)
Главное, помните, что незнание правил и их сознательное нарушение — не одно и то же.

Сегодня разберёмся с тенью от плоской таблички. Воспользуемся стандартным эффектом фотошопа дроп-шадоу:



Эффект тупо продублировал форму таблички, сместил тень вниз на 7 пикселей и размыл её. Попробуем сделать тень реалистичней: Для начала подкрасим тень в цвет таблички:


Настоящая тень распределяется неравномерно. Она резко гуще у объекта и плавно сходит на нет в конце. Так и настроим (справа на графике ближняя к объекту точка, слева — дальняя):


Последним шагом добавим шум:


Стало значительно лучше.

В месте, где тень соединяется с табличкой, заметна светлая полоска толщиной в полпикселя. На самом деле никакой полоски там нет. Мозг подрисовывает её из-за контраста соседних цветов. Компенсируем это, добавив «приземляющий пиксель»:




Теперь попробуем нарисовать тень вручную. Для этого продублируем табличку, покрасим её в чёрный цвет и размоем блюр тулом концы тени, оставив резкими участки рядом с объектом:




По тому же алгоритму подкрашиваем, добавляем шум:




А теперь самое интересное. Объединяем первую и вторую тень. Чтобы не было грязи, делаем обе тени прозрачней:




На сегодня всё. Продолжение через неделю.








Логотип для кастом-мотоцикла ←

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


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