En esta clase vamos a prender de:

o Conceptos de color frontal y color de fondo

o Concepto de tono, saturación y brillo.
o Ajustes tono y saturación.
o Selección con marco, lazo y varita.
o Cambio de tono y saturación de una selección.
o Ajustes: reemplazar color.
El color en Photoshop

Color frontal y color de fondo.

Conocer las diferentes características del color es algo importante cuando trabajamos con
Photoshop. En la barra de herramientas podrás encontrar los dos colores con los que se puede
trabajar al mismo tiempo en Photoshop. El color que esté situado en el cuadrado superior es
conocido como “Color Frontal”, mientras que el otro es conocido como “Color de fondo”. En este
caso, tenemos un Negro como Frontal y Blanco como Fondo.

A grandes rasgos, podemos decir que con esta configuración “pintaremos” en negro y “borraremos”
con blanco. Si quieres cambiar el orden de estos colores, haz clic en la doble flecha que está situada
sobre ellos a la derecha o pulsa la tecla X.

SELECCIONAR COLOR.

TONO, SATURACIÓN Y BRILLO.

Haz clic sobre el color frontal, con el objetivo de seleccionar uno nuevo, para que aparezca la
ventana de Selector de Color:
En esta ventana, podemos seleccionar cualquier color. Un color está compuesto por tres valores
llamados tono, saturación y brillo. Los valores tono, saturación y brillo (en inglés: hue, saturation y
brightness) representan a las opciones H, S y B de la ventana de selector de color (1).

Tono: Tono del color. Es lo que hace que el color pertenezca a la gama de los rojos, verdes, azules,
etc. Puedes cambiar el Tono en la barra vertical de colores (2).

Saturación: Podemos decir que cuanto más saturado está un color, más vivo es. Un color que
pierde saturación se dirige a ser cada vez más gris. La saturación podemos cambiarla
desplazándonos en el eje horizontal del cuadro grande. Cuanto más a la derecha situemos el cursor,
más saturado será nuestro color.

Brillo: La intensidad del color. Cuanto más brillo, el color será más claro y cuanto menos brillo, el
color será más oscuro. Cambia el brillo desplazando el cursor en el eje vertical. Cuando más arriba
lo sitúes, más alto estarás imponiendo el brillo del color.

Ahora que conocemos el significado de tono, saturación y brillo, probemos cambiar estos valores
en todos los colores de una imagen para ver qué resultados podemos obtener.
 Actividad 1
Tono, saturación y luminosidad de una imagen.
Abrir la imagen de nombre “paisaje.jpg”, esta imagen presenta tonos amarillos y naranjados.

Se pide utilizar el cambio de tono, saturación y brillo para convertir la imagen en esta otra,
completamente distinta:
 Desarrollo guiado:
Abre la imagen “mountain.jpg”. Para cambiar el tono, saturación y brillo de la imagen tendremos
que abrir la ventana correspondiente que se encuentra en el menú principal. En la barra de menú
principal, haz clic en la opción “Imagen>Ajustes>Tono/Saturación”. Aparecerá la ventana
“Tono/saturación”:

Desde esta ventana puedes establecer el tono, la saturación y el brillo de la imagen. Varía el tono
hasta que la imagen adquiera un tono rojizo como el de nuestra imagen objetiva. Puedes introducir,
por ejemplo, un valor aproximado a 150 (observa la imagen). Observa que puedes visualizar los
resultados antes de Aceptar la operación.

Este hecho puede ser aprovechado para cambiar los colores de partes de fotografías, por ejemplo.
Imagina cambiar el color de un carro, el de una camiseta o el color de los ojos de una persona.
 Actividad 2
Selección lazo poligonal
Abre los archivos con nombre “pirámides.jpg” y “cielo.jpg” haciendo uso de la herramienta de
selección combina las dos imágenes y haz una corrección de color con tono y saturación.
 Desarrollo guiado:
Abre la imagen “pirámides.jpg”, quita el candado que indica que la capa se encuentra bloqueada,

esto lo puedes hacer dando doble clic sobre el ícono del candado y después presionando el botón
de OK .

Haciendo uso de la herramienta Lazo poligonal

Realiza una selección de toda el área correspondiente al cielo por encima de las pirámides.
Ahora ve a barra de menú Edición/Borrar y elimina la información de la imagen correspondiente al
cielo.

La imagen después del recorte se ve así:

A hora ve a barra de menú, Archivo/ Colocar, y abre la imagen de nombre “cielo.jpg”

Para terminar la importación de la imagen presiona el botón con el check que indica que se aprueba
la transformación, también puedes hacerlo presionando la tecla “enter”.

Reorganiza el orden de las capas de tal forma que la capa cielo se encuentre por debajo de la capa
pirámides.

Ahora haremos una corrección de color a la capa con el nombre de pirámides, para esto
seleccionamos la capa, y nos dirigimos a barra de menú, Imagen/ ajustes / Tono y saturación
Y reduciremos la saturación de la imagen en -50, como se muestra en la siguiente imagen.
 Actividad 3
Selección varita mágica
Realizar la siguiente selección haciendo uso de la herramienta varita mágica.
 Desarrollo guiado:

Haz clic en la herramienta Varita Mágica de la barra de herramientas. La varita mágica es una
herramienta que selecciona por color. Es decir, cuando hacemos clic en un píxel, la varita mágica
selecciona todos los píxeles de ese mismo color (contiguo o discontinuo). Como la selección que
queremos realizar es del mismo color, podemos hacer clic con la varita mágica y se seleccionará
automáticamente el fragmento deseado.

Opciones de la varita, cosas a tener en cuenta:

Contiguo: Si desactivas esta opción, se seleccionarán todos los píxeles del mismo color, aunque no
se estén tocando entre sí.

Tolerancia: La tolerancia sirve para que la varita seleccione pequeñas variaciones del color sobre
el que haces clic. Cuanto más incremente la tolerancia, más gama de colores seleccionará la varita
mágica. Si tecleamos el valor “0”, la varita solo seleccionará el color exacto que toquemos con ella.

Suavizado: Si activamos esta opción, Photoshop incrementará ligeramente la selección que haga
la varita. Esto sucede porque, en algunos casos, una selección sin suavizado puede resultar brusca.

Ahora cambia el color del jugo en el vaso por algún otro color que sea distinto al original, por
ejemplo rojo.
 Actividad 4
Reemplazar color
Abre la imagen “automovil.jpg” y haz que el carro sea de otro color. Realiza este retoque con la
herramienta de ajuste “Reemplazar color”.
 Desarrollo guiado:
Para realizar este ejercicio vamos a utilizar la herramienta de ajuste “Reemplazar color”. Como su
propio nombre indica, esta función se encarga de reemplazar un color seleccionado por otro. En
nuestro caso concreto, queremos seleccionar los violetas de la imagen y cambiarlos por verdes con
el objetivo de que el carro se vuelva verde.

Escoge la opción “Imagen>Ajustes>Reemplazar color” de la barra de menú principal. Se abrirá la

ventana de reemplazar color. La herramienta que aparece es el Cuentagotas (hablaremos más de
ella en la sesión de clonado). Simplemente haz clic sobre el violeta del carro y observa los resultados:

El color que has seleccionado (1) es el color que será sustituido. Sabes que el carro en la imagen no
está compuesto únicamente por un solo violeta, sino por una extensa gama de violetas diferentes.
Por ello, tenemos que variar el valor de Tolerancia (2).
Tolerancia: La tolerancia es un factor que nos dirá cuánta diferencia de color tolerará el programa
a la hora de seleccionar algo. Es decir, cuanto más alta sea la tolerancia seleccionando este violeta,
más violetas cercanos seleccionará el programa, y cuanto menor sea la tolerancia, menos gamas
seleccionará.

Observa la imagen de “Selección” (3). Esta imagen muestra en blanco y negro los colores que serán
sustituidos. Cuanto más blanco sea un fragmento de la imagen, más sustituido será ese color. Los
fragmentos que estén completamente en blanco serán completamente sustituidos, mientras que
los fragmentos que estén completamente en negro no serán sustituidos absolutamente nada.

Y por último, en el submenú de “Sustitución” (4) escogemos el color por que el vamos a sustituir el
nuestro. Disponemos de un menú de tono/saturación/brillo que ya deberíamos saber controlar.
Cambia el tono para obtener, por ejemplo, un color verde como el que muestra la imagen. Pulsa OK.

Resultado:
 Ejercicios propuestos:
1. Utilizando las herramientas aprendidas en clases cambia el color del vestido, de rojo a un
color distinto.
2. Los distintos modos de selección y el orden de capas realiza la siguiente composición.