stringtranslate.com

Sombra proyectada

Un rectángulo rojo que proyecta una sombra sobre un fondo que parece 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 parece 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 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 de 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. [1]

Una forma sencilla de dibujar una sombra paralela de un objeto rectangular es dibujar un área gris o negra debajo y separada 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 hacerlos grises. Esto se puede hacer con la combinación alfa de la sombra con el área sobre la que se proyecta.
  2. Suavizar los bordes de la sombra. Esto se puede hacer añadiendo un desenfoque gaussiano al canal alfa de la sombra antes de difuminarla.

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

Edición de fotografías

En la edición de fotografías o la posproducció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 a menudo como efecto visual en el comercio electrónico. Esto se hace para mejorar la presentación de las imágenes de productos y crear profundidad en la imagen. [ cita requerida ]

Usar

Los administradores de ventanas apilables dibujan un borde de ventana alrededor de las ventanas, mientras que los administradores de ventanas compuestos dibujan una sombra alrededor de las ventanas.

En general, los administradores de ventanas que pueden realizar composiciones permiten efectos de sombra paralela, mientras que los administradores de ventanas que no pueden hacerlo 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 usar efectos de sombra paralela a través de las propiedades CSS box shadow, text shadow y filter. [2] Los dos primeros se utilizan para elementos y texto respectivamente, mientras que el filtro de sombra paralela se utiliza adicionalmente para el contenido del elemento, lo que le permite admitir elementos con formas extrañas o imágenes transparentes.

Enlaces externos

Referencias

  1. ^ Caspers, H. (1971). "Brockhaus ABC. Biologie. Mit Textabb. + 32 Taf. Leipzig: VEB FA Brockhaus Verlag 1969. 921 S". Revista internacional de hidrobiología e hidrografía . 56 (1): 138-139. doi :10.1002/iroh.19710560133. ISSN  0020-9309.
  2. ^ "drop-shadow() - CSS: Hojas de estilo en cascada | MDN". developer.mozilla.org . Consultado el 15 de marzo de 2023 .