Advertisement
  1. Photo & Video
  2. Blend Modes

Como crear una superposición del arco iris del orgullo en Adobe Photoshop

by
Read Time:4 minsLanguages:

Spanish (Español) translation by Ender Gamboa (you can also view the original English article)

Ayer compartimos un tutorial sobre cómo crear una superposición de degradado del arco iris del orgullo en Adobe Illustrator. Hoy, seguiremos celebrando con una técnica similar. En este tutorial aprenderás a aplicar una superposición al arco iris con imágenes en Adobe Photoshop.

Tal vez hayas visto la abundancia de iconos y fotos de perfil del arco iris en la red tras la histórica sentencia sobre la igualdad matrimonial en Estados Unidos y si desees unirte a la diversión. O tal vez estés planeando un evento del orgullo y quieras hacer algunas imágenes temáticas para la promoción. O tal vez, simplemente, te gusta el arco iris. Sea cual sea el caso, este tutorial te permitirá poner arcos iris en todo en un abrir y cerrar de ojos.

1. Reúne tus imágenes

Necesitarás dos imágenes para este tutorial: una imagen base a la que quieras dar el toque de arco iris y un arco iris. He incluido un archivo de imagen de la bandera del arco iris de 2000 píxeles con este tutorial.

Esta es la imagen base que utilizaré para demostrarlo. Es una foto mía, un simple retrato que uso en algunas cuentas de redes sociales y en el directorio de nuestra compañía aquí en Tuts+.

Jackson Couse headsotJackson Couse headsotJackson Couse headsot
Estoy listo para el retoque

Todo tipo de imágenes son adecuadas para una superposición de arco iris, pero las de composición gráfica simple tienden a funcionar mejor.

2. Prepara la imagen base

En este paso preparará la imagen base para el proceso de superposición de arco iris.

En primer lugar, abre la imagen base en Photoshop (Control-O). A continuación, cambia el tamaño de la imagen (Control-Alt-I) al tamaño final que desees. En teoría, podrías cambiar el tamaño de la imagen más tarde, pero a mí me gusta trabajar con el tamaño final para tener una representación exacta de cómo será el producto acabado.

Ahora que la imagen tiene el tamaño adecuado, conviértela en blanco y negro. Añade una capa de ajuste de blanco y negro (Capa > Nueva capa de ajuste > Blanco y negro). Ajusta los controles en el cuadro de diálogo resultante para crear una configuración en blanco y negro que sea de tu agrado.

3. Lleva el Arco Iris

Ahora abre la imagen del arco iris en Photoshop. Utilizando la herramienta Mover (V), haz clic y mantén presionada la imagen de la bandera, luego arrástrala y suéltala sobre la imagen base. Como alternativa, selecciona todo (Control-A), copia (Control-C) y pega (Control-V) la imagen del arco iris en la imagen base.

Dependiendo de la imagen, el arco iris puede ser demasiado grande o demasiado pequeño. Utiliza la herramienta Transformación libre (Control-T) para cambiar el tamaño de la capa de manera que se ajuste a la imagen base.

A continuación, cambia el modo de fusión de la capa del arco iris a Luz intensa y reduce la opacidad de la capa hasta que se vea bien. En mi caso, fue al 50%. Algunas imágenes también pueden funcionar con Luz difusa.

Jackson Couse with incomplete rainbow overlayJackson Couse with incomplete rainbow overlayJackson Couse with incomplete rainbow overlay
Ya casi está

4. Recupera el detalle de la imagen

Ahora, podrías parar aquí, pero vamos a ir un paso más allá. Si observamos el ejemplo anterior, podemos ver que la imagen base se ve un poco desvaída. Recuperemos algunos de los detalles de la imagen.

Selecciona la imagen base y duplícala (Control-J). Arrastra la capa duplicada a la parte superior de la pila de capas.

A continuación, duplica la capa para ajustar a blanco y negro. Arrastrarla por encima de la imagen base duplicada. Manteniendo pulsada la tecla Alt, haz clic en la línea entre la capa de ajuste y la capa base duplicada para que el ajuste sólo se aplique a la capa que está directamente debajo.

Apply the Black White Adjustment Layer to the layer belowApply the Black White Adjustment Layer to the layer belowApply the Black White Adjustment Layer to the layer below

A continuación, cambie el modo de fusión de la capa base duplicada a Multiplicar y reduce la opacidad de la capa al 50%.

Rainbow image with detail returnedRainbow image with detail returnedRainbow image with detail returned
Ya casi está, pero todavía falta algo

5. Recuperar el contraste

En este paso, el último, devolverás el contraste perdido al añadir la capa de detalle.

Crea una nueva capa de ajuste de curvas (Capa > Nueva capa de ajuste > Curvas). Haz clic para añadir puntos, y luego dale a la curva una bonita forma de S, así:

S-curve to restore contrastS-curve to restore contrastS-curve to restore contrast

La curva en forma de S eleva los valores de las luces y baja los de las sombras, creando una imagen de mayor contraste. Ajusta los puntos de la curva hasta que estés satisfecho con la imagen. También puedes reducir la Opacidad de la capa para un mayor control.

Si quieres un arco iris ligeramente menos saturado, puedes aplicar la curva a la capa de detalles en lugar de a toda la imagen. Mantenga pulsada la tecla Alt y haz clic en la línea entre la capa de Curvas y la capa de abajo. Esto es lo que he hecho con la imagen.

Aquí está el resultado final:

Full-rainbow Jackson CouseFull-rainbow Jackson CouseFull-rainbow Jackson Couse
Arco iris completo, hasta el final

Me gusta mi imagen con mucho arco iris, pero si prefieres un efecto más sutil puedes reducir la Opacidad de la capa de arco iris y aumentarla para la capa de detalle superpuesta. Aquí hay una versión con 30% y 70% de Opacidad, respectivamente:

A less intense version of the rainbow imageA less intense version of the rainbow imageA less intense version of the rainbow image

Conclusión

Así que, para resumir, estos son los principales pasos de este tutorial:

  1. Recoger las imágenes. Las imágenes simples y gráficas son las que mejor funcionan.
  2. Cambia el tamaño y convierte la imagen base a blanco y negro.
  3. Trae la imagen del arco iris y cámbiala al tamaño de la imagen base.
  4. Recuperar los detalles de la imagen.
  5. Devuelve el contraste.

La parte clave de este tutorial es jugar con la combinación de Modo de Fusión y Opacidad. Cada imagen requiere un enfoque ligeramente diferente, pero con las capas de ajuste y un control fino deberías ser capaz de producir el tipo de imágenes del arco iris que te gustaría.

¡Feliz creación de arco iris y feliz orgullo!

Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.