Añadir sombra
Agrega una sombra de tipo drop shadow a tu imagen. Ajusta el desplazamiento, el desenfoque y el color. Exporta como PNG con fondo transparente.
Para mejores resultados usa imágenes PNG con fondo transparente. La sombra se exporta como PNG.
Configuración de sombra
Color de sombra
Añade sombras realistas a iconos, logos y productos
La sombra proyectada es uno de los recursos visuales más efectivos para separar un objeto de su fondo y crear sensación de profundidad. En diseño web y de apps se usa siguiendo la Material Design de Google (sombra suave, desplazamiento sutil) o el estilo "neumorphism" (sombra doble, clara y oscura). Para e-commerce, las sombras en fotos de producto aumentan la percepción de calidad del artículo.
Configuraciones de sombra por caso de uso
Para diseño web moderno: desenfoque 20 px, desplazamiento X=0 Y=8, opacidad 25%, color negro. Para producto de e-commerce: desenfoque 15 px, X=6 Y=6, opacidad 40%, color gris oscuro. Para efecto dramático: desenfoque 5 px, X=10 Y=10, opacidad 80%, color negro puro. Para efecto neón: desenfoque 30 px, X=0 Y=0, opacidad 90%, color de acento brillante.
Otras herramientas
Preguntas frecuentes
- ¿Para qué sirve añadir sombra a una imagen?
- Añadir sombra proyectada es una técnica de diseño que da profundidad y sensación tridimensional a objetos, iconos, logos y fotos de productos. Se usa en diseño web para separar visualmente elementos del fondo, en presentaciones para destacar imágenes, y en e-commerce para dar volumen a fotos de productos sobre fondo blanco.
- ¿Qué controles de sombra están disponibles?
- Puedes ajustar cuatro parámetros: desenfoque (suavidad de la sombra de 0 a 50 px), desplazamiento horizontal y vertical (de -40 a 40 px para controlar la dirección de la luz), opacidad (del 10 al 100%) y color de sombra (6 presets + selector de color personalizado).
- ¿Qué formato tiene el resultado?
- La imagen se descarga como PNG. Este formato es el único que soporta el canal alfa necesario para preservar la transparencia alrededor de la imagen con la sombra, especialmente cuando el fondo del resultado es transparente.
- ¿Funciona mejor con imágenes PNG transparentes?
- Sí. Para el mejor efecto, usa imágenes PNG con fondo transparente (por ejemplo iconos o logos sin fondo). La sombra se aplicará solo al contorno del objeto visible. Si tu imagen tiene fondo sólido, la sombra se aplicará alrededor del rectángulo completo de la imagen.
- ¿Por qué la imagen resultante es más grande que la original?
- Para que la sombra sea visible fuera del contorno de la imagen, la herramienta añade un padding alrededor. El tamaño del padding es proporcional al desenfoque más el desplazamiento. Esto garantiza que ninguna parte de la sombra quede cortada.
- ¿Puedo hacer una sombra de colores para efectos creativos?
- Sí. Aunque la sombra negra es la más natural, puedes seleccionar cualquier color: una sombra azul da efecto neón, una sombra roja da sensación de peligro, una sombra verde crea efecto de retroiluminación. El selector de color personalizado permite elegir cualquier tono del espectro.
- ¿Para qué plataformas y usos es más útil esta herramienta?
- Es especialmente útil para: fotógrafos y diseñadores que venden en mercados de stock y necesitan que sus fotos de producto sobre fondo blanco tengan profundidad; diseñadores web que preparan assets para presentaciones y no tienen acceso a Photoshop; negocios locales y tiendas en línea de Mercado Libre, Etsy o Shopify que quieren dar volumen a las fotos de sus productos; y creadores de contenido que diseñan posts para Instagram con logos o stickers que necesitan separarse visualmente del fondo.