¿Qué es una sombra paralela?

Una sombra paralela es una copia más oscura y difuminada de una imagen, colocada detrás y ligeramente desplazada hacia un lado, como si la imagen flotara sobre la página. Hace que los recortes de productos, los logotipos, las capturas de pantalla y las fotografías destaquen del fondo, y aporta profundidad a los diseños planos.

Descripción de la herramienta

Abre una imagen, ajusta la suavidad de la sombra con Desenfoque y desplázala con los desplazamientos horizontal y vertical. Elige su color y opacidad en la sección Color. En una imagen PNG o WebP con transparencia, la sombra sigue la forma del sujeto, no el rectángulo que lo rodea. En una fotografía, la sombra sigue el contorno rectangular.

El lienzo se amplía lo justo para contener toda la sombra, y la descarga es un PNG con fondo transparente, listo para colocar en cualquier página o diapositiva.

Características

  • Sigue la forma de las imágenes transparentes
  • Desenfoque, desplazamiento, color y opacidad
  • El lienzo se amplía para ajustarse a la sombra, para que no se recorte nada
  • Descarga en PNG transparente

Cómo funciona

El Desenfoque funciona como el de una sombra CSS: aplica un desenfoque gaussiano cuya desviación estándar es la mitad del valor. La sombra se desvanece a una distancia aproximada de una vez y media el valor del desenfoque desde el borde de la imagen, por lo que el lienzo se amplía esa misma distancia en cada lado al que llegue la sombra, teniendo en cuenta el desplazamiento.

Consejos

  • Una sombra difuminada justo debajo de la imagen, sin desplazamiento horizontal, hace que parezca que flota.
  • Mantén la opacidad entre el 30 % y el 50 % para lograr un aspecto natural. Sin desenfoque y con opacidad total, el resultado tiene un estilo retro y plano.
  • En una página de color, un tono más oscuro del color de la página se ve más natural que el negro.
  • Mantén PNG o WebP como formato para conservar el fondo transparente. JPG coloca la sombra sobre un fondo blanco.