Colorear imágenes con degradados en Photoshop

Escrito por Steve Patterson.

En esto Tutorial de efectos de Photoshop , aprenderemos cómo agregar efectos de coloración complejos a las imágenes usando gradientes personalizados ! Específicamente, veremos el Mapa de gradiente ajuste de imagen y cómo nos permite aplicar diferentes colores a diferentes niveles de brillo en la imagen. Veremos lo fácil que es crear nuestros propios degradados personalizados en Photoshop para que podamos colorear nuestras imágenes con los colores que elijamos.



Como siempre, usaremos la versión de la capa de ajuste del Mapa de degradado para evitar realizar cambios en la foto original y para que podamos ajustar fácilmente la intensidad del efecto cuando hayamos terminado.

Aquí está la imagen con la que trabajaré:





  La imagen original. Imagen con licencia de iStockphoto por Photoshop Essentials.com. La imagen original.

Así es como se verá después de colorearlo con un degradado y luego reducir la intensidad del efecto. Esta es solo una de las infinitas posibilidades:

  Efecto de coloración de degradado de Photoshop. El resultado final.

Cómo colorear una imagen con un degradado

Paso 1: cree una versión personalizada en blanco y negro de la imagen

Antes de comenzar a colorear la imagen con un degradado, primero eliminemos los colores existentes y creemos una versión personalizada en blanco y negro. Esto nos ayudará a afinar los resultados al final. Si está usando Photoshop CS3 o superior (estoy usando CS4 en este tutorial), la forma más fácil de crear una versión personalizada en blanco y negro de gran apariencia es con un Blanco negro capa de ajuste, que es lo que agregaré en un momento. Si utiliza Photoshop CS2 o anterior, utilice un Mezclador de canales o La saturación de color capa de ajuste para crear su versión en blanco y negro. Encontrará detalles completos sobre estas y otras formas de convertir imágenes en color a blanco y negro en nuestro Edición de fotos sección.



Si miramos en nuestra paleta de Capas, vemos que actualmente solo tenemos una capa, la capa de Fondo, que es la capa que contiene nuestra imagen. Para agregar una capa de ajuste en blanco y negro, haga clic en el Nueva Capa de Ajuste en la parte inferior de la paleta Capas y elija Blanco negro de la lista de capas de ajuste que aparece:

  Selección de una capa de ajuste en blanco y negro en Photoshop. Imagen © 2008 Photoshop Essentials.com. Haga clic en el icono Nueva capa de ajuste y seleccione Blanco y negro de la lista (Photoshop CS3 y superior).

Tan pronto como seleccione la capa de ajuste Blanco y negro, verá que su imagen en la ventana del documento aparece repentinamente en blanco y negro, según la configuración predeterminada para el ajuste. En Photoshop CS3, los controles para la capa de ajuste Blanco y negro se abrirán en un cuadro de diálogo en su pantalla. En CS4, aparecerán dentro del Panel de ajustes, que es nuevo en CS4. En cualquier caso, la forma en que funciona es la misma. Simplemente arrastre cualquiera de los controles deslizantes de color (Rojos, amarillos, verdes, cian, azules y magentas) hacia la izquierda o hacia la derecha para iluminar u oscurecer las áreas de la imagen que originalmente contenían ese color en particular. Arrastrar un control deslizante hacia la izquierda oscurecerá las áreas de ese color, mientras que arrastrarlo hacia la derecha las aclarará.



Por ejemplo, el tono de piel siempre contiene mucho rojo, así que para aclarar la piel de alguien en la versión en blanco y negro de la imagen, simplemente arrastre el control deslizante Rojos hacia la derecha. Los árboles y otras plantas suelen contener mucho amarillo (aunque nos parezcan verdes), así que para aclararlos u oscurecerlos, simplemente arrastre el control deslizante Amarillos. Vigile siempre su imagen en la ventana del documento mientras arrastra los controles deslizantes para juzgar los resultados:

  Creación de una imagen personalizada en blanco y negro con el ajuste Blanco y negro en Photoshop. Arrastre los controles deslizantes de color hacia la izquierda o hacia la derecha para oscurecer o aclarar diferentes áreas de la versión en blanco y negro.

Una vez que esté satisfecho con los resultados, haga clic en Aceptar para salir del cuadro de diálogo si está utilizando Photoshop CS3. En CS4, el Panel de ajustes puede permanecer abierto. Aquí está mi imagen después de convertirla a blanco y negro:

  La versión personalizada en blanco y negro de la imagen. Se ha creado una versión personalizada en blanco y negro.

Si volvemos a mirar en nuestra paleta Capas, vemos que ahora tenemos dos capas. La imagen original aún se encuentra en la capa de fondo, y directamente encima está nuestra capa de ajuste. La conversión en blanco y negro que acabamos de aplicar está contenida completamente dentro de la propia capa de ajuste. La imagen original debajo permanece a todo color, intacta y sin verse afectada por nada de lo que acabamos de hacer, por lo que siempre debemos usar capas de ajuste cuando sea posible:



  La paleta Capas que muestra la capa de ajuste Blanco y negro. Con capas de ajuste, la imagen original permanece ilesa.

Paso 2: agregue una capa de ajuste de mapa de degradado

Ahora que tenemos nuestra versión en blanco y negro, podemos colorear la imagen con un degradado. Para eso, usaremos otra capa de ajuste, esta vez un Mapa de degradado. Haga clic de nuevo en el Nueva Capa de Ajuste en la parte inferior de la paleta Capas y elija Mapa de gradiente de la lista:

  Adición de una capa de ajuste de mapa de degradado en Photoshop. Haga clic nuevamente en el ícono Nueva capa de ajuste y esta vez, elija Mapa de degradado.

Al igual que con la capa de ajuste anterior, si usa Photoshop CS3 (o anterior), los controles para el Mapa de degradado se abrirán en un cuadro de diálogo en su pantalla. En CS4, aparecen en el Panel de ajustes.

Paso 3: crea un degradado personalizado

De forma predeterminada, Photoshop utiliza un degradado basado en los colores actuales de primer plano y fondo que, a menos que los haya cambiado, serán negro (primer plano) y blanco (fondo), lo que nos da un degradado de negro a blanco. Podemos ver cómo se ve el gradiente actual en el área de vista previa de degradado :



  La vista previa del degradado en el cuadro de diálogo Mapa de degradado. El área de vista previa nos muestra los colores actuales en el degradado.

Como queremos colorear nuestra imagen, un degradado de negro a blanco no nos servirá de mucho, ¡así que cambiemos los colores y creemos nuestro propio degradado personalizado! Haga clic directamente en el área de vista previa del degradado, que abre el área más grande Editor de degradado . En la parte superior del Editor de degradado hay una serie de miniaturas, cada una de las cuales representa un degradado prefabricado diferente (conocido como degradado). Preestablecido ) que podemos elegir simplemente haciendo clic en su miniatura. Sin embargo, no vamos a hacer eso (así que no haga clic en ninguno de ellos) porque vamos a ver lo fácil que es crear un degradado personalizado.

  Los ajustes preestablecidos de degradado en el Editor de degradado. El área de ajustes preestablecidos en la parte superior del editor de degradado contiene una selección de degradados listos para usar.

No se llamaría Gradient Editor si todo lo que pudiéramos hacer fuera elegir entre gradientes prefabricados y, de hecho, es muy fácil crear el nuestro usando los colores que queramos. En la mitad inferior del cuadro de diálogo hay una versión más grande del área de vista previa del degradado que vimos hace un momento. Directamente debajo del área de vista previa en cada extremo hay un parada de color que muestra el color actual que se está utilizando en esa parte del degradado. La parada de color de la izquierda está rellena de negro, mientras que la de la derecha está rellena de blanco. Para cambiar cualquiera de los colores, simplemente haga clic en la parada de color, luego haga clic en el rectángulo muestra de color a la derecha de la palabra Color en la parte inferior del cuadro de diálogo.



Cambiemos el negro a la izquierda del degradado a otra cosa. Haga clic en la parada de color negro para seleccionarla, luego haga clic en la muestra de color:

  Cambiando uno de los colores en el degradado en Photoshop. Haga clic en la parada de color negro para seleccionarla, luego haga clic en la muestra de color para cambiar su color.

Esto abre Photoshop Selector de color . Para obtener los mejores resultados, normalmente querrá crear degradados que progresen de colores más oscuros a colores más claros, por lo que elegiré un púrpura oscuro del Selector de color, que reemplazará al negro en el degradado:



  El selector de color en Photoshop. Reemplazando el negro en el degradado con un morado oscuro.

Haga clic en Aceptar cuando haya terminado para salir del Selector de color. Si miramos mi imagen en la ventana del documento, vemos que al reemplazar el negro en el degradado con púrpura, todas las áreas oscuras en la foto ahora aparecen de color púrpura en lugar de negro:

  Las áreas oscuras de la imagen ahora aparecen con un tinte púrpura. Las áreas oscuras de la imagen ahora aparecen de color púrpura.

Hagamos lo mismo con la parada de color blanco debajo del extremo derecho del área de vista previa del degradado. Haga clic en la parada de color para seleccionarla, luego haga clic en la muestra de color para cambiar su color:

  Cambiando el color blanco en el degradado. Cambiando el color blanco en el extremo derecho del degradado.

Cuando aparezca el Selector de color, elegiré un amarillo brillante para reemplazar el blanco:

  Seleccionando amarillo del Selector de color en Photoshop. Reemplazando el blanco en el degradado con un amarillo brillante.

Haga clic en Aceptar para salir del Selector de color, y podemos ver que las áreas de la imagen que originalmente eran blancas (o un tono gris claro) ahora aparecen amarillas:

  Las áreas claras de la imagen ahora aparecen con un tinte amarillo. Las áreas oscuras siguen siendo moradas y ahora las áreas claras aparecen amarillas.

Agregar más colores
Por el momento, nuestro degradado se compone de solo dos colores, pero podemos agregar tantos colores como queramos simplemente agregando más paradas de color. Para agregar una parada de color, simplemente haga clic debajo del área de vista previa del degradado en el lugar donde desea que aparezca. Agregaré una tercera parada de color debajo de la mitad del degradado. Tan pronto como haga clic, aparecerá la nueva parada de color:

  Agregar una nueva parada de color al degradado en Photoshop. Haga clic en cualquier lugar a lo largo de la parte inferior del degradado para agregar otra parada de color.

Para cambiar su color, simplemente haga clic en la muestra de color, luego seleccione un nuevo color del Selector de color. Seleccionaré una naranja mediana. Tenga en cuenta que estoy seleccionando deliberadamente nuevos colores que coincidan, lo más cerca posible de todos modos, con el brillo del color original en el degradado. Puede crear efectos de color salvajes y locos seleccionando colores con niveles de brillo muy diferentes a los originales, pero para degradados más suaves y de aspecto más natural, es mejor intentar igualar los niveles de brillo lo más cerca posible:

  Selección de naranja del Selector de color en Photoshop. Elegir un naranja medio para reemplazar el gris medio en el degradado.

Haré clic en Aceptar para volver a salir del Selector de color y podemos ver en la ventana del documento que los medios tonos de mi imagen ahora aparecen en naranja. Las áreas más oscuras siguen siendo moradas y las áreas más claras siguen siendo amarillas gracias al degradado de tres colores que he creado para colorear la imagen con:

  La imagen ahora está coloreada con un degradado de tres colores. Las áreas más oscuras son moradas, las áreas más claras son amarillas y los tonos medios son naranjas gracias al degradado personalizado de 3 colores.

No solo podemos agregar nuevos colores al degradado, sino que también podemos mover los colores existentes. Para mover cualquiera de los colores y cambiar el aspecto del degradado, simplemente haga clic en la parada de color y arrástrela hacia la izquierda o hacia la derecha a lo largo de la parte inferior del área de vista previa del degradado. También puede hacer clic y arrastrar la pequeña forma de diamante que aparece entre dos paradas de color para cambiar la distancia que tarda un color en mezclarse con otro. Observe la imagen en la ventana del documento para juzgar los resultados. Finalmente, para eliminar un color del degradado, simplemente haga clic y arrastre su parada de color lejos del área de vista previa del degradado hasta que desaparezca, luego suelte el botón del mouse:

  Arrastrando una de las paradas de color en el degradado. Arrastre cualquiera de las paradas de color para cambiar la posición de los colores en el degradado. Arrastre las formas de pequeños diamantes para cambiar la transición de un color a otro.

Cuando haya terminado de crear y editar el degradado, haga clic en Aceptar para salir del Editor de degradado y, a continuación, haga clic en Aceptar para salir del cuadro de diálogo Mapa de degradado (Photoshop CS3 y versiones anteriores).

Paso 4: cambia el modo de fusión o reduce la opacidad

Si encuentra que el efecto de coloración inicial es demasiado intenso (como el mío), hay un par de maneras fáciles de darle una apariencia más sutil. Una es cambiando el modo de mezcla de la capa de ajuste Mapa de degradado. Voy a cambiar mi modo de fusión de Normal (el modo de fusión predeterminado) a Luz tenue :

  Cambiar el modo de fusión de la capa de ajuste del Mapa de degradado a Luz suave. Cambie el modo de fusión de la capa de ajuste del Mapa de degradado a Luz suave.

También puede probar el modo de mezcla Superposición para una apariencia de mayor contraste. En mi caso, Soft Light funciona mejor y me da un efecto de coloración mucho más tenue:

  El efecto de coloración después de cambiar el modo de fusión a Luz suave. Cambiar el modo de fusión da como resultado un efecto más sutil.

Otra forma de reducir la intensidad del efecto es bajando el opacidad de la capa de ajuste Mapa de degradado. Volveré a establecer mi modo de fusión en Normal y esta vez, reduciré la opción de Opacidad (directamente frente a la opción de modo de fusión) hasta el 25%:

  Bajando la Opacidad de la capa de ajuste del Mapa de Degradado. Baje la opacidad del Mapa de degradado para reducir su intensidad.

Al reducir la opacidad de la capa de ajuste, obtenemos un aspecto más suave con menos contraste que el que nos dio el modo de fusión Soft Light:

  El efecto de coloración después de reducir la opacidad del Mapa de degradado. Bajar la opacidad crea un efecto de coloración más suave.