Aplicar efectos de mezclas

Última actualización el 6/02/2023

Conozca cómo trabajar mejor con efectos de mezclas para mejorar sus diseños.

Cuando trabaje con imágenes en sus diseños, es posible que desee ir más allá de una simple foto para crear efectos interesantes y únicos. Por ejemplo, puede que desee agregar el color de su marca como un efecto en sus imágenes para crear un diseño visualmente atractivo. 

Los modos de fusión le permiten crear automáticamente activos de imagen compuesta combinando una capa de imagen con otra capa usando un conjunto de modos predefinidos. 

Aquí se muestran algunos efectos de ejemplo creados usando los modos de fusión Multiplicar, TramaLuz fuerte, exclusión y luminosidad.

Modos de fusión
¡Use efectos de mezclas para crear magia con colores!

¿Tiene curiosidad por las terminologías de color de fusión?

  • El color de fusión es el color original del objeto, el grupo o la capa seleccionada.

  • El color base es el color subyacente de la ilustración.

  • El color resultante es el color que resulta de la fusión.

La mezcla de color base y color de fusión dependen del modo de fusión seleccionado.

Términos de fusión

A. Color de fusión B. Color base C. Color resultante 

Grupos Modo de fusión Resultados de diseño
Normal Normal Este es el modo predeterminado y no se aplica el modo de fusión.
Oscurecer Oscurecer Busca la información de color de cada imagen y selecciona el color base o el de fusión, el que sea más oscuro, como color resultante. Los píxeles más claros que el color de fusión se reemplazarán y los más oscuros no cambiarán.
  Multiplicar Busca la información de color de cada imagen y multiplica el color base por el color de fusión. El color resultante siempre es un color más oscuro.
  Subexponer color Busca la información de color de cada imagen y oscurece el color base para reflejar el color de fusión mediante el aumento del contraste entre ambos. 
Aclarar Aclarar Busca la información de color de cada imagen y selecciona el color base o el de fusión, el que sea más claro, como color resultante.
  Trama Busca la información de color de cada imagen y multiplica el inverso de los colores de fusión y base. El color resultante siempre es un color más claro. 
  Sobreexponer color Busca la información de color de cada imagen e ilumina el color base para reflejar el color de fusión mediante la disminución del contraste entre ambos.
Contraste Superponer Multiplica o trama los colores, dependiendo del color base. Los motivos o los colores se superponen sobre los píxeles existentes al mismo tiempo que se mantienen las iluminaciones y las sombras del color base. 
  Luz suave Oscurece o aclara los colores, dependiendo del color de fusión. El efecto es similar al que se obtiene al iluminar la imagen con un foco difuso.
  Luz fuerte Multiplica o trama los colores, dependiendo del color de fusión. El efecto es similar al que se obtiene al iluminar la imagen con un foco intenso. 
Inversión Diferencia Busca la información de color de cada imagen y resta el color de fusión del color base, o al contrario, dependiendo de cuál tenga mayor valor de brillo. 
  Exclusión Crea un efecto similar pero más bajo de contraste que el modo Diferencia.
Componente Tono Crea un color resultante con la luminancia y la saturación del color base y el tono del color de fusión.
  Saturación Crea un color resultante con la luminancia y el tono del color base y la saturación del color de fusión. 
  Color Crea un color resultante con la luminancia del color base y el tono y la saturación del color de fusión. 
  Luminosidad Crea un color resultante con el tono y la saturación del color base y la luminancia del color de fusión.

¿Desea crear un efecto de mezclas?

Antes de comenzar, use estas simples reglas para comprender cómo se manejan los objetos cuando se aplican o modifican modos de fusión:

  • Apariencia: aplica y afecta a todo el objeto.
  • Componente maestro: aplica y afecta a todas las instancias en su proyecto de diseño. Por ejemplo, si cambia el color de un objeto en el componente maestro, el cambio se aplica en cascada en todas las instancias de su proyecto de diseño.

  • Instancia de componentes: anula los modos de fusión aplicados en instancias de componentes.
  • Repetir cuadrícula: se aplica a todas las celdas.
  • Interoperabilidad: conserva el efecto de mezclas cuando se trabaja con Photoshop, Illustrator, Sketch y After Effects.

Seleccione una imagen u objeto (incluidas formas, capas de texto, grupos, máscaras o componentes) en el lienzo de diseño. En el Inspector de propiedades, seleccione y aplique el modo de fusión de su elección. 

También puede usar Opción Mayús + / -  en MAC y Alt Mayús + / - en WIN para alternar entre los niveles de apariencia de los modos de fusión aplicados.

Para obtener una vista previa del efecto del modo de fusión aplicado, seleccione .

Limitaciones

Los modos de fusión no son compatibles con estos comportamientos de objetos:

  • Los efectos de mezclas usados en una animación automática cambian al comienzo de la transición sin ninguna animación.
  • No puede aplicar efectos de fusión en rellenos, bordes o sombras.

Ejemplos 

¿Desea crear un póster con efectos de mezclas? Seleccione una imagen en el lienzo, y desde el Inspector de propiedades, seleccione y aplique las siguientes opciones de mezclas para crear estos impresionantes resultados:

  • Luz fuerte
  • Diferencia
  • Trama
  • Subexponer color
Imagen original
Subexponer color Luz fuerte
Diferencia Trama

Tutoriales

Mire este Vídeo para aprender a mezclar el color de un objeto con el color de fondo de una mesa de trabajo o mezcle los colores de varios objetos superpuestos. 

Duración: 1 minuto.


¿Qué viene después?

Comencemos con los modos de fusión en Adobe XD. La interfaz de Adobe XD es intuitiva; encontrará que resulta fácil dar rienda suelta a su creatividad con colores, desenfoques y mucho más.

¿Tiene alguna pregunta o idea?

Pregunte a la comunidad

Si tiene alguna pregunta que hacer o una idea que compartir, venga y participe en la Comunidad de Adobe XD. Nos gustaría conocer sus comentarios y ver sus creaciones.