¡En este tutorial de Photoshop Effects, 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 gradiente de arco iris listo para usar. 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 doble arco iris más realista.
Por supuesto, como con la mayoría de los efectos fotográficos, ayuda si comienza con el tipo correcto de imagen. En este caso, una foto tomada al aire libre es un buen lugar para comenzar. Si resulta ser una foto de paisaje tomada después de una tormenta de lluvia, ¡aún mejor! Usaré Photoshop CS5 a lo largo de este tutorial, pero cualquier versión reciente funcionará.
Aquí está la foto con la que comenzaré:
La imagen original
Así se verá la imagen después de agregar un arco iris doble:
El efecto final del arco iris.
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:
La foto se encuentra en la capa de fondo en el panel Capas.
Lo primero que debemos hacer es agregar una nueva capa en blanco sobre la capa de fondo. Para hacerlo, haga clic en el icono Nueva capa en la parte inferior del panel Capas:
Haga clic en el icono Nueva capa.
Photoshop agrega una nueva capa en blanco llamada "Capa 1" sobre la capa de fondo. Haga doble clic directamente en el nombre de la capa y cámbielo a "Rainbow", ya que agregaremos nuestro arco iris inicial a esta capa. Presione Entrar (Win) / Volver (Mac) cuando haya terminado de aceptar el cambio de nombre:
Cambie el nombre de la nueva capa "Rainbow".
Paso 2: selecciona el gradiente del arco iris
Como mencioné, Photoshop se envía con un gradiente de arco iris listo para usar. No es uno de los gradientes que Photoshop pone a nuestra disposición por defecto, pero todo lo que tenemos que hacer es cargarlo manualmente. Para hacerlo, seleccione la herramienta de degradado en el panel Herramientas:
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:
Haga clic en el selector de degradado en la barra de opciones.
Esto abre el Editor de degradado de Photoshop, que nos muestra pequeñas miniaturas de los degradados que podemos elegir. Por defecto, el degradado del arco iris no es uno de ellos, así que vamos a cargarlo. Haga clic en la flecha que apunta hacia la derecha en la esquina superior derecha del Editor de degradado:
Haz clic en la flecha pequeña.
Aparece una lista de conjuntos de gradientes adicionales. El que queremos es Efectos especiales . Selecciónelo de la lista:
Seleccione los gradientes 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. Haga clic en Anexar para que todavía tenga los gradientes originales disponibles, y los nuevos efectos especiales se agregarán debajo de ellos:
Haga clic en "Agregar" para agregar los nuevos gradientes de "Efectos especiales" con los degradados originales.
Con los nuevos gradientes de efectos especiales agregados, el que queremos, Russell's Rainbow, es el último en la parte inferior. Si tiene la información sobre herramientas de Photoshop habilitada en las Preferencias (están habilitadas de forma predeterminada), verá 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:
Haga clic en la miniatura "Arco iris de Russell" para seleccionar el gradiente.
Paso 3: Seleccione "Gradiente radial" de 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 la opción Degradado radial :
Seleccione "Radial" de la barra de opciones.
Paso 4: arrastre un arco iris con la herramienta de 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 aparezca como si tocara el suelo detrás del grupo de árboles a la izquierda de mi foto y luego se arquee 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 punto 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 más allá de la izquierda de los árboles. Mantener presionada la tecla Mayús mientras arrastro limitará la dirección en la que puedo arrastrar, lo que facilita el arrastre horizontal:
Arrastrando un gradiente radial del arco iris de derecha a izquierda en la imagen.
Cuando sueltas el botón del mouse, Photoshop dibuja el degradado del arco iris. Todavía no parece terriblemente realista, pero es un comienzo:
Photoshop dibuja el degradado cuando sueltas el botón del mouse.
Paso 5: Cambia el modo de fusión de la capa del arco iris a "Pantalla"
Vaya a las opciones del modo de fusión en la esquina superior izquierda del panel Capas (es el cuadro desplegable configurado en "Normal" de forma predeterminada) y cambie el modo de fusión de la capa Arcoíris a Pantalla :
Cambia el modo de fusión de la capa del arco iris a Pantalla.
Los colores del arcoíris ahora se combinarán mejor con la foto detrás de ellos:
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íris para que se vea más realista. Vaya al menú Filtro en la barra de menú en la parte superior de la pantalla, elija Desenfocar, luego elija Desenfoque gaussiano :
Vaya a Filtro> Desenfocar> Desenfoque gaussiano.
Esto abre el cuadro de diálogo Desenfoque gaussiano de Photoshop. Arrastre el control deslizante de Radio en la parte inferior del cuadro de diálogo hacia la derecha para aumentar la cantidad de desenfoque que se aplica al arco iris, vigilando 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 real de Radio que elijas dependerá mucho del tamaño y la resolución de tu imagen. Para mí, un valor de alrededor de 50 píxeles funciona bien. Haga clic en Aceptar cuando haya terminado para cerrar el cuadro de diálogo:
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 Gaussian Blur:
El arco iris ahora se ve más realista después de aplicar el filtro Gaussian Blur.
Paso 7: agregar una máscara de capa
Haga clic en el icono de Máscara de capa en la parte inferior del panel Capas:
Haga clic en el icono de Máscara de capa.
Todavía no ocurrirá 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 Rainbow. Si observa detenidamente, verá un cuadro de resaltado blanco que aparece alrededor de la miniatura de la máscara de capa. Esto nos dice que la máscara, no la capa en sí, está seleccionada:
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 de degradado aún seleccionada, haga clic con el botón derecho (Win) / Control-clic (Mac) en cualquier lugar dentro de la ventana del documento para acceder rápidamente a las miniaturas predeterminadas de degradado, las mismas que vimos hace un momento en el cuadro de diálogo completo del Editor de degradado. Seleccione el degradado de Negro a Blanco haciendo clic en su miniatura (tercero desde la fila superior izquierda). Presione Entrar (Win) / Retorno (Mac) cuando haya terminado de cerrar la lista de gradientes:
Haga clic en la miniatura del degradado de negro a blanco para seleccionarlo.
Paso 9: Elija "Gradiente lineal" en la barra de opciones
Vuelva a la barra de opciones y esta vez, haga clic en la opción Gradiente lineal :
Haga clic en el icono de degradado "Lineal".
Paso 10: arrastre un degradado de negro a blanco en la máscara de capa
Por lo general, un arcoíris real parecería más brillante a medida que alcanza más alto en el cielo, por lo que le daremos a nuestro arco iris con Photoshop el mismo efecto arrastrando un gradiente de negro a blanco desde la base del arco iris (el punto donde el arco iris y el suelo debe encontrarse) a 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, también presionaré la tecla Mayús y arrastraré hacia la parte superior de la imagen. Mantener presionada la tecla Mayús hace que sea fácil arrastrar en dirección vertical:
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 negro a blanco. Como el gradiente se dibujó en la máscara de capa, no en la capa en sí, no vemos el gradiente real en la imagen. En cambio, el arcoíris ahora parece comenzar cerca del fondo de los árboles a la izquierda y se vuelve más brillante a medida que se eleva hacia el cielo:
El arco iris ya no se extiende hasta el final de la foto gracias a la máscara de capa.
Paso 11: Duplique la capa del arco iris para aumentar su brillo
Para aumentar el brillo del arco iris, simplemente presione Ctrl + J (Win) / Comando + J (Mac) para duplicar la capa. Si, después de duplicar la capa, encuentra que el arcoíris ahora es demasiado brillante, reduzca algunas muescas bajando la opacidad de la capa duplicada. Encontrará la opción Opacidad 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%:
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 bajar la opacidad:
El arcoíris ahora parece más brillante.
Paso 12: Agrupe las dos capas del arco iris
Hagamos un poco de limpieza en el panel Capas agrupando las dos capas del arco iris. Agrupar capas relacionadas hace que sea más fácil mantener organizado el panel Capas. Con la capa superior seleccionada, mantenga presionada la tecla Mayús y haga clic en la capa Rainbow original directamente debajo de ella para seleccionar ambas capas a la vez. Los verá resaltados en azul, lo que le permitirá saber que ambos están seleccionados:
Seleccione ambas capas del arco iris.
Luego, vaya al menú Capa en la parte superior de la pantalla y elija Agrupar capas :
Vaya a Capa> Agrupar capas.
Photoshop agrupará las dos capas en el panel Capas. Photoshop nombra al nuevo grupo "Grupo 1". Por defecto, el grupo de capas se cerrará, evitando que veamos las dos capas dentro de él, lo cual está bien por ahora:
Las dos capas del arco iris ahora están dentro del "Grupo 1".
Paso 13: Agregue una nueva capa en blanco
Tenemos nuestro arcoiris 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 icono Nueva capa en la parte inferior del panel Capas:
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 Entrar (Win) / Retorno (Mac) para aceptar el cambio de nombre:
Cambie el nombre de la nueva capa "Segundo arcoiris".
Paso 14: vuelva a seleccionar el degradado del 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 muestra actualmente el degradado de negro a blanco.
Cuando se abra el Editor de degradado, haga clic nuevamente en la miniatura del Arco iris de Russell para seleccionar el degradado del arco iris, pero aún no cierre el Editor de degradado. Necesitamos hacerle algunos cambios:
Vuelva a seleccionar el gradiente de Russell's Rainbow.
Paso 15: Voltea el orden de los colores en el degradado
Cada vez que vemos un arco iris doble en la naturaleza, los colores en el segundo arco iris siempre están en orden inverso, lo que significa que debemos invertir el orden de los colores en nuestro gradiente. Con el Editor de degradado aún abierto, haga clic en el color azul que se encuentra directamente debajo de la barra de vista previa del degradado y arrástrelo hacia la izquierda. Luego haz lo mismo con las paradas de color verde y amarillo, arrastrándolos hacia la izquierda. No importa qué tan lejos los arrastres siempre que haya espacio entre ellos. Esto es solo para asegurarse de que no se superpongan entre sí a medida que los reposicionamos. Deje el tope de color rojo en su lugar:
Arrastre las paradas de color azul, verde y amarillo hacia la izquierda solo para extenderlas temporalmente.
Haga clic en el color rojo para seleccionarlo, luego ingrese un valor de 82% en la opción Ubicación . Esto colocará la parada de color rojo en la misma ubicación en la que estaba originalmente la parada de color azul:
Haga clic en el color rojo, luego ingrese 82% para la Ubicación.
A continuación, haga clic en el tope de color amarillo para seleccionarlo, luego establezca su valor de Ubicación en 85% . Esto mueve el amarillo al lugar originalmente mantenido por el verde:
Haga clic en la parada de color amarillo, luego ingrese 85% para la Ubicación.
Haga clic en el tope de color verde para seleccionarlo, luego establezca su valor de Ubicación en 88%, que mueve el verde a la ubicación original del amarillo:
Haga clic en la parada de color verde, luego ingrese 88% para la Ubicación.
Finalmente, haga clic en la parada de color azul y cambie su valor de Ubicación al 92%, colocándolo en el lugar original del rojo:
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. Haga clic en el tope de opacidad gris claro (segundo desde la izquierda) para seleccionarlo, luego cambie su valor de opacidad de su original 20% a 0% . Haga clic en Aceptar cuando haya terminado para salir del Editor de degradado:
Haga clic en la parada gris claro sobre la barra de vista previa del gradiente y cambie su valor de Opacidad a 0%.
Paso 16: Arrastre hacia fuera otro gradiente de arco iris
Con los colores en el 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 icono de visibilidad del grupo de capas (el globo ocular) en el panel Capas:
Al hacer clic en el icono de visibilidad, las capas o grupos de capas se activan o desactivan en el documento.
Luego, arrastraré un degradado de arco iris tal como lo hice en el Paso 4: Primero, necesito volver a seleccionar la opción Degradado radial en la Barra de opciones para que el degradado aparezca como un arco:
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 segundo gradiente de arco iris en el mismo lugar.
Cuando suelto el botón del mouse, Photoshop dibuja el degradado, muy parecido al primero, excepto que esta vez, el orden de los colores se invierte:
El segundo gradiente del arco iris con sus colores invertidos.
Paso 17: cambie el modo de fusión a la pantalla
Al igual que hicimos con el primer arco iris, cambie el modo de fusión del nuevo arco iris de Normal a Pantalla :
Establezca el modo de fusión en Pantalla.
Los colores del arco iris ahora se combinan mejor con la imagen:
El segundo arcoíris configurado en el modo de mezcla de pantalla.
Paso 18: aplique el filtro de desenfoque gaussiano
Dado que el filtro Gaussian Blur fue el último filtro que aplicamos, podemos volver a aplicarlo rápidamente con la misma configuración presionando Ctrl + F (Win) / Command + F (Mac). Al igual que antes, las transiciones de color ahora parecen más suaves y más naturales:
El arco iris, una vez más, parece 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 estar tocando el suelo y hacer que parezca aumentar su brillo a medida que llega más adentro cielo, tal como lo hicimos en los Pasos 7-10 con el arcoíris original. ¡Pero por qué volver a pasar por toda esa molestia 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:
Haga clic en el triángulo para girar y abrir el grupo de capas.
Con el grupo de capas abierto y las dos capas que forman el arcoíris original ahora visibles, mantenga presionada la tecla Alt (Win) / Opción (Mac), haga clic en la miniatura de la máscara de capa para la capa "Copia arcoiris" y arrástrela hacia arriba la segunda capa del arcoiris:
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 que aparece una barra resaltada alrededor de la segunda capa del arco iris (que se muestra en la miniatura anterior), suelte el botón del mouse. Photoshop copia la máscara de capa en la segunda capa del arco iris:
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 por encima de los árboles, al igual que el arco iris original:
La imagen después de copiar la máscara de capa en la segunda capa del 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 la herramienta Mover de Photoshop en el panel Herramientas o presione la letra V en su teclado para seleccionarla rápidamente con el acceso directo:
Seleccione la herramienta Mover.
Antes de mover algo, volveré a encender el arcoíris original en el documento haciendo clic una vez más en el icono de visibilidad del grupo de capas en el panel Capas:
Cuando una capa o grupo está oculto, el globo ocular en el icono de visibilidad también está oculto.
Luego, con la herramienta Mover seleccionada y ambos arcoíris ahora visibles en el documento, haga clic dentro de la ventana del documento y, con el botón del mouse aún presionado, arrastre el segundo arcoíris a su lugar. Voy a arrastrar el mío hacia arriba y hacia la izquierda para que solo aparezca una pequeña parte en la esquina superior izquierda de la foto:
Use la herramienta Mover para arrastrar el segundo arcoíris a su lugar en la imagen.
Paso 21: Baje la opacidad del segundo arco iris
Finalmente, dado que no quiero que mi segundo arco iris aparezca tan brillante como el original, reduciré su opacidad a alrededor del 70% en la parte superior del panel Capas:
Bajando la opacidad del segundo arcoiris.
Y con eso, ¡hemos terminado! Aquí, después de reducir la opacidad, está mi efecto final de doble arco iris de Photoshop:
El efecto final del arco iris.