Sombra paralela

En diseño gráfico y gráficos por computadora , una sombra paralela es un efecto visual que consiste en un elemento de dibujo que simula la sombra de un objeto, dando la impresión de que el objeto se eleva por encima de los objetos que se encuentran detrás. La sombra paralela se usa frecuentemente para elementos de una interfaz gráfica de usuario, como ventanas o menús , y para texto simple. La etiqueta de texto de los iconos en los escritorios de muchos entornos de escritorio tiene una sombra paralela, ya que este efecto distingue eficazmente el texto de cualquier fondo de color sobre el que se encuentre.

Una forma sencilla de dibujar una sombra paralela de un objeto rectangular es dibujar un área gris o negra debajo y ligeramente desplazada del objeto. En general, una sombra paralela es una copia en negro o gris del objeto, dibujada en una posición ligeramente diferente. El realismo se puede aumentar mediante:

1. Oscurecer los colores de los píxeles donde se proyecta la sombra en lugar de convertirlos en grises. Esto se puede lograr mediante la mezcla alfa de la sombra con el área sobre la que se proyecta.
2. Suavizar los bordes de la sombra. Esto se puede lograr agregando un desenfoque gaussiano al canal alfa de la sombra antes de la fusión.

Las sombras proyectadas en el interior del elemento son un tipo de sombreado que dibuja las sombras dentro del elemento. Esto permite que el elemento de la interfaz parezca estar hundido en ella.

En la edición o postproducción fotográfica, se puede añadir una sombra paralela justo debajo de un modelo o producto en la imagen. Se utiliza para crear contraste entre el fondo y el sujeto. Para añadir una sombra paralela, los retocadores utilizan herramientas de edición gráfica como Adobe Photoshop .

Las sombras paralelas se utilizan con frecuencia como efecto visual en el comercio electrónico. Esto se hace para mejorar la presentación de las imágenes de los productos y crear profundidad en la imagen.

Por lo general, los gestores de ventanas con capacidad de composición permiten efectos de sombra paralela, mientras que los que no la tienen no. En algunos sistemas operativos, como macOS , la sombra paralela se utiliza para diferenciar entre ventanas activas e inactivas.

Los sitios web pueden usar efectos de sombra paralela a través de las propiedades CSSbox-shadow , ^{[ 1 ]}text-shadow , ^{[ 2 ]} y drop-shadow() la función de filtro en filter. ^{[ 3 ]} Las dos primeras se usan para elementos y texto respectivamente, mientras que el filtro se aplica al contenido del elemento, lo que le permite admitir elementos con formas extrañas o imágenes transparentes.

• Definición de sombra paralela en Mozilla