En este tutorial de Photoshop Effects, aprenderemos cómo colorear una foto usando múltiples colores. Es un efecto que he visto usar bastante en anuncios para impresoras fotográficas y para software de calibración de color.
La idea es simple. Tome una sola foto, divídala en varias secciones del mismo 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 la impresora fotográfica, 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 de software de calibración de color, cada sección de la foto está teñida con un color ligeramente diferente para mostrar cómo la misma imagen puede verse diferente en diferentes monitores cuando no están calibrados adecuadamente.
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 la imagen y el estado de ánimo o 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 fría e invernal del paisaje. 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 crear 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 hayamos terminado con el efecto inicial, veremos cómo podemos usar una capa adicional de ajuste de Tono / Saturación 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 su imagen a blanco y negro primero, simplemente me gusta esta foto:
La imagen original
Así es como se verá la imagen cuando hayamos terminado. Tenga en cuenta que no necesita usar los mismos colores que usaré. Este tutorial simplemente muestra cómo crear el efecto. Los colores reales que usa 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 resultados diferentes.
La imagen final coloreada.
Cómo colorear una foto con múltiples colores
Paso 1: agregue un nuevo conjunto de guía vertical al 25%
Antes de que podamos comenzar a colorear diferentes secciones de nuestra foto, primero debemos crear las secciones, y para eso, utilizaremos las guías de Photoshop. Las guías pueden no ser la parte más emocionante de trabajar con Photoshop, pero definitivamente pueden facilitarle la vida. Para dividir nuestra foto en cuatro secciones de igual tamaño, necesitaremos tres guías. Agreguemos el primero. Vaya al menú Ver 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 la opción Orientación . Luego, en la parte inferior del cuadro de diálogo, escriba 25% para el valor de Posición :
Seleccione Vertical para la Orientación e ingrese 25% para el valor de Posición en el cuadro de diálogo Nueva Guía.
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, exactamente a un cuarto de la imagen, de izquierda a derecha:
La primera guía se ha agregado a la foto.
Paso 2: agregue un segundo conjunto de guía vertical al 50%
Agreguemos nuestra segunda guía. Regrese al menú Ver 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 que Vertical esté seleccionado para la opción Orientación y esta vez, ingrese un valor del 50% para la opción Posición :
Establezca la posición de la segunda guía en 50%.
Haga clic en Aceptar para salir del cuadro de diálogo, y podemos ver en nuestra ventana de documentos que ahora hemos agregado una segunda guía vertical, que se ejecuta directamente en el medio de la foto:
La segunda guía se ha agregado a la foto.
Paso 3: Agregue un tercer conjunto de guía vertical al 75%
Regrese al menú Ver, seleccione Nueva guía y, esta vez, ingrese un valor del 75% para la opción Posición en el cuadro de diálogo Nueva guía. Nuevamente, asegúrese de que Vertical esté seleccionado para la opción Orientación :
Establezca la posición de la tercera guía en 75%.
Haga clic en Aceptar para salir del cuadro de diálogo, y ahora tenemos nuestra tercera guía, esta se ejecuta de arriba a abajo tres cuartos de la imagen:
La tercera guía se ha agregado a la foto.
Gracias a las tres guías que hemos agregado, una al 25%, una al 50% y una al 75% del camino a través de la imagen, nuestra foto ahora se divide 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 "Ajustar a guías" esté activado
En un momento, comenzaremos a arrastrar selecciones alrededor de nuestras cuatro secciones usando la herramienta Marco rectangular, y para facilitarnos las cosas, Photoshop ajustará nuestras selecciones directamente a las guías que hemos creado. O al menos, lo hará si tenemos habilitada la opción Ajustar a guías . Vaya al menú Ver en la parte superior de la pantalla y seleccione Ajustar a . Aparecerá un submenú con la opción Guías en la parte superior. 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:
Asegúrese de que la opción Ajustar a guías esté activada. Una marca de verificación significa que la opción está habilitada.
Paso 5: Seleccione la herramienta Marco rectangular
Ahora podemos comenzar a arrastrar una selección alrededor de nuestra primera sección. Tome la herramienta Marco rectangular de la parte superior de la paleta de herramientas, o simplemente presione la letra M en su teclado para seleccionarla con el acceso directo:
Seleccione la herramienta Marco rectangular.
Paso 6: arrastre una selección alrededor de la primera sección a la izquierda
Con la herramienta Marco rectangular seleccionada, 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ás que a medida que te acercas 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 una ventana de documento, presione la letra F en su teclado para cambiar al modo Pantalla completa, luego arrastre la selección. Es un poco difícil de ver en la captura de pantalla, pero cuando hayas terminado, deberías tener una selección en toda la primera sección de la imagen:
La primera sección de la izquierda ahora está seleccionada.
Paso 7: Agregue una capa de ajuste de tono / saturación
Con la selección activa, haga clic en el icono Nueva capa de ajuste en la parte inferior de la paleta Capas y elija una capa de ajuste de Tono / Saturación de la lista:
Seleccione una capa de ajuste de Tono / Saturación en la parte inferior de la paleta Capas.
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 sobre 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:
La miniatura de vista previa de la máscara de capa en la paleta Capas.
Esto se debe a que agregamos la capa de ajuste mientras teníamos una selección activa en el documento. Photoshop utilizó la selección para alterar la máscara de la capa de ajuste. La sección blanca a la izquierda es el área que seleccionamos en nuestra imagen, y el blanco significa que cualquier cosa 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 nuestro tutorial completo de Máscaras de capa en la sección Conceptos básicos de Photoshop 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 la opción Colorear en la esquina inferior derecha del cuadro de diálogo:
Seleccione la opción Colorear en el cuadro de diálogo.
Paso 9: elige un color con el control deslizante de tono
Con la opción Colorear seleccionada, elija el color que desee usar arrastrando el control deslizante de Tono hacia la izquierda o hacia la derecha mientras observa su imagen hasta que encuentre el color que desea usar. El color predeterminado es el rojo, que creo que funciona bien con mi imagen, por lo que simplemente dejaré solo el control deslizante Hue por ahora y aceptaré el color predeterminado. Por supuesto, es posible que desee elegir un color diferente para su imagen:
Arrastre el control deslizante Tono hacia la izquierda o hacia la derecha para cambiar el color.
Haga clic en Aceptar una vez que haya encontrado el color que desea usar 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:
La primera sección de la foto ahora está coloreada.
Paso 10: Cambie el modo de fusión de la capa de ajuste a "Color"
Asegurémonos de que solo estamos afectando el color de la imagen, no los valores de brillo (luminosidad). Para eso, todo lo que tenemos que hacer es cambiar el modo de fusión de la capa de ajuste. Encontrará las opciones del modo de fusión de capas en la esquina superior izquierda de la paleta Capas. Por defecto, las capas están configuradas en el modo de fusión "Normal". Cambia el modo de fusión a Color :
Cambie el modo de fusión de la capa de ajuste a Color.
La diferencia con su imagen puede ser sutil dependiendo del color que haya elegido, pero ahora sabemos con certeza que solo estamos cambiando el color de la imagen. Cualquier color que elijamos no afectará los valores de brillo. Aquí está mi imagen después de cambiar el modo de fusión a Color:
Con la capa de ajuste configurada en el modo Mezcla de color, solo se verá afectado el color de la imagen.
Una sección abajo, tres para ir!
Paso 11: arrastre una selección alrededor de la segunda sección
Use 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 alrededor:
Arrastre una selección alrededor de la segunda sección.
Paso 12: Agregue una capa de ajuste de tono / saturación
Con la segunda sección seleccionada, haga clic en el icono Nueva capa de ajuste una vez más en la parte inferior de la paleta Capas y elija una capa de ajuste de Tono / Saturación, tal como lo hicimos antes:
Haga clic en el icono Nueva capa de ajuste y elija Tono / Saturación.
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á afectada:
Nuestra segunda sección en la foto aparece en blanco en la miniatura de vista previa de la máscara de capa.
Paso 13: haga clic en la opción Colorear y elija un segundo color con el control deslizante de tono
Elija un color para nuestra segunda sección. Primero, seleccione la opción Colorear en la esquina inferior derecha del cuadro de diálogo Tono / Saturación, luego arrastre el control deslizante Tono hacia la izquierda o hacia la derecha mientras observa su imagen para seleccionar un color. Nuevamente, el color que elijas depende completamente de ti. Quiero que mis colores sean bastante similares entre sí, así que voy a arrastrar mi control deslizante de Hue un poco hacia la derecha hasta que el valor en el cuadro de entrada de Hue sea 20. Esto me da un color naranja rojizo:
Seleccione la opción Colorear, luego arrastre el control deslizante de Tono para seleccionar un segundo color.
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:
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 solo estamos afectando 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 :
Cambie el modo de fusión de la capa de ajuste 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 icono Nueva Capa de Ajuste en la parte inferior de la paleta Capas y seleccione Tono / Saturación de la lista. Cuando aparezca el cuadro de diálogo Tono / Saturación, seleccione la opción Colorear en la esquina inferior derecha, luego arrastre el control deslizante Tono 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:
Cada una de las cuatro secciones ahora tiene su propia capa de ajuste de Tono / Saturación en la paleta Capas.
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 yo usé, establezco mi valor de Hue en 40 para la tercera sección y 60 para la cuarta sección:
Las cuatro secciones de la foto ahora están coloreadas.
Si encuentra, como yo, que los colores de su imagen se ven un poco aburridos, no se preocupe. Veremos cómo solucionarlo al final del tutorial.
Paso 16: borra las guías
Ahora que hemos coloreado las cuatro secciones de nuestra foto, ya no necesitamos las guías, así que vamos a deshacernos de ellas. Vaya al menú Ver en la parte superior de la pantalla y elija Borrar guías :
Vaya a Ver> Borrar guías para eliminar las guías del documento.
Las guías ahora han desaparecido, dándonos una mejor vista de nuestra imagen:
Las guías han sido borradas de la 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 observa la paleta Capas, verá que lo más probable es que tenga seleccionada la capa de ajuste de Tono / Saturación en la parte superior de la paleta Capas ("Tono / Saturación 4"), ya que es la última que ha agregado (la 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. Vamos a agregar un trazo negro alrededor de esta sección. Haga clic en el icono Estilos de capa en la parte inferior de la paleta Capas y seleccione Trazo en la parte inferior de la lista de estilos de capa que aparece:
Haga clic en el icono de Estilos de capa y seleccione Trazo de la lista.
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 a 1 px, luego establezca la Posición del trazo en Interior . Finalmente, haga clic en la muestra de color en la parte inferior de las opciones, que muestra el Selector de color de Photoshop, y seleccione negro como el color del trazo, luego haga clic en Aceptar para cerrar el Selector de color:
Cambie las opciones de Trazo dentro de un círculo en rojo.
Cuando termine 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 en el extremo derecho:
La sección en el extremo derecho ahora tiene un trazo negro a su alrededor.
Paso 18: copie el estilo de capa de trazo
Ahora que hemos agregado el trazo alrededor de una de las secciones, simplemente podemos copiar el estilo de capa y pegarlo rápidamente en las otras tres secciones. Vaya al menú Capa en la parte superior de la pantalla, elija Estilo de capa y luego elija Copiar estilo de capa :
Vaya a Capa> Estilo de capa> 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 Mayús y haga clic en la primera capa de ajuste de Tono / Saturación (la que está directamente encima de la capa de Fondo ) Esto seleccionará las tres capas de ajuste restantes a la vez. Verá los tres resaltados en azul:
Seleccione las tres capas de ajuste restantes a la vez.
Paso 20: pegue el trazo en las capas de ajuste
Con las tres capas de ajuste restantes seleccionadas, regrese al menú Capa en la parte superior de la pantalla, elija Estilo de capa una vez más, y esta vez, seleccione Pegar estilo de capa :
Vaya a Capa> Estilo de capa> Pegar estilo de capa.
Y así, el trazo ahora se aplica a las cuatro secciones, separándolos un poco mejor:
Las cuatro secciones ahora tienen un trazo negro aplicado.
¡Y con eso, nuestro efecto de foto principal está completo! Terminemos las cosas buscando una manera fácil de cambiar los cuatro colores a la vez, así como cómo iluminar los colores si es necesario. ¡Haremos eso después!
Paso 21: Agregue otra capa de ajuste de tono / saturación sobre 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í hay 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 icono Nueva capa de ajuste en la parte inferior de la paleta Capas y una vez más elija Tono / Saturación de la lista. Esto agregará una nueva capa de ajuste de Tono / Saturación sobre 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 se llena completamente de blanco. Esto se debe a que 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:
Agregue una quinta capa de ajuste sobre las otras.
Paso 22: Arrastre el control deslizante Hue para cambiar los cuatro colores a la vez
Esta vez, no queremos 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 Hue a izquierda o derecha. A medida que lo arrastre, verá que los cuatro colores de su imagen cambian a diferentes colores. Por ejemplo, aquí he arrastrado mi control deslizante Hue a la izquierda a un valor de -123:
Arrastrando el control deslizante Hue a la izquierda. Asegúrese de que la opción Colorear no esté seleccionada esta vez.
Los colores en mi efecto ahora han cambiado de rojos y amarillos a azules y púrpuras:
Arrastrando el control deslizante Hue ha cambiado los colores en el efecto.
Esta vez, arrastraré el control deslizante Hue hacia la derecha hasta un valor de +170:
Arrastrando el control deslizante Hue a la derecha.
Los colores en mi imagen ahora han cambiado a verdes y azules:
Los colores en el efecto han cambiado a verdes y azules después de arrastrar el control deslizante Hue a la derecha.
¿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í:
La imagen con los colores originales.
Puede usar la capa de ajuste de Tono / Saturación que agregamos para iluminar rápidamente los cuatro colores del efecto simplemente arrastrando el control deslizante Saturación . 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:
Arrastre el control deslizante Saturación hacia la izquierda o hacia la derecha para aumentar o disminuir la saturación del color, lo que cambia la intensidad de los colores.
Los colores en mi efecto ahora parecen más brillantes y más intensos:
La imagen después de aumentar la saturación de color.