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 parece la sombra de un objeto, dando la impresión de que el objeto se eleva por encima de los objetos detrás de él. La sombra paralela se utiliza a menudo para elementos de una interfaz gráfica de usuario , como ventanas o menús , y para texto simple. La etiqueta de texto de los íconos en los escritorios en muchos entornos de escritorio tiene una sombra paralela, ya que este efecto distingue efectivamente el texto de cualquier fondo de color frente al cual pueda estar. [1]
Una forma sencilla de dibujar una sombra paralela de un objeto rectangular es dibujar un área gris o negra debajo y 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 puede incrementarse mediante:
Las sombras paralelas insertadas son un tipo que dibuja las sombras dentro del elemento. Esto permite que el elemento de la interfaz parezca como si estuviera hundido en la interfaz.
Generalmente, los administradores de ventanas que son capaces de componer permiten efectos de sombra paralela, mientras que los administradores de ventanas que no lo hacen no lo hacen. En algunos sistemas operativos como macOS , la sombra paralela se utiliza para diferenciar entre ventanas activas e inactivas.
Los sitios web pueden utilizar efectos de sombra paralela a través de la sombra del cuadro de propiedades CSS , la sombra de texto y el filtro. [2] Los dos primeros se usan para elementos y texto respectivamente, mientras que la sombra paralela filtra adicionalmente el contenido del elemento, permitiéndole admitir elementos con formas extrañas o imágenes transparentes.