ASPECTOS BÁSICOS: COLOR

Adobe Photoshop CC Básico

Página 1 de 20
ÍNDICE

ASPECTOS BÁSICOS.......................................................................................... 3
COLOR ....................................................................................................................... 3
Introducción .................................................................................................................... 3
Objetivos ......................................................................................................................... 4
Actividad (reflexión) .......................................................................................................5
Selector de Color .......................................................................................................... 6
Cuentagotas ................................................................................................................. 8
Panel Color .................................................................................................................... 9
Panel Muestras ............................................................................................................ 11
Degradados ................................................................................................................ 12
Reglas y Guías ............................................................................................................ 16
Actividad (refuerzo) ......................................................................................................18
Recuerda que… ............................................................................................................ 19

Página 2 de 20
ASPECTOS BÁSICOS

Color
Introducción

Como ya vimos al hablar de la imagen en mapa de bits, Photoshop se basa en

el Color como elemento principal, ya que realmente gestiona los datos de color
que se visualizan a través de los pixels que componen la imagen del documento.
Es por ello que éste programa dispone de múltiples herramientas y métodos para
la gestión, procesado y edición del Color, ofreciéndonos soluciones muy
precisas que integran las necesidades de los diferentes procesos
profesionales que intervienen en la producción de finales de alta calidad:
Fotografía, Diseño Gráfico, Video y multimedia, Diseño Web y procesos de
Impresión...

Página 3 de 20
Objetivos
Conocer y manejar los diferentes espacios de creación y gestión de Color en
Photoshop.
Crear y editar muestras de Color y Degradados, utilizando los distintos sistemas
de color disponibles, y aplicarlas en los procesos de edición de imágenes.
Conocer y manejar las Reglas y las Líneas Guía.

Página 4 de 20
Actividad (reflexión)
Photoshop maneja varios sistemas de color. Estos son formas diferentes de
gestionar el color según su composición, basándose en diferentes Colores
Básicos que generan todos los demás.
¿Sabrías decirme cuál de estas gamas crees que corresponde al sistema de
colores luz?

CMYK RGB
Se le denomina Colores Pigmento Se le denomina Colores Luz
Es la forma en la que se generan los colores cuando Es la forma en la que se generan los colores
trabajamos con pigmentos, por ejemplo, en tu cuando trabajamos con luz, por ejemplo, en tu
impresora cámara de fotos o en tu pantalla.
Sus colores Primarios son: Sus colores Primarios son:
 Cian (C)  Rojo (R=Red)
 Magenta (M)  Verde (G= Green)
 Amarillo (Y=Yellow)  Azul (B=Blue)

Se incorpora un cuarto color, el Negro (K=Black) para La suma de todos genera la luz Blanca.
mejorar los resultados en la impresión.

Página 5 de 20
Selector de Color
En Photoshop debemos tener presente que estamos trabajando con un programa
especialista en color, por lo que vamos a encontrarnos numerosos espacios para
trabajar y controlar este elemento tan complejo.
Cuando se trata de operaciones o herramientas que generan color, el programa dispone
de un espacio dedicado al color al que denomina Selector de Color.
El Selector de Color nos presenta en la barra de herramientas dos muestras de color y
algunas opciones para su manejo:

 Color Frontal
Es el color que usarán todas las herramientas y opciones de pintura.

 Color de Fondo
Este color lo usaran las herramientas de borrado, únicamente si trabajamos sobre la
capa fondo.

Haciendo doble clic sobre alguna de las dos muestras abriremos el Selector de Color
para elegir un color diferente.

Página 6 de 20
En la ventana emergente podemos seleccionar el color que deseemos usando varios
sistemas. El más común es buscarlo en el espectro cromático con los reguladores o
haciendo clic en la barra de colores, y después seleccionar el matiz en el cuadro del
selector de color.
Observaras como en las muestras aparecen dos colores, el superior es el color que
estamos creando, y el inferior es una referencia del color del que partimos.
Una vez seleccionado Photoshop nos dará la referencia en los distintos sistemas de
color: CMYK, RGB, LAB, HSB y HEXADECIMAL. También podemos introducir
directamente los parámetros del color en esos campos, si los conocemos.
Los avisos de Fuera de gama, nos alertan de que el color seleccionado puede cambiar
a la hora de ser impreso o subido a la Web.
Para solucionar este problema, pulsando en el icono correspondiente (web o impresión),
el selector elegirá el color compatible más parecido posible al que habíamos
seleccionado.
Una vez hayamos obtenido el color deseado pulsamos OK y nos aparecerá en la
muestra de color de donde partimos (color frontal o de fondo), y será el color con el que
actúen las herramientas y opciones correspondientes.

Página 7 de 20
Cuentagotas
Esta herramienta tiene un funcionamiento muy simple. Nos permite tomar una muestra
de color de cualquier parte de la imagen. Solo tenemos que seleccionar la herramienta,
colocarla en el lugar de la imagen del que deseemos copiar el color y hacer clic con el
botón izquierdo del ratón.

De esta forma asignamos un nuevo color frontal. Si deseas seleccionar un nuevo color
de fondo solo tienes que añadir la tecla Alt a la operación.
En la barra de propiedades podremos encontrar algunos valores que nos ayudarán a
ajustar las opciones de esta herramienta.

Página 8 de 20
Panel Color
Es muy habitual que Photoshop nos ofrezca diferentes modos de realizar una misma
operación. Este es el caso del Panel Color que podemos encontrar en el menú principal
Ventana/Color.

Página 9 de 20
Como puedes observar, desde el menú de este panel podremos modificar el color frontal
o de fondo de las muestras directamente.

Solo debemos seleccionar la muestra que deseamos modificar, elegir en el menú del
panel el sistema de color deseado y generar el nuevo color y observar los cambios.

Página 10 de 20
Panel Muestras
Una forma más directa de elegir colores nos la ofrece el panel de Muestras, que, como
el resto de paneles, podemos encontrar en el menú principal Ventana/Muestras.

Este panel nos ofrece muestras preestablecidas, y la posibilidad de gestionar bibliotecas

de color externas como los conocidos colores Pantone que se encuentran preinstaladas
y a las que podemos acceder a través del menú de este panel.

Página 11 de 20
Degradados
Esta herramienta nos permite realizar transiciones de un color a otro, tomando como
referencia los establecidos como frontal y fondo. Podemos encontrarla en la Barra de
Herramientas.

Una vez seleccionada la herramienta solo debes de marcar en la imagen un punto de

origen, donde se colocará el color frontal, y arrastrando sin soltar el ratón darle la
orientación deseada al degradado. Al soltar el ratón marcaremos el punto de destino,
donde se colocará el color de fondo, y el programa calculará automáticamente las
transiciones de color y “pintará” el degradado.

Página 12 de 20
En las Opciones de Herramienta en la Barra de Propiedades encontraremos los
distintos parámetros que podemos ajustar y que nos permitirán adaptar mejor el
funcionamiento a el efecto que buscamos.

Página 13 de 20
1/ Configuración del degradado:
En esta opción definimos la gama cromática que vamos a utilizar. Por defecto
siempre toma como opción los colores Frontal y de Fondo, pero podemos optar por
otras muestras predefinidas.

2/ Tipos de degradado:
Define el tipo de degradado

3/ Modo de Fusión:
Se trata del modo en el que el degradado se relaciona con los pixels de la imagen o
las capas inferiores. Veremos con más detalle este concepto en próximos temas,
pero puedes ir haciendo pruebas y ver los resultados.

Página 14 de 20
4/ Opacidad:
Aquí fijaremos el grado de transparencia del degradado con respecto al fondo.

Para crear un degradado nuevo solo tenemos que hacer clic en la muestra de
degradado y se abrirá el editor de degradados.

Aquí podremos, tanto editar degradados preestablecidos como crear nuevos

degradados personalizados, seleccionando la muestra de color que deseamos
cambiar, origen o destino, y haciendo clic en el selector de color donde crearemos el
nuevo color.
Una vez generado el degradado lo añadiremos a las muestras de degradado con el
botón Nuevo y estará listo para ser usado.

Página 15 de 20
Reglas y Guías
Las reglas y las guías son elementos que, aunque se muestren en el área de trabajo no
aparecen visibles en el documento en caso de imprimir. Se trata, únicamente, de una
referencia visual para alinear y proporcionar objetos. Podemos encontrarlas en el menú
principal Vista / Reglas, o con el atajo de teclado rápido Ctrl+R.

Al activarlas Photoshop nos mostrará una regla horizontal en la parte superior del
documento y otra vertical en el lateral izquierdo.
Haciendo clic con el botón derecho sobre alguna de las reglas, accedemos al menú de
configuración de medidas donde podremos escoger entre varias unidades.
Si hacemos clic con el botón izquierdo del ratón y arrastramos manteniendo
presionado generaremos una línea guía, horizontal o vertical, según la regla de origen.

Estas Líneas Guía son muy útiles para gestionar el espacio de trabajo, ya que nos
permiten marcar referencias visuales que no aparecerán en el documento final,
únicamente en el programa.
Para gestionar las opciones de las Líneas Guía, disponemos de una sección específica
en el menú principal Vista.

Página 16 de 20
Página 17 de 20
Actividad (refuerzo)
¿Cómo generarías un degradado con tres colores?

 Elegimos un color Fontal y otro de Fondo en las muestras de la Barra de

Herramientas.
 Seleccionamos la Herramienta Degradado
 Hacemos clic en la muestra del panel de propiedades
 Hacemos clic en la mitad del degradado

 Introducimos un nuevo color en la nueva muestra abriendo el selector

con doble clic en la muestra

 Hacemos clic en Ok
 Y ya podemos usar el degradado. De este modo puedes introducir
cuantos colores quieras en un degradado.

Página 18 de 20
Recuerda que…
El Color Frontal lo usan las herramientas de pintura.
El Color de Fondo lo usan las herramientas de borrado.
En el Sector de Color puedes crear un color con diferentes métodos.
El Panel de Muestras es un acceso rápido a las Bibliotecas de Colores.
El Cuentagotas analiza el color del pixel seccionado y lo lleva a las muestras
de la barra de herramientas.
Las Guías solo se ven en la pantalla de Photoshop, nunca en los archivos
finales ni en impresión.

Página 19 de 20
Página 20 de 20