En esto Tutorial de efectos de Photoshop, vamos a aprender a colorear una foto usando varios colores. Es un efecto que he visto que se usa bastante en anuncios para impresoras fotográficas y para software de calibración de color.

La idea es sencilla. Tome una sola foto, divídala en múltiples secciones de igual tamaño (generalmente cuatro secciones), luego coloree cada sección con un color diferente, o un tono diferente del mismo color, para crear resultados interesantes. Con los anuncios de impresoras fotográficas, por ejemplo, cada sección de la foto generalmente se colorea con uno de los cuatro colores principales de tinta (cian, magenta, amarillo y negro). Con los anuncios del software de calibración de color, cada sección de la foto se tiñe con un color ligeramente diferente para mostrar cómo la misma imagen puede verse diferente en diferentes monitores cuando no están calibrados correctamente.

Estos son solo dos ejemplos comunes de cómo se puede usar este efecto fotográfico, pero puede colorear su imagen con los colores que desee según el tema de su imagen y el estado de ánimo o el mensaje que está tratando de transmitir. Use rojos, naranjas y amarillos para colorear una imagen de niños jugando en las hojas en el otoño, o diferentes tonos de azul para colorear una foto de un paisaje frío e invernal. O coloree tres de las cuatro secciones con el mismo color y use un color diferente para resaltar una sección específica de la foto. Para un efecto tan simple, hay muchas formas diferentes de usarlo.

Photoshop hace que la creación de este efecto sea increíblemente fácil. Primero, dividiremos nuestra foto en cuatro secciones usando guías, luego usaremos varias capas de ajuste de Tono / Saturación, así como sus máscaras de capa, para colorear cada sección con un color diferente. Cuando terminemos con el efecto inicial, veremos cómo podemos usar una capa de ajuste de Tono / Saturación adicional para cambiar rápidamente los cuatro colores a la vez.

Aquí está la imagen que usaré para este tutorial. Mi imagen es una foto en blanco y negro, pero una foto a todo color funcionará igualmente bien. No es necesario convertir tu imagen a blanco y negro primero, simplemente me gusta esta foto:

Así es como se verá la imagen cuando terminemos. Tenga en cuenta que no es necesario que use los mismos colores que usaré yo. Este tutorial simplemente le muestra cómo crear el efecto. Los colores reales que use dependen completamente de usted. Como mencioné, al final del tutorial, veremos cómo podemos cambiar rápidamente los cuatro colores a la vez para obtener diferentes resultados.

Cómo colorear una foto con varios colores

Paso 1: Agregar un nuevo conjunto de guías verticales al 25%

Antes de que podamos comenzar a colorear diferentes secciones de nuestra foto, primero necesitamos crear las secciones, y para eso, usaremos Photoshop guías. Es posible que las guías no sean la parte más emocionante de trabajar con Photoshop, pero definitivamente pueden hacer su vida más fácil. Para dividir nuestra foto en cuatro secciones de igual tamaño, necesitaremos tres guías. Agreguemos nuestro primero. Sube al Vista en la parte superior de la pantalla y elija Nueva guía. Esto abre el cuadro de diálogo Nueva guía. Queremos crear guías verticales, así que seleccione Vertical Para el Orientación opción. Luego, en la parte inferior del cuadro de diálogo, escriba 25% Para el Posición valor:

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo. Si miramos nuestra imagen en la ventana del documento, podemos ver que hemos agregado nuestra primera guía que se ejecuta verticalmente de arriba a abajo, ubicada exactamente a un cuarto del camino a través de la imagen de izquierda a derecha:

Paso 2: agregue un segundo conjunto de guía vertical al 50%

Agreguemos nuestra segunda guía. Vuelve a la Vista menú en la parte superior de la pantalla y una vez más seleccione Nueva guía. Cuando aparezca el cuadro de diálogo Nueva guía, asegúrese de Vertical es seleccionado para el Orientación opción y esta vez, ingrese un valor de 50% Para el Posición opción:

Haga clic en Aceptar para salir del cuadro de diálogo, y podemos ver en la ventana de nuestro documento que ahora hemos agregado una segunda guía vertical, esta que se ejecuta directamente en el medio de la foto:

Paso 3: agregue un tercer conjunto de guías verticales al 75%

Vuelve a la Vista menú, seleccione Nueva guía, y esta vez, ingrese un valor de 75% Para el Posición en el cuadro de diálogo Nueva guía. De nuevo, asegúrate Vertical es seleccionado para el Orientación opción:

Haga clic en Aceptar para salir del cuadro de diálogo, y ahora tenemos nuestra tercera guía, esta que se ejecuta de arriba a abajo en las tres cuartas partes de la imagen:

Gracias a las tres guías que hemos agregado, una al 25%, una al 50% y una al 75% del recorrido de la imagen, nuestra foto ahora está dividida en cuatro secciones de igual tamaño. Ahora podemos comenzar a colorear cada sección, ¡lo que haremos a continuación!

Paso 4: Asegúrese de que la opción «Ajustar a las guías» esté activada

En un momento, comenzaremos a arrastrar selecciones alrededor de nuestras cuatro secciones usando la herramienta Marco rectangular, y para facilitarnos las cosas, Photoshop va a ajustar nuestras selecciones directamente a las guías que hemos creado. O al menos, lo será si tenemos el Ajustar a las guías opción habilitada. Sube al Vista en la parte superior de la pantalla y seleccione Ajustar a. Aparecerá un submenú con el Guías opción en la parte superior de la misma. Mire a la izquierda de la palabra «Guías». Si ve una marca de verificación junto a la palabra, significa que la opción ya está habilitada, por lo que no es necesario seleccionarla. Si no ve una marca de verificación, haga clic en la palabra «Guías» para habilitar la opción:

Paso 5: seleccione la herramienta Marco rectangular

Ahora podemos comenzar a arrastrar una selección alrededor de nuestra primera sección. Toma el Herramienta Marco Rectangular desde la parte superior de la paleta de Herramientas, o simplemente presione la letra METRO en su teclado para seleccionarlo con el atajo:

Paso 6: Arrastre una selección alrededor de la primera sección a la izquierda

Con la herramienta Marco rectangular elegida, comience en la esquina superior izquierda de la foto y arrastre una selección alrededor de la primera sección a la izquierda de la imagen. Notará que a medida que se acerca a la primera guía, la selección se ajustará a ella gracias a la opción Ajustar a guías que habilitamos. Si le resulta difícil colocar el cursor en la esquina superior izquierda de la imagen mientras trabaja en la ventana de un documento, presione la letra F en su teclado para cambiar al modo de pantalla completa, luego arrastre la selección. Es un poco difícil de ver en la captura de pantalla, pero cuando haya terminado, debería tener una selección alrededor de toda la primera sección de la imagen:

Paso 7: agregue una capa de ajuste de tono / saturación

Con la selección activa, haga clic en el Nueva Capa de Ajuste en la parte inferior de la paleta Capas y elija un La saturación de color capa de ajuste de la lista:

Esto abre el cuadro de diálogo Tono / Saturación. Sin embargo, antes de hacer algo con él, echemos un vistazo rápido a lo que sucedió en la paleta Capas. Ahora tenemos una capa de ajuste de Tono / Saturación encima de nuestra imagen en la capa de Fondo, pero lo más importante, mira la miniatura de vista previa de la máscara de capa a la derecha de la capa de ajuste. Observe cómo está lleno de negro, excepto por una sección blanca a la izquierda:

Eso es porque agregamos la capa de ajuste mientras teníamos una selección activa en el documento. Photoshop usó la selección para alterar la máscara de la capa de ajuste. La sección blanca de la izquierda es el área que seleccionamos en nuestra imagen, y el blanco significa que todo lo que hagamos con nuestra capa de ajuste de Tono / Saturación será visible en esa sección de la imagen. El resto de la máscara de capa es negra, lo que significa que el resto de la imagen no se verá afectado por nada de lo que hagamos con nuestra capa de ajuste. Esto es lo que nos permitirá colorear cada sección independientemente de las demás.

Si desea obtener más información sobre cómo funcionan las máscaras de capa, asegúrese de consultar nuestra Comprensión de las máscaras de capa tutorial en el Conceptos básicos de Photoshop sección del sitio web.

Paso 8: seleccione la opción «Colorear» en el cuadro de diálogo Tono / Saturación

Ahora que hemos echado un vistazo a la paleta Capas, usemos el cuadro de diálogo Tono / Saturación para colorear nuestra primera sección. Primero, debemos decirle a Photoshop que queremos colorear la imagen, así que seleccione el Colorear en la esquina inferior derecha del cuadro de diálogo:

Paso 9: elija un color con el control deslizante de tono

Con la opción Colorear seleccionada, elija el color que desee usar arrastrando el Matiz control deslizante hacia la izquierda o hacia la derecha mientras observa la imagen hasta que encuentre el color que desea usar. El color predeterminado es rojo, que creo que funciona bien con mi imagen, así que simplemente dejaré el control deslizante de Tono solo por ahora y aceptaré el color predeterminado. Por supuesto, es posible que desee elegir un color diferente para su imagen:

Haga clic en Aceptar una vez que haya encontrado el color que desea utilizar para salir del cuadro de diálogo Tono / Saturación. Si miramos la imagen en la ventana del documento, podemos ver que la primera sección de la izquierda ahora está coloreada con el color elegido:

Paso 10: cambie el modo de fusión de la capa de ajuste a «Color»

Asegurémonos de afectar solo el color de la imagen, no los valores de brillo (luminosidad). Para eso, todo lo que tenemos que hacer es cambiar el modo de mezcla de la capa de ajuste. Encontrará las opciones del modo de fusión de capas en la esquina superior izquierda de la paleta Capas. De forma predeterminada, las capas se establecen en el modo de fusión «Normal». Cambie el modo de fusión a Color:

La diferencia con su imagen puede ser sutil según el color que haya elegido, pero ahora sabemos con certeza que solo cambiaremos el color de la imagen. El color que elijamos no afectará a los valores de brillo. Aquí está mi imagen después de cambiar el modo de fusión a Color:

¡Una sección más abajo, tres para terminar!

Paso 11: Arrastre una selección alrededor de la segunda sección

Utilice la herramienta Marco rectangular de Photoshop para arrastrar una selección alrededor de la segunda sección. Nuevamente, dado que habilitamos la opción Ajustar a guías en el Paso 4, encontrará que su selección se ajusta a las guías una vez que esté lo suficientemente cerca de ellas. Cuando haya terminado, su segunda sección debería tener una selección a su alrededor:

Paso 12: agregue una capa de ajuste de tono / saturación

Con la segunda sección seleccionada, haga clic en el Nueva Capa de Ajuste icono una vez más en la parte inferior de la paleta Capas y elija un La saturación de color capa de ajuste, tal como lo hicimos antes:

Si miramos en la paleta Capas, podemos ver que ahora tenemos una segunda capa de ajuste de Tono / Saturación, y debido a que teníamos una selección activa cuando agregamos la capa de ajuste, el área dentro de la selección aparece blanca en la máscara de capa, que significa que solo nuestra área seleccionada se verá afectada por esta segunda capa de ajuste. Todo lo demás es negro, lo que significa que el resto de la foto no se verá afectado:

Paso 13: haga clic en la opción Colorear y elija un segundo color con el control deslizante de tono

Elijamos un color para nuestra segunda sección. Primero, seleccione el Colorear en la esquina inferior derecha del cuadro de diálogo Tono / Saturación, luego arrastre el Matiz control deslizante hacia la izquierda o hacia la derecha mientras observa la imagen para seleccionar un color. Nuevamente, el color que elija depende completamente de usted. Quiero que mis colores sean bastante similares entre sí, así que voy a arrastrar mi control deslizante de tono un poco hacia la derecha hasta que el valor en el tono caja de entrada dice 20. Esto me da un color naranja rojizo:

Haga clic en Aceptar una vez que haya elegido un color para salir del cuadro de diálogo. La segunda sección de la foto ahora está coloreada:

Paso 14: cambie el modo de fusión de la capa de ajuste a «Color»

Una vez más, asegurémonos de que estamos afectando solo el color de la imagen cambiando el modo de fusión de nuestra segunda capa de ajuste de Tono / Saturación de «Normal» a Color:

Paso 15: Repita los pasos 11-14 para las dos secciones restantes

Ahora tenemos dos de nuestras secciones coloreadas. Para colorear las dos secciones restantes, simplemente repita los pasos 11-14 para cada sección. Primero, arrastre una selección alrededor de la sección usando la herramienta Marco rectangular, luego haga clic en el Nueva Capa de Ajuste en la parte inferior de la paleta Capas y seleccione La saturación de color de la lista. Cuando aparezca el cuadro de diálogo Tono / Saturación, seleccione el Colorear en la esquina inferior derecha, luego arrastre el Matiz control deslizante hacia la izquierda o hacia la derecha para seleccionar un color para la sección. Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo. Finalmente, cambie el modo de fusión de la capa de ajuste de Tono / Saturación a Color.

Cuando haya terminado, debe tener cuatro capas de ajuste de Tono / Saturación en su paleta Capas, una para cada una de las cuatro secciones:

Aquí está mi imagen después de colorear las cuatro secciones. Como mencioné hace un momento, quiero que mis cuatro colores sean bastante similares entre sí. Sus colores pueden ser completamente diferentes entre sí, depende de usted. Si desea usar los mismos colores que he usado, establezco mi valor de Tono en 40 para la tercera sección y 60 para la cuarta sección:

Si encuentra, como yo, que los colores de su imagen se ven un poco apagados, no se preocupe. Veremos cómo solucionarlo al final del tutorial.

Paso 16: borre las guías

Ahora que hemos coloreado las cuatro secciones de nuestra foto, ya no necesitamos las guías, así que eliminémoslas. Sube al Vista en la parte superior de la pantalla y elija Guías claras:

Las guías ahora han desaparecido, dándonos una mejor visión de nuestra imagen:

Agreguemos un trazo alrededor de cada una de las cuatro secciones para que sean más distinguibles entre sí. Lo haremos a continuación, y luego veremos cómo cambiar rápidamente los cuatro colores a la vez.

Paso 17: agregue un trazo a una de las secciones

Si miras en la paleta Capas, verás que lo más probable es que tengas la capa de ajuste de Tono / Saturación en la parte superior de la paleta Capas («Tono / Saturación 4») seleccionada, ya que es la última que agregaste (la actual la capa seleccionada se resalta en azul). Haga clic en él para seleccionarlo si no está seleccionado. Esta capa de ajuste controla el color de la sección en el extremo derecho de la imagen. Agregaremos un trazo negro alrededor de esta sección. Clickea en el Estilos de capa en la parte inferior de la paleta Capas y seleccione Carrera desde la parte inferior de la lista de estilos de capa que aparece:

Esto abre el cuadro de diálogo Estilo de capa establecido en las opciones de Trazo en la columna central. Primero, baje el Tamaño del trazo hasta 1 px, luego configure el Posición del golpe a Dentro. Finalmente, haga clic en el muestra de color en la parte inferior de las opciones, que muestra el Selector de colory seleccione negro como el color del trazo, luego haga clic en Aceptar para cerrar el Selector de color:

Cuando haya terminado de cambiar las opciones, haga clic en Aceptar para salir del cuadro de diálogo Estilo de capa. Si miramos nuestra imagen, podemos ver que ahora tenemos un trazo negro delgado alrededor de la sección del extremo derecho:

Paso 18: Copie el estilo de la capa de trazo

Ahora que hemos agregado el trazo alrededor de una de las secciones, ¡podemos simplemente copiar el estilo de capa y pegarlo rápidamente en las otras tres secciones! Sube al Capa menú en la parte superior de la pantalla, elija Estilo de capay luego elige Copiar estilo de capa:

Paso 19: seleccione las otras tres capas de ajuste de tono / saturación

Haga clic en la tercera capa de ajuste de Tono / Saturación en la paleta Capas (la que está directamente debajo de la superior) para seleccionarla, luego mantenga presionada la tecla Cambio y haga clic en la primera capa de ajuste de Tono / Saturación (la que está directamente encima de la capa Fondo). Esto seleccionará las tres capas de ajuste restantes a la vez. Verá los tres resaltados en azul:

Paso 20: pegue el trazo en las capas de ajuste

Con las tres capas de ajuste restantes seleccionadas, vuelva a la Capa menú en la parte superior de la pantalla, elija Estilo de capa una vez más, y esta vez, seleccione Pegar estilo de capa:

Y así, el trazo ahora se aplica a las cuatro secciones, separándolas un poco mejor entre sí:

Y con eso, ¡nuestro efecto fotográfico principal está completo! Terminemos las cosas mirando una manera fácil de cambiar los cuatro colores a la vez, así como también cómo iluminar los colores si es necesario. ¡Lo haremos a continuación!

Paso 21: agregue otra capa de ajuste de tono / saturación por encima de todas las demás

Hasta ahora, hemos estado usando capas de ajuste de Tono / Saturación para colorear cada sección de la foto. Ahora que hemos completado el efecto inicial, podemos usar otra capa de ajuste de Tono / Saturación para cambiar rápidamente los cuatro colores a la vez. Por supuesto, si está satisfecho con los colores que ha elegido, es posible que no desee cambiar nada, pero si desea cambiarlos, aquí tiene una forma rápida de hacerlo. Primero, seleccione la capa de ajuste en la parte superior de la paleta Capas («Tono / Saturación 4»). Luego haga clic en el Nueva Capa de Ajuste en la parte inferior de la paleta Capas y, una vez más, elija La saturación de color de la lista. Esto agregará una nueva capa de ajuste de Tono / Saturación por encima de todas las demás. Observe cómo esta vez, la miniatura de vista previa de la máscara de capa para la capa de ajuste está completamente llena de blanco. Eso es porque no teníamos una selección activa cuando la agregamos. Con toda la máscara de capa llena de blanco, cualquier cosa que hagamos con esta capa de ajuste afectará a toda la foto:

Paso 22: arrastre el control deslizante de tono para cambiar los cuatro colores a la vez

Esta vez lo hacemos no quiere colorear la imagen. Colorearlo reemplazaría todos los colores que acabamos de agregar con un solo color, así que deje la opción Colorear en el cuadro de diálogo Tono / Saturación sin marcar. En su lugar, simplemente arrastre el control deslizante de Tono hacia la izquierda o hacia la derecha. Mientras lo arrastra, verá que los cuatro colores de su imagen cambian a colores diferentes. Por ejemplo, aquí arrastré mi control deslizante de Tono hacia la izquierda a un valor de -123:

Los colores en mi efecto ahora han cambiado de rojos y amarillos a azules y púrpuras:

Esta vez, arrastraré el control deslizante de Tono hacia la derecha hasta un valor de +170:

Los colores de mi imagen ahora se han cambiado a verdes y azules:

¿Qué pasa si estás contento con los colores que has elegido pero quieres alegrarlos un poco? Aquí está mi imagen una vez más con los colores originales que elegí:

Puede usar la capa de ajuste de Tono / Saturación que agregamos para iluminar rápidamente los cuatro colores en el efecto simplemente arrastrando el Saturación deslizador. Arrastre el control deslizante hacia la izquierda para disminuir la saturación del color, reduciendo la intensidad de los colores, o arrástrelo hacia la derecha para aumentar la saturación. Como quiero que mis colores sean más brillantes, arrastraré el control deslizante Saturación hacia la derecha hasta un valor de alrededor de +40:

Los colores en mi efecto ahora parecen más brillantes e intensos: