Нашла урок тут, решила поделиться с интересующимися)))
Сразу результат:
Итак, у нас есть макет таблички, которая будет вешаться на дверную ручку. Открываем ее фотошопом и сразу поворачиваем на небольшой угол (так в дальнейшем она будет выглядеть более естественно). Получается вот такая картинка:
[показать]
Теперь применяем к слою с табличкой эффект "Drop Shadow"... и видим эти неубедительные тени:
[показать]
Видим. Удаляем и больше к этому эффекту не прибегаем :) потому как тень получается нереалистичная.
Для того чтобы тень была реалистичная, ее нужно корректно построить. Проще всего положить перед собой реальный кусок бумаги и поизучать "живые" тени. Но т.к. фотоаппарата у меня нет под рукой, то я смоделировал в 3D вот такой пример:
[показать]
Что мы здесь видим? Видим, что есть совсем темные участки - сразу за цилиндром (тень), а есть более светлые (полутень). Это происходит потому, что источник света (в моем примере это некое подобие софтбокса) шире чем цилиндр. Такие же полутени возникают, если при освещении используется два и более источников света. С этим, наверное, вопросов ни у кого не возникает, т.к. все объясняется простой геометрией :) Видим также, что чем дальше участок тени от объекта, тем более расплывчаты его границы и тем меньше его насыщенность.
Вернемся к нашей табличке. Сейчас она у нас абсолютно плоская. Чтобы сделать картинку более натуральной, надо придать табличке форму. У реальной бумажной таблички наверняка будут слегка замяты края, наверняка будет изгиб в центре (посмотрите на любую визитку, буклет или лист на вашем столе). Все эти изгибы и будут отбрасывать тень. На следующей картинке я выделил красным эти части.
[показать]
Переходим к рисованию теней. Сперва определимся, где у нас будет расположен источник света. Для европейца логично, чтобы свет шел откуда-то слева-сверху, потому что пишем мы слева направо и сверху вниз. И если вы не левша, то наверняка светильник у вас стоит на левой части стола (чтобы тень от руки не мешала писАть). Поэтому нашему глазу будет привычней такое расположение, чем какое-либо другое. Итак, источник света у нас слева сверху, значит тени бадают вправо-вниз.
Рисуем пером форму этой самой тени. Основное - это отрисовать выступающие участки, часть которая скрыта под самой табличкой нас не интересует:
[показать]
Заливаем эту форму темным цветом. Цвет должен быть не черный, а более темный оттенок нашей таблички:
[показать]
Применяем Gaussian Blur. Затем слегка стираем и размываем тень там, где табличка сильно отходит от поверхности (вспомнаем тень из 3D примера). Играемся с прозрачностью слоя, пока картика не станет приятна глазу. Здесь я показал слой тени отдельно. Стирать и размазывать его надо конечно с включенным поверх него слоем с табличкой.
[показать]
Можно еще сделать копию слоя, размыть ее чуть меньше и оставить только в тех местах, где расстояние между табличкой и воображаемой поверхностью минимально. Это придаст глубины теням в этих местах. Ставим этот слой поверх предыдущего. Режим наложения - Multiply и снова играемся с прозрачностью.
[показать]
Почти готово. Теперь осталось применить пару эффектов к слою с самой табличкой. Первый - это градиент, который будет эмитировать отблеск глянцевой бумаги и тонкая обводка с маленькой прозрачностью для имитации толщины бумаги:
[показать]
Осталось только наложить узор (ну забыл я его в макете наложить :)) и нарисовать замятость на язычке... от чего он вверх у нас и топорщится. Готово!
[показать]