Cómo crear imágenes con efecto duotono en Photoshop

Cómo crear imágenes con efecto duotono en Photoshop

Como diseñadores, a la hora de usar las fotografías en nuestros proyectos de diseño, estamos bastante acostumbrados a su edición y retoque, a utilizar diferentes filtros y efectos sobre ellas para darles un aspecto visual más llamativo.

Los programas de edición de fotografía, nos dan multitud de opciones para aplicar a nuestras imágenes, desde filtros en blanco y negro, ajustes de brillo y contraste, filtros de colores, etc.

Sobre esto último, sobre los filtros de colores, es de lo que vamos a hablar hoy en este post, más concretamente de una tendencia gráfica que se puso de moda sobre el año 2017, el efecto duotono.

Te vamos a enseñar a cómo crear imágenes con efecto duotono en Photoshop desde cero.

¿Qué es el efecto duotono?

Retrato femenino duotono

Como su nombre indica, son imágenes o fotografías en las que se han empleado dos colores diferentes. Tiene origen en el proceso de impresión tradicional con dos tintas, se usaban solo dos tintas para abaratar costes, ya que solo eran necesarias dos placas y no cuatro para los colores.

En el mundo gráfico, el usar la técnica del duotono es utilizada, para añadir a las fotografías o iconos, cierta personalidad, ya que es el diseñador, quien puede elegir los colores con los que trabajar.

Pero no todas las imágenes que vemos, funcionan correctamente con esta técnica. El duotono, es mejor aplicarlo sobre imágenes sencillas, como puede ser un retrato, pero con un alto contraste de luces y sombras, así el efecto es más notorio.

Efecto duotono paso a paso en Photoshop

Una de las maneras más rápidas y simples para crear este efecto, es por medio del programa de edición Adobe Photoshop, ya que gracias a sus herramientas podemos trabajar los canales de imagen y ajustes de capa.

Lo primero que debemos tener antes de abrir el programa, es la imagen con la que vamos a trabajar, en nuestro caso trabajaremos con el retrato de este simpático perro.

Fotografía perro

No tienen que ser imágenes con ningún requisito, pero cuanto más contraste tenga dicha imagen, más intenso será el efecto duotono sobre ella.

Una vez tenemos la imagen con la que vamos a trabajar, la abriremos en Photoshop, un paso importante es tener activados en el programa las pestañas de capas y de canales.

Si no los tenemos activamos, es muy sencillo hacer, solo tenemos que dirigirnos a la pestaña de ventana y buscar las opciones de capas y canales y clicar sobre ellas.

En el panel de canales, se nos muestra que la imagen con la que estamos trabajando se divide en cuatro canales diferentes, por un lado la imagen en RGB, y los canales que la conforman; rojo, verde y azul. Si pulsamos encima de cualquiera de ellos, observaremos como nuestra imagen va cambiando.

Canales imagen Photoshop

Lo más importante en este paso, es escoger el canal que más contraste no aporte, para que a la hora de aplicar el efecto duotono sea más visible. Esta elección de canal, es diferente en cada imagen, no hay uno que sirva para todas las fotografías.

En nuestro caso, es el canal azul, el que más contraste no da. El canal que hayamos elegido debe ser cargado como una selección, es decir, hay que hacer clic sobre el canal y a la vez tener pulsada la tecla control de nuestro teclado. Al cumplir estas indicaciones nos aparece una línea discontinua por nuestra imagen.

Selección canal imagen Photoshop

El siguiente paso, es ir al panel de capas y elegir la opción de ajustes de capa de color, y a continuación, en el menú que nos aparece, seleccionar color uniforme.

Inmediatamente después de seleccionar la opción de color uniforme, se nos abre una venta para seleccionar el color. El color que elijamos ahora, va a ser el aplicado en las zonas iluminadas de nuestra fotografía.

Lo que te aconsejamos, es que vayas probando diferentes colores hasta que encuentres el que más te guste, a no ser que ya tengas elegidos de antemano dichos colores.

Ajuste de color Photoshop

En nuestro caso, le vamos a aplicar un tono morado, que nos queda tal que así. Una vez tengamos el color elegido, solo hay que pulsar el botón de aceptar en la parte superior derecha.

Capa de ajuste color morado Photoshop

A continuación, vamos a aplicar un segundo color en las zonas más oscuras y de sombras de nuestra imagen. Para ello, volvemos a capas y seleccionamos la capa donde tenemos nuestra imagen original. Volvemos a abrir la opción de ajuste de capas de color, y señalamos color uniforme de nuevo.

Se nos volverá a abrir la ventana donde deberemos seleccionar otro color para estas zonas oscuras y de sombras. Como podemos ver, en la pestaña de capas, se nos ha creado una nueva con este nuevo color que vamos a seleccionar, en nuestro caso un tono azul oscuro.

Nueva capa de ajuste de color

Lo bueno que tiene esta herramienta, es que si por un motivo, no os gusta cómo quedan los colores elegidos para crear el efecto de duotono, se pueden cambiar de manera muy sencilla, simplemente hay que hacer doble clic sobre la capa de color que queramos cambiar. Al hacerle doble clic, se no abre de nuevo la pantalla para seleccionar el color y poder cambiarlo.

Si quieres ir un paso más allá, puedes añadir efectos de degradado en tus imágenes duotono. Simplemente tendrás que cambiar la opción de color uniforme, por mapa de degradados y ajustar el equilibrio entre los diferentes colores.

Mapa de degradado Photoshop

Con estos pasos tan simples, conseguirás tener lista tu imagen con efecto duotono en Photoshop. Es muy importante recordar, que a la hora de elegir el canal entre los tres que nos presenta la imagen; el azul, rojo o verde, hay que elegir el que nos proporcione un contraste más notable.

Si estás trabajando con imágenes diferentes para un sitio web y quieres, que estas se vean como un conjunto, el efecto duotono es un estilo que te permitirá unificarlas.

Esperamos que este mini tutorial, te sirva de ayuda en tus futuros o presentes proyectos. Como en muchas ocasiones os decimos, tenéis la cajita de comentarios disponible para hacernos cualquier pregunta o sugerencia, sobre este tema que hemos abordado.


El contenido del artículo se adhiere a nuestros principios de ética editorial. Para notificar un error pincha aquí.

Sé el primero en comentar

Deja tu comentario

Tu dirección de correo electrónico no será publicada.

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

bool(true)