Agrega un arcoíris realista a una foto con Photoshop

Agrega un arcoíris realista a una foto con Photoshop

Agrega un arcoíris realista a una foto con Photoshop

Nota de versión: Este tutorial es para Photoshop CS5. ¿Utiliza Photoshop CC 2020 o posterior? Mira la versión actualizada.

En esto Tutorial de efectos de Photoshop, aprenderemos cómo agregar fácilmente un arco iris, ¡e incluso un arco iris doble, a una foto! Como veremos, Photoshop se envía con un degradado de arcoíris listo para usar para que lo usemos. Aprenderemos dónde encontrarlo y cómo cargarlo. También aprenderemos cómo cambiar el orden de los colores en un degradado, lo que tendremos que hacer para crear un efecto de arco iris doble más realista.

Por supuesto, como ocurre con la mayoría de los efectos fotográficos, es útil comenzar con el tipo de imagen correcto. En este caso, una foto tomada al aire libre es un buen punto de partida. Si se trata de una foto de un paisaje tomada después de una tormenta, ¡aún mejor!

Usaré Photoshop CS5. Tenga en cuenta que los usuarios de Photoshop CC 2020 (o posterior) querrán ver la versión actualizada.

Aquí está la foto con la que comenzaré:

La foto original.  Imagen con licencia de iStockphoto de Photoshop Essentials.com

La imagen original.

Así es como se verá la imagen después de agregar un arco iris doble:

El efecto fotográfico final de doble arco iris de Photoshop.

El efecto arcoíris final.

Cómo agregar un arco iris a una foto

Paso 1: agregue una nueva capa en blanco

Con la imagen recién abierta en Photoshop, si miramos en el panel Capas, vemos que actualmente tenemos una capa, la capa Fondo, que contiene nuestra imagen:

El panel Capas en Photoshop que muestra la capa Fondo.  .

La foto se encuentra en la capa Fondo en el panel Capas.

Lo primero que debemos hacer es agregar una nueva capa en blanco sobre la capa de fondo. Para hacer eso, haga clic en el Nueva capa en la parte inferior del panel Capas:

El icono de Nueva capa en el panel Capas en Photoshop.

Haga clic en el icono Nueva capa.

Photoshop agrega una nueva capa en blanco llamada «Capa 1» encima de la capa de Fondo. Haga doble clic directamente en el nombre de la capa y cámbielo a «Arco iris», ya que agregaremos nuestro arco iris inicial a esta capa. prensa Ingresar (Ganar) / Regreso (Mac) cuando haya terminado de aceptar el cambio de nombre:

La nueva capa Rainbow se ha agregado al documento de Photoshop.  .

Cambie el nombre de la nueva capa a «Arco iris».

Paso 2: seleccione el degradado de arco iris

Como mencioné, Photoshop se envía con un degradado de arco iris listo para usar para que lo usemos. No es uno de los degradados que Photoshop pone a nuestra disposición de forma predeterminada, pero todo lo que tenemos que hacer es cargarlo manualmente. Para hacer eso, seleccione el Herramienta gradiente desde el panel Herramientas:

Herramienta de degradado de Photoshop.  .

Seleccione la herramienta de degradado.

Luego, con la Herramienta de degradado seleccionada, haga clic en el Selector de degradado en la barra de opciones en la parte superior de la pantalla:

El selector de degradado en la barra de opciones en Photoshop.  .

Haga clic en el selector de degradado en la barra de opciones.

Esto abre Photoshop Editor de degradado que nos muestra pequeñas miniaturas de los degradados entre los que podemos elegir. Por defecto, el degradado del arco iris no es uno de ellos, así que cargámoslo. Haga clic en el flecha que apunta a la derecha en la parte superior derecha del Editor de degradado:

Editor de degradado de Photoshop.  .

Haga clic en la flecha pequeña.

Aparece una lista de conjuntos de degradados adicionales. El que queremos es Efectos especiales. Selecciónelo de la lista:

Seleccionar los degradados de efectos especiales en Photoshop.  .

Seleccione los degradados de «Efectos especiales».

Photoshop le preguntará si desea reemplazar los degradados originales con los degradados de efectos especiales o simplemente agregarlos al final de la lista. Hacer clic Adjuntar por lo que todavía tendrá los degradados originales disponibles, y los nuevos efectos especiales se agregarán debajo de ellos:

Añadiendo los nuevos degradados.

Haga clic en «Agregar» para agregar los nuevos degradados de «Efectos especiales» con los degradados originales.

Con los nuevos degradados de efectos especiales agregados, el que queremos: Arco iris de Russell – es el último en la parte inferior. Si tiene la información sobre herramientas de Photoshop habilitada en las Preferencias (están habilitadas de manera predeterminada), verá aparecer el nombre «Russell’s Rainbow» cuando pase el mouse sobre la miniatura del degradado. Haga clic en la miniatura para seleccionar el degradado, luego haga clic en Aceptar para salir del Editor de degradado:

Seleccionando el degradado de Russell's Rainbow en Photoshop.

Haga clic en la miniatura de «Russell’s Rainbow» para seleccionar el degradado.

Paso 3: seleccione «Gradiente radial» en la barra de opciones

Para hacer que el degradado del arco iris aparezca como un arco cuando lo dibujamos, regrese a la barra de opciones en la parte superior de la pantalla y haga clic en el Gradiente radial opción:

La opción Degradado radial en la barra de opciones de Photoshop.  .

Seleccione «Radial» en la barra de opciones.

Paso 4: Arrastra un arcoíris con la herramienta Degradado

Para agregar los colores del arco iris a la imagen, todo lo que tenemos que hacer es arrastrar un degradado. Quiero que mi arco iris parezca como si estuviera tocando el suelo detrás del grupo de árboles a la izquierda de mi foto y luego arqueándose por encima del árbol más grande a la derecha. Para hacer eso, colocaré mi mouse casi en el borde de la foto cerca de la esquina inferior derecha, en línea horizontal con la parte inferior de los árboles a la izquierda. Haré clic en ese lugar para establecer el punto de inicio de mi degradado, y con el botón del mouse aún presionado, arrastraré toda la imagen hasta un punto justo más allá de la izquierda de los árboles. Sosteniendo mi Cambio presionar la tecla mientras arrastro limitará la dirección en la que puedo arrastrar, lo que facilita el arrastre horizontal:

Arrastrando un degradado de arco iris radial en Photoshop.

Arrastrando un degradado radial de arco iris de derecha a izquierda en la imagen.

Cuando suelta el botón del mouse, Photoshop dibuja el degradado del arco iris. No parece terriblemente realista todavía, pero es un comienzo:

Gradiente de arco iris de Photoshop.

Photoshop dibuja el degradado cuando suelta el botón del mouse.

Paso 5: Cambiar el modo de fusión de la capa de arco iris a «Pantalla»

Sube al modo de mezcla opciones en la parte superior izquierda del panel Capas (es el cuadro desplegable establecido en «Normal» de forma predeterminada) y cambie el modo de fusión de la capa Arco iris a Pantalla:

Modo de fusión de pantalla de Photoshop.

Cambie el modo de fusión de la capa del arco iris a Pantalla.

Los colores del arco iris ahora se combinarán mejor con la foto detrás de ellos:

El arcoíris después de cambiar el modo de fusión a Pantalla.

El arcoíris después de cambiar su modo de fusión a Pantalla.

Paso 6: aplique el filtro de desenfoque gaussiano

Vamos a difuminar los colores del arco iris para que parezca más realista. Sube al Filtrar menú en la barra de menú en la parte superior de la pantalla, elija Difuminar, entonces escoge Desenfoque gaussiano:

Seleccionar el filtro Desenfoque gaussiano en Photoshop.  .

Ir a Filtro> Desenfoque> Desenfoque gaussiano.

Esto abre el cuadro de diálogo Desenfoque gaussiano de Photoshop. Arrastrar el Radio control deslizante en la parte inferior del cuadro de diálogo hacia la derecha para aumentar la cantidad de desenfoque que se aplica al arco iris, manteniendo un ojo en la imagen mientras arrastra el control deslizante para que pueda ver una vista previa de lo que está sucediendo. Continúe arrastrando el control deslizante hacia la derecha hasta que las transiciones entre los colores se vean más suaves y naturales. El valor de Radio real que termines eligiendo dependerá mucho del tamaño y la resolución de tu imagen. Para mi, un valor de alrededor 50 píxeles funciona bien. Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo:

Filtro de desenfoque gaussiano de Photoshop.  .

Arrastre el control deslizante Radio para suavizar las transiciones de color en el arco iris.

Aquí está mi imagen después de aplicar el filtro Desenfoque gaussiano:

La imagen después de difuminar el arco iris.

El arco iris ahora parece más realista después de aplicar el filtro Desenfoque gaussiano.

Paso 7: agrega una máscara de capa

Clickea en el Máscara de capa en la parte inferior del panel Capas:

El icono de Máscara de capa en el panel Capas en Photoshop.

Haga clic en el icono de Máscara de capa.

Todavía no sucederá nada en la ventana del documento, pero Photoshop agrega una miniatura de máscara de capa a la derecha de la miniatura de vista previa principal en la capa Arco iris. Si observa de cerca, verá un cuadro resaltado blanco que aparece alrededor de la miniatura de la máscara de capa. Esto nos dice que se selecciona la máscara, no la capa en sí:

Aparece una miniatura de máscara de capa en el panel Capas de Photoshop.  .

La miniatura de la máscara de capa nos dice que se ha agregado una máscara.

Paso 8: elija el degradado de negro a blanco

Con la herramienta Degradado aún seleccionada, botón derecho del ratón (Ganar) / Control-clic (Mac) en cualquier lugar dentro de la ventana del documento para acceder rápidamente a las miniaturas de los ajustes preestablecidos de degradado, las mismas que vimos hace un momento en el cuadro de diálogo completo del Editor de degradado. Selecciona el Gradiente de blanco a negro haciendo clic en su miniatura (tercera desde la izquierda, fila superior). prensa Ingresar (Ganar) / Regreso (Mac) cuando haya terminado de cerrar la lista de degradados:

La miniatura de degradado de blanco a negro en el editor de degradado de Photoshop.

Haga clic en la miniatura del degradado de blanco a negro para seleccionarlo.

Paso 9: Elija «Degradado lineal» en la barra de opciones

Vuelva a la barra de opciones y esta vez, haga clic en el Gradiente lineal opción:

La opción Degradado lineal en la barra de opciones de Photoshop.

Haga clic en el icono de degradado «Lineal».

Paso 10: arrastre un degradado de negro a blanco en la máscara de capa

Un arco iris real generalmente parecería volverse más brillante a medida que se eleva hacia el cielo, por lo que le daremos a nuestro arco iris con Photoshop ese mismo efecto arrastrando un degradado de negro a blanco desde la base del arco iris (el punto donde el arco iris y el suelo debe encontrarse) hasta la parte superior de la imagen. Para hacer eso, con mi Herramienta de degradado seleccionada, haré clic con el mouse en algún lugar a lo largo de la parte inferior de los árboles a la izquierda. Luego, con el botón del mouse aún presionado, mantendré presionado mi Cambio también y arrastre directamente hacia la parte superior de la imagen. Mantener presionada la tecla Mayús facilita el arrastre en dirección vertical:

Arrastrar un degradado de blanco a negro desde la base del arco iris hasta la parte superior de la imagen.

Arrastre un degradado de negro a blanco desde la base del arco iris hasta la parte superior de la imagen.

Cuando suelto el botón del mouse, Photoshop dibuja el degradado de blanco a negro. Dado que el degradado se dibujó en la máscara de capa, no en la capa en sí, no vemos el degradado real en la imagen. En cambio, el arco iris ahora parece comenzar cerca de la parte inferior de los árboles a la izquierda y se vuelve más brillante a medida que se eleva hacia el cielo:

El arco iris después de arrastrar un degradado vertical de blanco a negro en la máscara de capa.

El arco iris ya no se extiende hasta la parte inferior de la foto gracias a la máscara de capa.

Paso 11: Duplique la capa de arco iris para aumentar su brillo

Para aumentar el brillo del arco iris, simplemente presione Ctrl + J (Ganar) / Comando + J (Mac) para duplicar la capa. Si, después de duplicar la capa, encuentra que el arco iris es ahora también brillante, márquelo hacia atrás algunas muescas reduciendo la opacidad de la capa duplicada. Encontrarás el Opacidad opción directamente frente a la opción de modo de fusión en la parte superior del panel Capas. Voy a bajar la mía a alrededor del 70%:

Duplicar la capa del arco iris y reducir la opacidad de la capa duplicada al 70%.

Presione «Ctrl + J» (Win) / «Comando + J» (Mac) para duplicar la capa del arco iris, luego baje la opacidad de la nueva capa según sea necesario.

Aquí está mi imagen después de duplicar mi capa de arco iris y luego reducir la opacidad:

El arco iris de la foto ahora se ve más brillante.

El arco iris ahora parece más brillante.

Paso 12: Agrupe las dos capas de arco iris

Hagamos un poco de limpieza en el panel Capas agrupando las dos capas del arco iris. La agrupación de capas relacionadas facilita la organización del panel Capas. Con la capa superior seleccionada, mantenga presionada la Cambio y haga clic en la capa Rainbow original directamente debajo de ella para seleccionar ambas capas a la vez. Verá ambos resaltados en azul, lo que le permitirá saber que ambos están seleccionados:

Seleccionar dos capas a la vez en el panel Capas de Photoshop.

Seleccione ambas capas de arco iris.

Entonces sube al Capa menú en la parte superior de la pantalla y elija Capas de grupo:

Agrupación de capas en Photoshop.

Vaya a Capa> Capas de grupo.

Photoshop agrupará las dos capas en el panel Capas. Photoshop nombra al nuevo grupo «Grupo 1». De forma predeterminada, el grupo de capas estará cerrado, lo que nos impedirá ver las dos capas dentro de él, lo cual está bien por ahora:

Las dos capas del arco iris se han agregado a un grupo de capas.

Las dos capas del arco iris están ahora dentro del «Grupo 1».

Paso 13: agregue una nueva capa en blanco

Tenemos nuestro arco iris inicial. ¡Ahora agreguemos un segundo para crear un doble efecto de arco iris! Primero, necesitaremos una nueva capa, así que haga clic una vez más en el Nueva capa en la parte inferior del panel Capas:

El icono de Nueva capa en el panel Capas en Photoshop.

Agrega otra capa nueva.

La nueva capa aparecerá sobre el grupo de capas en el panel Capas. Haga doble clic en el nombre de la nueva capa y cámbielo a «Segundo arco iris», luego presione Ingresar (Ganar) / Regreso (Mac) para aceptar el cambio de nombre:

Cambiando el nombre de la nueva capa a 'Segundo arco iris'.

Cambie el nombre de la nueva capa a «Segundo arco iris».

Paso 14: vuelva a seleccionar el degradado de arco iris

Haga clic una vez más en el Selector de degradado en la barra de opciones en la parte superior de la pantalla:

El selector de degradado en Photoshop.

El selector de degradado muestra actualmente el degradado de negro a blanco.

Cuando se abra el Editor de degradado, vuelva a hacer clic en el Arco iris de Russell miniatura para seleccionar el degradado del arco iris, pero no cierre todavía el Editor de degradado. Necesitamos hacerle algunos cambios:

Seleccionando el degradado de Russell's Rainbow en Photoshop.

Vuelva a seleccionar el gradiente de Russell’s Rainbow.

Paso 15: cambia el orden de los colores en el degradado

Siempre que vemos un arco iris doble en la naturaleza, los colores del segundo arco iris siempre están en orden inverso, lo que significa que debemos invertir el orden de los colores de nuestro degradado. Con el Editor de degradado aún abierto, haga clic en el parada de color azul directamente debajo de la barra de vista previa del degradado y arrástrela hacia la izquierda. Luego haz lo mismo con el verde y el color amarillo se detiene, arrastrándolos hacia la izquierda. No importa qué tan lejos los arrastre siempre que haya algo de espacio entre ellos. Esto es solo para asegurarnos de que no se superpongan entre sí a medida que los reposicionamos. Deje el tope de color rojo en su lugar:

Al arrastrar el color azul, verde y amarillo se detiene hacia la izquierda.

Arrastre los topes de color azul, verde y amarillo hacia la izquierda solo para esparcirlos temporalmente.

Clickea en el parada de color rojo para seleccionarlo, luego ingrese un valor de 82% en el Localización opción. Esto colocará la parada de color rojo en la misma ubicación en la que estaba originalmente la parada de color azul:

Establecer la ubicación de la parada de color rojo al 82% en el degradado.

Haga clic en la parada de color rojo, luego ingrese 82% para la Ubicación.

A continuación, haga clic en el parada de color amarillo para seleccionarlo, luego configure su Localización valor para 85%. Esto mueve el amarillo al lugar que originalmente ocupaba el verde:

Establecer la ubicación de la parada de color amarillo al 85% en el degradado.

Haga clic en la parada de color amarillo, luego ingrese 85% para la Ubicación.

Clickea en el parada de color verde para seleccionarlo, luego configure su Localización valor para 88%, que mueve el verde a la ubicación original del amarillo:

Establecer la ubicación de la parada de color verde al 88% en el degradado.

Haga clic en la parada de color verde, luego ingrese 88% para la Ubicación.

Finalmente, haga clic en el parada de color azul y cambia su Localización valor para 92%, colocándolo en el lugar original de rojo:

Establecer la ubicación de la parada de color azul al 92% en el degradado.

Haga clic en la parada de color azul, luego ingrese 92% para la Ubicación.

Directamente encima de la barra de vista previa del degradado hay más paradas, llenas de blanco, negro o algún tono de gris. Estas paradas controlan los niveles de transparencia (opacidad) de los colores en todo el degradado. Clickea en el tope de opacidad gris claro (segundo desde la izquierda) para seleccionarlo, luego cambie su Opacidad valor de su original 20% a 0%. Haga clic en Aceptar cuando haya terminado para salir del Editor de degradado:

Cambiar el valor de opacidad en parte del degradado.

Haga clic en la parada de color gris claro sobre la barra de vista previa del degradado y cambie su valor de Opacidad a 0%.

Paso 16: Arrastra otro degradado de arcoíris

Con los colores del degradado ahora invertidos, estamos listos para crear nuestro segundo arcoíris. Primero, voy a ocultar mi arco iris original de la vista temporalmente haciendo clic en el grupo de capas icono de visibilidad (el globo ocular) en el panel Capas:

El icono de visibilidad del grupo de capas en el panel Capas.

Al hacer clic en el icono de visibilidad, se activan o desactivan las capas o los grupos de capas en el documento.

Luego, arrastraré un degradado de arco iris tal como lo hice en el Paso 4: Primero, necesito volver a seleccionar el Gradiente radial en la barra de opciones para que el degradado aparezca como un arco:

Seleccionando la opción Degradado radial en la barra de opciones.

Seleccione la opción Gradiente radial nuevamente.

Luego haré clic y arrastraré mi segundo arcoíris en la misma ubicación que el primero:

Arrastrando un degradado de arco iris radial en Photoshop.

Arrastrando un segundo degradado de arco iris en el mismo lugar.

Cuando suelto el botón del mouse, Photoshop dibuja el degradado, luciendo muy parecido al primero, excepto que esta vez, el orden de los colores se invierte:

Se ha añadido a la foto un degradado de arco iris de color inverso.

El segundo degradado del arco iris con sus colores invertidos.

Paso 17: Cambiar el modo de fusión a la pantalla

Al igual que hicimos con el primer arco iris, cambie el modo de mezcla del nuevo arco iris de Normal a Pantalla:

El modo de fusión de la capa de pantalla.

Establezca el modo de fusión en Pantalla.

Los colores del arco iris ahora se combinan mejor con la imagen:

El segundo arco iris ahora se mezcla con la imagen.

El segundo arco iris configurado en el modo de fusión de pantalla.

Paso 18: aplique el filtro de desenfoque gaussiano

Desde el Desenfoque gaussiano filtro fue el último filtro que aplicamos, podemos volver a aplicarlo rápidamente con la misma configuración presionando Ctrl + F (Ganar) / Comando + F (Mac). Al igual que antes, las transiciones de color ahora parecen más suaves y naturales:

El segundo arco iris después de difuminarlo.

El arcoíris vuelve a parecer más realista después de difuminar los colores.

Paso 19: Copie la máscara de capa en la segunda capa de arco iris

Necesitamos agregar una máscara de capa en este punto y dibujar un degradado lineal de negro a blanco en la máscara para ocultar el arco iris debajo del punto donde debería tocar el suelo y hacer que parezca que aumenta en brillo a medida que se adentra más en el cielo, tal como lo hicimos en los Pasos 7-10 con el arco iris original. Pero, ¿por qué volver a pasar por todo ese lío cuando solo podemos copiar una de las máscaras de capa que ya hemos creado en la segunda capa del arco iris? Para hacer eso, primero tendré que abrir mi grupo de capas haciendo clic en el pequeño triángulo a la izquierda del nombre del grupo:

Girando abre el grupo de capas.

Haga clic en el triángulo para abrir el grupo de capas.

Con el grupo de capas abierto y las dos capas que componen el arco iris original ahora visibles, mantenga presionada la tecla Alt (Ganar) / Opción (Mac), haga clic en la miniatura de la máscara de capa para la capa «Copia del arco iris» y arrástrela hasta la segunda capa del arco iris:

Arrastrando la máscara de capa a otra capa.

Mantenga presionada la tecla Alt (Win) / Opción (Mac) y arrastre la miniatura de la máscara de capa a la capa superior.

Cuando vea aparecer una barra de resaltado alrededor de la capa del segundo arco iris (que se muestra en la miniatura anterior), suelte el botón del mouse. Photoshop copia la máscara de capa en la capa del segundo arco iris:

La máscara de capa se ha copiado a la otra capa.

La máscara de capa se ha copiado de una capa a otra.

Si miramos la imagen en la ventana del documento, vemos que la parte inferior del arco iris ahora se desvanece justo encima de los árboles, al igual que el arco iris original:

La máscara de capa se ha aplicado al segundo arco iris.

La imagen después de copiar la máscara de capa a la capa del segundo arco iris.

Paso 20: Mueva el segundo arco iris a su posición

Todo lo que queda por hacer ahora es mover el segundo arco iris a su posición. Seleccione Photoshop Herramienta de movimiento desde el panel Herramientas, o presione la letra V en su teclado para seleccionarlo rápidamente con el atajo:

Herramienta de movimiento de Photoshop.

Seleccione la herramienta Mover.

Antes de mover nada, volveré a activar el arco iris original en el documento haciendo clic una vez más en el grupo de capas. icono de visibilidad en el panel Capas:

Haciendo clic en el icono de visibilidad del grupo de capas en el panel Capas.

Cuando se oculta una capa o un grupo, el globo ocular del icono de visibilidad también se oculta.

Luego, con la herramienta Mover seleccionada y ambos arcoíris ahora visibles en el documento, haga clic en dentro de la ventana del documento y, con el botón del mouse aún presionado, arrastre el segundo arco iris a su lugar. Voy a arrastrar el mío hacia arriba y hacia la izquierda para que solo una pequeña parte aparezca en la esquina superior izquierda de la foto:

Arrastrando el segundo arco iris a su lugar en el documento.

Utilice la herramienta Mover para arrastrar el segundo arco iris a su lugar en la imagen.

Paso 21: Disminuya la opacidad del segundo arco iris

Finalmente, como no quiero que mi segundo arcoíris parezca tan brillante como el original, reduciré su opacidad a alrededor del 70% en la parte superior del panel Capas:

Bajando la opacidad del segundo arcoíris.

Reduciendo la opacidad del segundo arcoíris.

Y con eso, ¡hemos terminado! Aquí, después de reducir la opacidad, está mi efecto final de doble arco iris de Photoshop:

El efecto fotográfico final de doble arco iris de Photoshop.

El efecto arcoíris final.