Sombra paralela
Un rectángulo rojo proyecta una sombra sobre un fondo similar a la madera 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 se parece a 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 iconos de los escritorios en muchos entornos de escritorio tiene una sombra paralela, ya que este efecto distingue efectivamente el texto de cualquier fondo de color que pueda tener delante.
Una forma sencilla de dibujar una sombra paralela de un objeto rectangular es dibujar un área gris o negra debajo y desplazarla 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 incrementar mediante:
- Oscurecer los colores de los píxeles donde se proyecta la sombra en lugar de hacerlos grises. Esto se puede hacer con alfa mezclando la sombra con el área sobre la que se proyecta.
- Suavizando los bordes de la sombra. Esto se puede hacer agregando desenfoque gaussiano al canal alfa de la sombra antes de mezclar.
Las sombras paralelas insertadas son un tipo que dibuja las sombras dentro del elemento. Esto permite que el elemento de la interfaz aparezca como si estuviera hundido en la interfaz.
Usar
Los administradores de ventanas apilables dibujan un borde de ventana alrededor de las ventanas, mientras que los administradores de ventanas de composición dibujan sombras alrededor de las ventanas Generalmente, los administradores de ventanas que son capaces de componer permiten efectos de sombra, mientras que los administradores de ventanas incapaces no. En algunos sistemas operativos como macOS, la sombra paralela se usa para diferenciar entre ventanas activas e inactivas.
Los sitios web pueden utilizar efectos de sombra a través de la sombra del cuadro de propiedades CSS, la sombra del texto y el filtro. Los dos primeros se utilizan para elementos y texto respectivamente, mientras que el filtro de sombra paralela se filtra adicionalmente al contenido del elemento, lo que le permite admitir elementos de formas extrañas o imágenes transparentes.
enlaces externos
Referencias
- ^ [1], función de filtro drop-shadow (), Mozilla Developer Network
- v
- t
- mi
