Fotos en duotono con tus colores de marca: monocromo, duotono y velo

Una foto en duotono cambia los colores naturales de una imagen por dos elegidos: un color oscuro para las sombras y uno claro para las luces, con cada tono intermedio fundido entre ambos. Hecho con tus colores de marca, convierte cualquier fotografía en algo que es claramente tuyo. En Gradiently puedes teñir una foto de tres maneras, monocromo, duotono o velo, y el duotono y el velo toman sus colores directamente del Mark del diseño, así que la foto y el fondo siempre coinciden.

Cómo funciona una foto en duotono

Imagina primero la foto en blanco y negro. Cada píxel tiene un brillo del 0 al 100 por ciento. Después, un duotono pinta los píxeles más oscuros con tu color de sombra, los más brillantes con tu color de luz y todo lo demás en el punto correspondiente de la rampa entre ambos. El resultado conserva todo el detalle de la foto, pero nada de su color original.

El truco para que un duotono quede bien y no turbio es el contraste entre los dos extremos. Una sombra muy oscura y una luz muy clara mantienen legibles caras y productos. Dos tonos medios producen una imagen plana y apagada. Para la historia y los usos más amplios del estilo, consulta el efecto duotono.

Monocromo, duotono y velo: tres formas de teñir

Cómo hacer una foto en duotono en Gradiently

1. 1

   Añade la foto

   Sube o pega una tuya, o elige una de las fotos de stock gratuitas en el Studio.

2. 2

   Abre la edición de fotos

   Selecciona la foto y abre su panel de edición, donde están la luz, el color, los filtros y el tinte.

3. 3

   Elige Duotono en Colores del Mark

   La foto se reasigna al instante a la paleta del Mark. Prueba también Velo y Monocromo; comparar no cuesta nada.

4. 4

   Ajusta el contraste

   Sube el contraste si el resultado se ve plano, y el brillo si las caras caen en el color de sombra.

5. 5

   Recórtala en una forma

   Enmárcala como cuadrado, círculo, arco o mancha según la maquetación.

6. 6

   Cambia de Mark para probar

   Cambia el Mark del diseño y el tinte lo sigue, así que puedes probar varios estilos con la misma foto.

Filtros, luz y color para el acabado

El tinte fija la familia de color; los demás ajustes deciden la sensación. Están en tres grupos, y los ajustes predefinidos son una forma rápida de empezar antes de afinar. Si la foto es de producto, resuelve primero el fondo: fondos para fotos de producto lo explica.

Formas de recorte: arcos, círculos y manchas

Una foto teñida dentro de una forma suave se lee como diseñada y no como pegada. Los arcos resultan arquitectónicos y serenos, preciosos para interiorismo, floristerías y bodas, y encajan de forma natural en el branding para fotógrafos. Los círculos van bien con personas: páginas de equipo, ponentes, testimonios. Las manchas son juguetonas y encajan con comida, marcas infantiles y todo lo informal. Usa una sola forma por diseño para que el conjunto se vea coherente.

Si el texto va sobre la propia foto, cómo hacer legible el texto sobre fotos explica la colocación, y un tinte coherente es uno de los hábitos más sencillos detrás de la coherencia de marca.

Un duotono en CSS

En una web puedes construir el mismo efecto con modos de fusión: pasa la foto a escala de grises, multiplícala sobre el color de luz y después aclárala con el color de sombra.

.duotone {
  position: relative;
  background: #fbcfe8; /* highlight colour */
}

.duotone img {
  display: block;
  width: 100%;
  filter: grayscale(1) contrast(1.1);
  mix-blend-mode: multiply;
}

.duotone::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #1e1b4b; /* shadow colour */
  mix-blend-mode: lighten;
  pointer-events: none;
}