Añadir una sombra larga a un logotipo

Añada una sombra larga diagonal con degradado, al estilo flat design, a un logotipo o un icono. Funciona mejor con una imagen PNG de fondo transparente; de lo contrario, la sombra también rodeará el fondo de la imagen.

Ejemplo:
Arrastre y suelte, o haga clic para explorar (15 MB máx.)

Cómo funciona

La herramienta crea primero una silueta de su logotipo (misma forma y transparencia, pero totalmente coloreada con el color de sombra elegido), luego dibuja numerosas copias desplazadas de esa silueta a lo largo del ángulo indicado, con un desvanecimiento progresivo hacia el extremo, y por último superpone su logotipo original encima. El resultado es esa sombra diagonal continua tan característica del estilo flat design.

¿Por qué mi resultado tiene una sombra cuadrada o rectangular?

Si su imagen de partida no tiene fondo transparente (por ejemplo, un JPEG con fondo blanco o de color), la herramienta considera ese fondo parte de la forma y lo extiende también como sombra. Utilice un PNG con canal alfa (fondo realmente transparente) para que solo la silueta del logotipo proyecte sombra.

¿Qué ángulo y qué longitud conviene elegir?

El ángulo de 45° es el clásico del estilo flat design (sombra abajo a la derecha). Una longitud del 100 al 150% da un efecto marcado y legible; por encima del 200%, la sombra se estira mucho y conviene sobre todo para composiciones grandes o imágenes de fondo.

Procesamiento 100% local: la sombra se genera íntegramente en su navegador mediante Canvas; su logotipo nunca se envía a un servidor.