Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Tools & Tips

Una introducción a las herramientas de color de Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Guides to Illustrator Tools.
How to Use Scribble Effects in Illustrator
All About Transformation in Adobe Illustrator

Spanish (Español) translation by Silvia Lohrmann (you can also view the original English article)

Tal vez conozcas acerca de RGB y CMYK, pero ¿qué sabes de LAB o HSB? Con todas estas opciones de color y formas de usarlos a menudo es fácil confundirse. En esta introducción a las herramientas de color de Illustrator aprenderás sobre los diferentes espacios de color, cómo trabajan y qué herramientas puedes utilizar para obtener el máximo provecho de ellos. ¡Vamos a familiarizarnos con las poderosas herramientas de color que ofrece Illustrator!


Acerca de los colores digitales

Los colores están por todas partes a nuestro alrededor y cada vez que nos ocupamos de ellos en medios digitales o impresos están representados por distintos modelos de color. Estos modelos de color se basan en la forma en que se mezclan sus tonos.

RGB

Este modelo de color se crea superponiendo las luces de color Rojo (1), Verde (2) y Azul (3). Representa una amplia gama de matices de color. Cada uno de estos tres colores tiene rango de 0 a 255 que representa su intensidad. Por ejemplo R=0 G=0 B=0 representa el negro y R=255 G=255 B=255 representa el blanco.

CMYK

Este modelo de color se basa en la absorción de la tinta en el papel impreso. Trabaja con Cian (1), Magenta (2), Amarillo (3) y Negro (4), y cualquier color se obtiene a través de valores porcentuales de estos colores. Menor porcentaje equivale a colores más claros y mayor porcentaje equivale a colores más oscuros. Por ejemplo C=0% M=0% Y=0% K=0% representa blanco y C=100% M=100% Y=100% K=100% representa negro.

HSB

Este modelo de color es más cercano a la percepción humana de los colores. HSB contiene tres elementos base,  Tono (1) Saturación (2) y Brillo (3). Este modelo de color puede encontrarse también como HSV que significa Tono, Saturación y Valor y es similar a HSB. El Tono (1) es la posición del color en la rueda de color. Su valor se define en grados. Si quieres ver la rueda de color en acción mira kuler.adobe.com. La Saturación indica la cantidad de gris en el tono de un color particular en porcentajes - 0% equivale a gris y 100% equivale a color profundo.
El Valor o Brillo (3) indica el brillo o la penumbra del color - 0% equivale a negro y 100% es igual a color pleno.

LAB

Este modelo de color se basa en cómo se ve el color, en lugar de su valor en los medios digitales. Representa el valor absoluto de color independientemente de las computadoras. El valor de color se mezcla a través de tres ejes. L (1) que significa claridad y tiene valor de 0/negro a 100/blanco, a (2) que representa los ejes del verde al rojo y b (3) que representa los ejes del azul al amarillo.


Selección de color

Puedes utilizar distintas maneras de seleccionar el color exacto que deseas utilizar en tu diseño.

Herramienta Cuentagotas (I)

Toma el color exacto de parte de la ilustración al hacer clic en ella. Sólo selecciona la herramienta Cuentagotas (I) y haz clic en la ilustración en el punto desde donde deseas obtener el color. Si has seleccionado una forma en tu diseño, obtiene el color del cuentagotas también.

Panel Color

Es la herramienta de mezcla y edición de color de Illustrator. Puedes mezclar el color aquí, cambiar el modo de color (a través del menú contextual que he mencionado anteriormente) o comprobar si el color es seguro para la impresión. A la izquierda está el color de relleno actual (1), el color de trazo actual (2), el aviso de fuera de color web (3) - esto significa que no estás usando un color web seguro . Si deseas utilizar un color web, haz clic en el ícono y cambiará al color web más cercano; aviso de fuera de gama (4) - lo que significa que estás usando un color no imprimible. Para arreglar un color fuera de gama, haz clic en el ícono como en el caso del color fuera de web para solucionarlo; ningún color (5) - haz clic en él si no deseas utilizar ningún color de relleno o de trazo; color negro/blanco (6) y espectro de color (7) - simplemente haz clic en él para seleccionar el color que desees. Los deslizadores de valor de color (8) - usando los deslizadores de color puedes crear tu muestra del tono exacto que deseas, también puedes utilizar los valores numéricos en lugar de los deslizadores (9).

El panel guía de color

El panel de color puede describirse como una herramienta de inspiración para diseñar. Es una simple herramienta de mezcla de color como Kuler, con capacidades para crear un determinado color, y sus matices y variaciones. Puedes elegir variaciones ya hechas a través del menú desplegable (1). También puedes elegir colores de la paleta de tonos (2) que se actualiza cada vez que escoges el color en alguna parte de Illustrator. Si deseas utilizar un grupo particular de colores, puedes limitar la guía para utilizar una de las bibliotecas de muestras (3). Para crear un nuevo conjunto de colores directamente del panel Guía de Color, haz clic en el botón Editar Colores (4) para obtener la rueda de color. Otras dos cosas que puedes hacer en el panel Guía de Color es crear nuevas bibliotecas de muestras al guardar la selección de la guía de color (5). Utiliza Opciones de Guía de Color si deseas utilizar un número de colores en particular (6).

Cuadro de diálogo Selector de Colores

Al Selector de Colores puede accederse haciendo doble clic en el color de relleno o de trazo en la Barra de Herramientas. Esta herramienta es la misma a lo largo de la mayoría de las aplicaciones de Adobe y contiene el Campo de Color (1) para seleccionar el tono, la barra del Espectro de Color (2) para escoger el color, un área que muestra el color actual y el nuevo (3) para poder compararlos, opciones de Modos de Color (5), la opción de Solo Colores Web (6) y el valor hexadecimal del color seleccionado (7). También está el botón para acceder a Muestras de Color (4) que es similar a Photoshop.


El panel Muestras

El panel Muestras hace lo que se espera que haga: proporcionar muestras y bibliotecas de muestras. Mediante este panel puedes escoger rápidamente una muestra o crear tu propio conjunto de muestras. El panel de muestras estándar de Illustrator contiene ningún color (1), color de registro (2) lo que significa que este color se imprimirá en los cuatro colores durante el proceso de impresión, colores blanco y negro (3), grupo CMYK de colores (4), varios otros colores con los que trabajar, y rellenos de degradés y tramas (5). Debajo de estas muestras puedes ver dos bibliotecas simples de muestras: tonos de gris (6) y brillos (7). Si deseas agregar algunas otras bibliotecas de color como las de tonos de gris o brillos, puedes encontrarlas a través del menú de Bibliotecas de Muestras (8). El menú Mostrar Tipos de Muestras (9) es útil cuando se deseas utilizar sólo determinado tipo de biblioteca de muestras: colores/degradés. Las Opciones de Muestra (10) ya fueron explicadas. Otras posibilidades en el panel de muestras son Crear Nuevo Grupo de Colores (11) desde el diseño actual o desde las muestras seleccionadas, Crear Muestra Nueva (12) o Eliminar (13) la existente. El menú contextual del panel muestras ofrece explicaciones y clasificación de funciones para muestras.


Degradados

El panel Degradado proporciona varias herramientas para desarrollar un degradado que desees utilizar en tu diseño. El menú desplegable de Relleno de Degradado (1) proporciona tipos de degradado preestablecidos y también guarda tus gradientes. Si deseas agregar un nuevo degradado haz clic en el botón desplegable de guardar. Los gradientes pueden ser lineales o radiales, estas opciones se pueden configurar en el menú desplegable de Tipo de Degradado (2). Para el gradiente es necesario establecer al menos dos colores (3). Puedes ajustar el punto central entre dos puntos de color con Regulador de Degradado (4). Como el punto central, la posición de los puntos de color puede ajustarse arrastrándolos o manualmente a través de la Ubicación (6). También puedes establecer la opacidad de los puntos de color (5) y la dirección y ángulo del degradado (8). Las dos últimas opciones son para Invertir la dirección del gradiente (7) y ajustar sus dimensiones (9).


Herramienta Bote de Pintura Interactiva

Bote de Pintura Interactiva (K) es una gran herramienta para dar color a una forma de manera dinámica. Su mayor poder es el de colorear dibujos después de calcar. Usar esta herramienta es tan simple como trabajar con bote de pintura en Photoshop. Sólo tienes que seleccionar un grupo de formas y el color que deseas utilizar. Cuando el mouse esté encima, la zona a rellenar aparecerá con bordes rojos para que sepas cuál se rellenará.


Opción Cuentagotas de Bote de Pintura Interactiva

Si deseas utilizar el color desde un diseño y no desde muestras, puedes utilizar la opción de cuentagotas. Selecciona la herramienta Bote de Pintura Interactiva (K), ponla sobre el color de la ilustración que desees utilizar y pulsa Commmand, escoge el color y suelta Command (1). Ahora puedes utilizar el color del diseño en algún otro lugar (2).


Herramienta Selección de Pintura Interactiva

Esta herramienta selecciona formas o mallas. Se pueden seleccionar varias formas o mallas con Shift + clic.


Configuración de las herramientas Bote de Pintura y Selección de Pintura Interactiva

A la configuración se puede acceder haciendo doble clic en las herramientas en el panel Herramientas, hay varias opciones para configurar. Puedes configurar la herramienta para que seleccione o pinte rellenos y trazos, que proyecte la muestra sobre el cursor y establecer el color de la selección. En configuración de la herramienta Selección de Pintura Interactiva también es posible establecer el ancho del área de selección.


Herramienta de Malla de Degradado

La herramienta malla es potente y es mi 'arma' preferida de Illustrator. Es simple y con algo de práctica es posible hacer todo lo que uno pueda imaginar, desde gradientes simples a imágenes fotorrealistas, brillantes y complejas. Básicamente, pueden crearse Mallas de Degradado desde cualquier objeto vectorial de tu diseño excepto objetos compuestos o texto.


Crear y editar Mallas de Degradado

Formas de crear Mallas de Degradado:

  • Selecciona la herramienta Malla (U) y haz clic en el objeto que deseas cambiar a Malla de Degradado. Esto añade puntos de malla al objeto.
  • Selecciona el objeto que deseas cambiar a Malla de Degradado y elije Objeto > Crear Malla de Degradado. De esta manera se crea un sistema regular de puntos de malla en el objeto. Se puede establecer el número de puntos de malla horizontales y verticales y el tipo de apariencia.
  • Selecciona un objeto relleno con un degradado, selecciona Objeto > Expandir y selecciona Malla de Degradado.

Formas de editar la Malla de Degradado:

  • Para añadir un nuevo punto de malla, selecciona la herramienta Malla (U) y haz clic en el objeto.
  • Para eliminar un punto haz Command-clic en el punto de la malla con la herramienta Malla (U) seleccionada.
  • Para mover un punto de la malla, arrástralo con la herramienta Malla (U) o con la herramienta Selección Directa (A). Para mantener el punto de la malla en la línea de la malla, pulsa Shift y arrástralo.
  • Para cambiar el color de la malla de degradado arrastra el color desde el panel de muestras o via la herramienta Cuentagotas (I) en el punto de malla (1) o el parche de malla (2).

Kuler

Kuler es una gran herramienta de mezcla de color de Adobe. Puedes mezclar los colores directamente en kuler.adobe.com o abrir el panel de Kuler en Illustrator. Solo abre Ventana > Kuler. El panel carga automáticamente las bibliotecas de color mejor posicionadas. Después de eso puedes Buscar (1) por Etiquetas de color, Nombre o Autor. Las bibliotecas de color se pueden ordenar por popularidad, clasificación, criterios a medida o fecha (2). En la parte inferior del panel puedes encontrar botones de Anterior/Posterior (4) y Actualizar (5) para navegar a través de las bibliotecas. Las bibliotecas del panel de Kuler pueden añadirse al panel de Muestras (6) y las Muestras pueden enviarse también a la comunidad de Kuler (7).


Conclusión

Incluso si no utilizas todas las herramientas muy a menudo, siempre es una ventaja saber exactamente lo que hacen. Nunca se sabe cuándo una herramienta particular será útil y te ahorrará tiempo y frustración en el futuro. Espero que hayas disfrutado de la lectura de una introducción a las Herramientas de Color de Illustrator.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.