Una Guía para Modos de Fusión en Sketch

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

En este tutorial te voy a mostrar como trabajar con los varios modos de fusión disponibles dentro de Sketch.

Mira el Video Tutorial

Sketch es una aplicación de diseño vectorial, adaptada en su mayoría para diseño UI y de iconos, y menos asociada con edición de mapas de bits. Sin embargo, tiene algunas características que puedes usar para crear imágenes más interesantes y atractivas. Una de esas características son los modos de fusión. Sketch tiene quince de ellos, de los cuáles todos te serán familiares de otras aplicaciones de gráficos:

Oscurecer
Multiplicar
Quemar
Aligerar
Pantalla
Sobreexposición de color
Superposición
Luz Suave
Luz Dura
Diferencia
Exclusión
Tono
Saturación
Color
Luminosidad

Los modos de fusión pueden ser aplicados directamente a objetos, o cuando defines sus rellenos.

Los modos de fusión toman dos o más objetos (imágenes, texto o formas) y aplica algoritmos a sus canales de color. Cada mapa de pixel es recalculado efectivamente y mostrado.

El modo Oscurecer, por ejemplo, reemplazará pixeles más luminosos con la base de color más oscura del objeto debajo. Esto pasa junto con un degradado, así que los pixeles más luminosos serán reemplazados completamente, mientras que los pixeles de "menos luz" serán impactados en menor medida. Para más detalles en lo que hace precisamente cada modo echa un vistazo al tutorial de Jonathan Cutrell sobre modos de color en CSS:

Color

Modos de Fusión en CSS: Teoría de Color y Aplicación Práctica

Jonathan Cutrell

Conclusión

Los modos de fusión, incluso dentro de aplicaciones basadas en vectores, pueden dar a tus diseños algunos visuales muy poderosos. Juega con ellos, ten una idea de lo que hará cada uno bajo distintas circunstancias, después mira cómo puedes usarlos en tu trabajo.