кнопка с тенью

Можно углубиться и сказать, что свет, отраженный от предмета (это в нашем случае синий диапазон волн) попадает на белую поверхность и уже от нее отражается нам прямо в глаз.

Немного теории. Рефлекс отбрасывает любой предмет, это легкое его отражение на поверхности.

Создаем слой обтравочной маской к слою с первой тенью. и в нем кистью с небольшой прозрачностью ставим пятно, которое по цвету будет совпадать с фигурой.

А теперь рефлекс.

Один нюанс: тени лучше делать серыми, а не черными с прозначностью, и задавать их слоям режим умножения (Multiply). Особенно если предмет находится на цветном или неоднородном фоне, так будет естественнее смотреться.

Все равно отрывается. Да, мы ж забыли про рассеянное освещение. Нужно создать тень и от него. Это просто: рисуем тень поближе к телу в новом слое и повторяем все те же действия.

Теперь аккуратно резинкой (Е) с прозрачностью около 30% стираем края тени. Главное не стереть тень у основания фигуры, тогда ее нужно будет рисовать заново, появится ощущение что куб оторван от поверхности.

Растрируем слой с тенью, размываем ее инструментом Blur Tool (R). Важно помнить, что чем тень от предмета дальше, тем она менее контрастна и тем более размыт ее край. Объяснить это просто: на таких участках свет интерферирует, и на них попадает больше рассеянного излучения (боже, как это страшно звучит).

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

Обратите внимание на то, что в тени линия горизонтального ребра фигуры будет параллельна самому горизонтальному ребру. Потом в работе этот эффект не будет так Pзаметен, но надо быть точным.

свет падает слева, предмет освещен слева, и та область, на которую направленный свет не попадает, будет в тени. Берем кубик (рисуем, не ленимся) и кладем тень с помощью векторного слоя-фигуры, потом растрируем. Кому-то милее прямолинейное лассо, тут вам виднее.

Иначе мы видели бы только освещенные стороны, а затененные были бы просто черными дырами.

Свет в этом случае можно считать направленным или рассеянным. В любом случае обе этих пироды в нем будут сочетаться. Почему так? Да потому, что кроме той его части, которая направлена строго на предмет, он попадает на стены, потолок, другие поверхности. Отражаясь от них, он становится рассеянным, и поэтому мы различаем затененные стороны предметов.

Это потому, что у дизайнеров и вообще большинства людей слева стоит лампа, или стол левой стороной ближе к окошку. Так удобнее и писать, и набирать на клавиатуре свет в этом случае падает на то место, где вы рисуете или пишете. И человек вполне природно воспринимает тень от иконки, любовно нарисованного нами грузовичка, машинки или глобуса именно падающей слева. Но вообще все зависит от задачи, бывает по-разному.

Для начала расскажу о том, откуда светит (простите) свет, и как падает тень. Свет априори показываем слева сверху.

О более интересных вещах

Для начала давайте определимся с тем, когда какие тени нужно вообще рисовать. Кроме иллюстраций, тени могут отбрасывать элементы сайта, например, всплывающие окна, области авторизации, кнопки. С кнопками все просто. Кнопка с тенью, в отличие от кнопки без тени, так и просится, чтоб на нее нажали она же отстоит от поверхности:

Поговорим сегодня о том, как правильно и красиво рисовать тени на иллюстрациях. Не всегда же создавать их через эффекты слоя, да? )

Тени на иллюстрациях

Тени на иллюстрациях | Семён Лобач