Fundamentos de composición de capas - Guía completa de modos de fusión con técnicas prácticas
Conceptos de composición de capas - Entendiendo las operaciones por píxel
La composición de capas (blending) define la fórmula matemática utilizada para mezclar valores de color al superponer dos o más imágenes. Photoshop ofrece 27 modos de fusión, pero cada uno es fundamentalmente una función matemática que toma como entradas el "valor de píxel de la capa superior" y el "valor de píxel de la capa inferior".
Terminología básica: La capa superior se llama "Color de fusión (Blend)", la capa inferior es "Color base (Base)", y el resultado del cálculo es "Color resultado (Result)". Los cálculos usan valores normalizados de 0.0 a 1.0 (para imágenes de 8 bits, valores de píxel divididos por 255).
Modo Normal: El modo más básico donde la capa superior cubre completamente la capa inferior. Reducir la Opacidad aplica interpolación lineal: Result = Blend × α + Base × (1 - α). Con α=0.5, ambas capas se mezclan al 50%.
Categorías de modos de fusión: Los modos de fusión de Photoshop se organizan en 6 grupos funcionales:
- Grupo oscurecer (Oscurecer, Multiplicar, Subexponer color, Subexponer lineal, Color más oscuro): Los resultados son más oscuros que la base
- Grupo aclarar (Aclarar, Pantalla, Sobreexponer color, Sobreexponer lineal, Color más claro): Los resultados son más claros que la base
- Grupo contraste (Superponer, Luz suave, Luz fuerte, Luz intensa, Luz lineal, Luz focal, Mezcla definida): Procesamiento diferente por encima y debajo de los tonos medios
- Grupo inversión (Diferencia, Exclusión, Restar, Dividir): Usa diferencias e inversiones de color
Multiplicar y Pantalla - Los dos modos más utilizados
Multiplicar (Multiply) y Pantalla (Screen) son los modos de fusión fundamentales más utilizados. Son matemáticamente simétricos: Multiplicar oscurece mientras que Pantalla aclara.
Fórmula de Multiplicar: Result = Base × Blend
Multiplicar valores entre 0.0 y 1.0 siempre produce resultados iguales o menores que las entradas (oscurecimiento). Multiplicar con blanco (1.0) deja los resultados sin cambios; multiplicar con negro (0.0) produce negro. Esta propiedad hace que los fondos blancos se vuelvan transparentes al componer logotipos o texto escaneado sobre papel blanco.
Usos prácticos de Multiplicar:
- Componer escaneos con fondo blanco (ilustraciones a mano, firmas) sobre fotos
- Añadir sombras (capas grises en modo Multiplicar)
- Aplicar solo las porciones oscuras de texturas
- Combinar fotos con diferentes exposiciones para efectos tipo HDR
Fórmula de Pantalla: Result = 1 - (1 - Base) × (1 - Blend)
El "inverso" de Multiplicar: los resultados son siempre iguales o mayores que las entradas (aclaramiento). Aplicar Pantalla con negro (0.0) deja los resultados sin cambios; con blanco (1.0) produce blanco. Los fondos negros se vuelven transparentes, perfecto para componer destellos de lente, chispas y partículas de luz.
Usos prácticos de Pantalla:
- Componer destellos de lente y efectos de luz con fondo negro
- Aclarar imágenes oscuras (duplicar capa en modo Pantalla)
- Añadir efectos de niebla o difusión de luz
- Componer fuegos artificiales o relámpagos sobre escenas nocturnas
Ambos modos están disponibles mediante CSS mix-blend-mode para superposiciones de texto y efectos hover en diseño web.
Superponer y Luz suave - Modos principales de ajuste de contraste
Superponer (Overlay) y Luz suave (Soft Light) son los modos más utilizados para ajuste de contraste. Crean un efecto de "curva S" usando el gris 50% como límite: oscureciendo las sombras y aclarando las luces simultáneamente.
Fórmula de Superponer:
Si Base ≤ 0.5: Result = 2 × Base × Blend
Si Base > 0.5: Result = 1 - 2 × (1 - Base) × (1 - Blend)
Multiplicar se aplica a áreas base oscuras (por debajo de 0.5) mientras que Pantalla se aplica a áreas claras (por encima de 0.5). Fusionar gris 50% no produce cambios. Esta propiedad "neutral" permite dodge and burn no destructivo: crear una capa de gris 50% en modo Superponer, luego pintar con blanco (aclarar) o negro (oscurecer) para ajustes localizados de brillo.
Usos prácticos de Superponer:
- Composición de texturas (grano de papel, concreto, tela superpuestos en fotos)
- Dodge and burn (capa gris 50% + modo Superponer)
- Gradación de color (capas coloreadas en modo Superponer)
- Mejora de contraste (duplicar imagen en Superponer, ajustar opacidad)
Luz suave (Soft Light): Produce efectos más suaves que Superponer. La fórmula es más compleja, pero resulta en aproximadamente la mitad del cambio de contraste. Ideal para retoque de piel en retratos y gradación de color sutil. Usar como alternativa cuando Superponer es demasiado agresivo.
Luz fuerte (Hard Light): El "reverso" de Superponer, usando el color de fusión como referencia. Colores de fusión oscuros aplican Multiplicar; colores claros aplican Pantalla. Se usa para efectos de textura fuertes e iluminación dramática.
Diferencia y Exclusión - Alineación y efectos especiales
Diferencia (Difference) y Exclusión (Exclusion) visualizan las diferencias entre dos imágenes. Más allá de efectos especiales creativos, sirven para propósitos prácticos como alineación de imágenes y comparación de versiones.
Fórmula de Diferencia: Result = |Base - Blend|
Toma la diferencia absoluta entre dos valores de píxel. Imágenes idénticas producen negro puro (diferencia cero). Esta propiedad permite la alineación precisa a nivel de píxel durante la unión de panoramas y la visualización de cambios de retoque entre versiones antes/después.
Aplicación de alineación: Superponer dos imágenes en modo Diferencia y mover la capa superior hasta que la visualización se vuelva máximamente oscura (negra). La alineación perfecta produce negro puro, permitiendo precisión a nivel de píxel. La función "Alinear capas automáticamente" de Photoshop usa este principio internamente.
Comparación de versiones: Superponer imágenes antes/después del retoque en modo Diferencia resalta solo las áreas cambiadas como píxeles brillantes. Útil para informes de revisión al cliente y verificación de cambios en control de calidad. Incluso cambios sutiles (corrección de color, reducción de ruido) se hacen visibles como diferencias.
Fórmula de Exclusión: Result = Base + Blend - 2 × Base × Blend
Similar a Diferencia pero con menor contraste. Los tonos medios fusionados producen gris 50%, creando efectos de inversión más suaves. Se usa para efectos de color en arte y diseño de pósters.
Aplicaciones creativas: Capas de gradiente en modo Diferencia producen efectos de color psicodélicos, efectivos para flyers de eventos musicales y portadas de álbumes. Al 20-30% de opacidad, añade cambios sutiles de color como técnica de gradación de color para fotografía.
Implementación de modos de fusión en CSS y Canvas API - Aplicaciones web
Los modos de fusión están disponibles no solo en Photoshop sino también a través de CSS y la API Canvas de HTML5. Permiten efectos visuales interactivos y composición de imágenes en tiempo real en diseño web.
CSS mix-blend-mode: Fusiona un elemento con los elementos detrás de él.
.overlay-text { mix-blend-mode: multiply; color: #333; }
El texto colocado sobre una imagen con modo Multiplicar muestra la textura de la imagen a través del texto. Las interacciones hover que cambian modos de fusión son alcanzables con transiciones CSS.
CSS background-blend-mode: Fusiona múltiples imágenes de fondo dentro del mismo elemento.
.hero { background: url(texture.png), url(photo.jpg); background-blend-mode: overlay; }
Compone imágenes de textura y foto en modo Superponer para efectos visuales ricos sin JavaScript. Los efectos duotono combinando gradientes con fotos son una técnica popular.
Implementación con Canvas API:
ctx.globalCompositeOperation = 'screen';
La propiedad globalCompositeOperation del contexto Canvas 2D especifica el modo de fusión durante el dibujo. Los modos soportados incluyen multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color y luminosity - 15 modos en total.
Implementación personalizada con shaders WebGL: Escribir fórmulas de modos de fusión directamente en fragment shaders permite composición en tiempo real acelerada por GPU. Se pueden reproducir los 27 modos de Photoshop, además de definir funciones de fusión personalizadas. Tecnología esencial para aplicaciones web de edición de imágenes.
Flujos de trabajo prácticos - Edición no destructiva con modos de fusión combinados
La edición profesional de imágenes utiliza flujos de trabajo no destructivos que combinan múltiples modos de fusión. En lugar de modificar directamente las imágenes fuente, las capas de ajuste y combinaciones de modos de fusión proporcionan control flexible de efectos.
Dodge and burn (brillo localizado): (1) Crear nueva capa rellena con gris 50%. (2) Establecer modo de fusión en Superponer. (3) Pintar con pincel blanco para aclarar áreas, pincel negro para oscurecer. Usar pinceles al 10-20% de opacidad, construyendo gradualmente para ajustes de iluminación naturales. Se aplica al contorneo facial en retratos y mejora de dirección de luz en paisajes.
Gradación de color: (1) Crear capa de color sólido (ej: naranja cálido #FF8C00). (2) Establecer modo de fusión en Luz suave. (3) Ajustar opacidad al 15-25%. Solo esto aplica un tono cálido cinematográfico a toda la imagen. Superponer múltiples capas de color para aplicar diferentes colores a sombras y luces logra efectos de split-toning.
Superposición de textura: (1) Colocar imagen de textura (papel, grano de película, fugas de luz) como capa superior. (2) Establecer modo de fusión en Superponer o Luz suave. (3) Ajustar opacidad para la intensidad del efecto. Textura de grano de película al 10-15% de opacidad añade carácter analógico a fotografías digitales.
Adición de viñeta: (1) Crear nueva capa. (2) Hacer selección elíptica en el centro, invertir selección. (3) Rellenar con negro, aplicar desenfoque gaussiano grande. (4) Establecer modo de fusión en Multiplicar al 30-50% de opacidad. Recrea el viñeteo del lente que dirige la atención del espectador hacia el centro del encuadre.