¿Dónde están ubicadas las fuentes de luz en Material design?

Google dice que las luces clave crean sombras direccionales y la luz ambiental crea sombras suaves desde todos los ángulos.

Refiriéndose específicamente a la imagen a continuación, ¿dónde están ubicadas las fuentes de luz ambiental y clave que han creado sombras direccionales y suaves alrededor del material?

ingrese la descripción de la imagen aquí

Fuente: https://material.google.com/material-design/environment.html#environment-light-shadow

Respuestas (3)

En realidad, tiene una altitud de 45 grados y un ángulo de 90 grados. Puedes verlo en el video que publicó @Cagrigk. ( este es el enlace con el momento exacto).

Estas imágenes publicadas en Material design:

El siguiente ejemplo muestra la tarjeta con una altura de 6dp.

Lo que implica una conversión de 12px:

xhdpi (2x) @ 6.00dp = 12.00px

Entonces, el tamaño real de la tarjeta es de 320 * 320 px y las sombras tienen un tamaño de 12 px (6 dp a 2x = 12 px), y como la sombra se coloca a 45 grados, el valor de la distancia también es de 12 px.


En las imágenes la esquina inferior derecha es la personalizada, y el resto es la imagen original.

Sombra proyectada por la luz ambiental (esta no tiene ningún ángulo):

luz ambiental

ajustes preestablecidos de luz ambiental

Sombra proyectada por luz clave:

llave de luz

ajustes preestablecidos de luz clave

Lo que no estoy seguro es con qué modo de mezcla combinar ambos estilos.

Está ubicado en la parte superior del cuadrado con un ángulo de unos 15 grados. Las sombras misceláneas se pueden ver como "Oclusión ambiental"

Mira este video para más información:

Diseño de materiales : https://www.youtube.com/watch?v=rrT6v5sOwJg

Puede que no sea de 15°, ya que eso depende completamente de la distancia relativa o, en este caso, perceptiva entre el objeto y el fondo en el que se percibe que se proyecta la sombra.

Me parece que la luz de la tecla está arriba y quizás un poco a la izquierda. Y la luz ambiental, por definición, está en todas partes. Esa es la luz que rebota por la habitación.