Color
Caída de luz
La luz no se corta. Se desvanece.
La caída de luz es cómo la luz pierde fuerza al alejarse de su fuente. Si tus brillos y sombras la imitan, tu diseño deja de verse plano y empieza a sentirse real.
3 demos interactivas
Guía gratis por DM
Color
01
Qué es
En la vida real, la luz pierde fuerza al alejarse de su fuente. Por eso los brillos y las sombras nunca tienen bordes duros: se desvanecen. Eso es la caída de luz.
En diseño, la copias con degradados: fuerte cerca de la luz, suave lejos de ella. Cuando un brillo o una sombra termina en una línea seca, el ojo lo nota al instante y todo se ve de papel.
02
Pruébalo
Cambia entre corte duro y caída suave. Después sube la esfera: en la versión suave, la sombra crece y se difumina como en la vida real.
Se ve de papel
La regla de oro
Usa degradados suaves, no sombras duras.
03
Así no / así sí
Recortado.
La luz del encabezado y la sombra de la tarjeta cortan en seco. Parece un recorte pegado encima.
Real.
La luz se desvanece desde una esquina y la sombra se difumina al alejarse. La tarjeta flota.
04
La receta del degradado
Un degradado de dos puntos cae en línea recta y se ve artificial. Con cinco puntos, la luz cae rápido cerca de la fuente y se estira al final.
- 0%100
- 15%60
- 40%25
- 70%8
- 100%0
Arriba: posición en el degradado. Abajo: opacidad de la luz. Cae rápido cerca de la fuente y se estira al final.
05
Una sombra real tiene dos capas
La primera es la de contacto: pegada al objeto, pequeña y más oscura (por ejemplo, Y 2 px, desenfoque 4 px, 20% de opacidad). La segunda es la de ambiente: grande y muy suave (Y 24 px, desenfoque 48 px, 12%).
Juntas hacen que el objeto se apoye y flote a la vez. Una sola sombra dura no logra ninguna de las dos cosas.
06
Cómo aplicarlo hoy
1
Una sola fuente
Decide de dónde viene la luz. Todo brilla de ese lado y se oscurece del otro.
2
Agrega puntos
No te quedes con dos colores. Suma pasos intermedios para que la luz caiga rápido y se estire.
3
Sombra con desenfoque
Más lejos del piso, más grande y más suave. Nunca un borde duro.
4
Nada de negro puro
La sombra toma el color de la superficie: usa un tono oscuro del fondo, no #000000.
07
Antes de publicar
- ¿Toda la luz viene del mismo lado?
- ¿Ningún brillo termina en una línea dura?
- ¿Tu degradado tiene más de dos puntos?
- ¿Las sombras son suaves y sin negro puro?
COMENTA
“LUZ”
y te envío
la guía
por DM
La guía de caída de luz en PDF: seis páginas con ejemplos, reglas y la lista para revisar antes de publicar. Comenta la palabra en el reel de Instagram y te llega por mensaje directo.
Preguntas
frecuentes
¿Cómo hacer que un degradado se vea natural?
Agrega puntos intermedios en vez de usar solo dos colores, para que la intensidad caiga rápido al inicio y se estire al final. Así imitas cómo se apaga la luz real.
¿Cómo hacer sombras realistas en diseño?
Combina dos sombras: una de contacto pequeña y más oscura, y una de ambiente grande y muy difuminada. Usa un tono oscuro del fondo en lugar de negro puro y mantén la luz de un solo lado.
¿Por qué mis sombras se ven falsas?
Casi siempre por bordes duros, negro puro o luz que viene de varios lados. Sube el desenfoque, baja la opacidad y revisa que todas las sombras caigan en la misma dirección.
Sigue aprendiendo
