Aquí en Design Shack no podemos tener suficientes combinaciones de colores. Hace poco discutimos algunos lugares asombrosos e inusuales para robar paletas de colores y hoy continuaremos esa discusión con algunos consejos sobre cómo construir sus propios conjuntos de colores en Adobe Illustrator.
Repasaremos los conceptos básicos del trabajo con color en Illustrator y veremos cómo utilizar la excelente Guía de color incorporada para que pueda iniciar el camino hacia la generación a la velocidad de la luz y la manipulación de esquemas de color personalizados.
Herramientas de color: no hay necesidad de mirar a lo largo y ancho
Hemos dedicado mucho tiempo y discusión a la creación de paletas de colores. Es un aspecto increíblemente importante de sus diseños que tiene el poder de dar forma a toda la personalidad de lo que sea que esté creando. No hace falta decir que no quieres arruinarlo.
En los blogs de diseño, las utilidades que se centran mucho en la mayoría de las veces son herramientas web gratuitas que le ayudan a crear excelentes paletas de colores desde su navegador. Incluso hay algunas aplicaciones nativas dedicadas realmente estelares como ColorSchemer que le ofrecen esta funcionalidad fuera del navegador. Sin embargo, curiosamente, Adobe Creative Suite tiene algunas herramientas realmente poderosas integradas.
Una de mis aplicaciones favoritas para esta tarea es Adobe Illustrator, que ha recibido algunas mejoras impresionantes en el área de paletas de colores en las últimas versiones. Echemos un vistazo a lo que tiene para ofrecer.
Trabajando con colores en Ai
Antes de entrar en algunas de las funciones más avanzadas, debe asegurarse de que comprende los conceptos básicos. El sistema de color en Illustrator es similar al de Photoshop, pero definitivamente no es el mismo.
Para empezar, en lugar de los colores de primer plano y de fondo, tiene colores de relleno y trazo. La interfaz de usuario hace que se vea similar, pero la diferencia es muy importante. Cualquier forma que cree adoptará el color de relleno y de trazo que haya seleccionado.
Observe todos los pequeños extras bajo los colores seleccionados. Al hacer clic en los pequeños cuadrados blancos y negros volverá al relleno blanco y el trazo negro predeterminados, también puede presionar la tecla? D? Clave en cualquier momento para lograr esto.
Los tres botones en la parte inferior te permitirán elegir entre "sólido", "degradado"? y? ninguno? para su relleno Golpeando el? /? La clave te dará ningún relleno y pulsa el?.? La llave te dará un gradiente. En la imagen de arriba, el relleno está en la parte frontal y, por lo tanto, está activo, si cambio los colores cambiaré el relleno, no el trazo. Para cambiar el golpe al frente, pulsa la? X? llave. Para cambiar el trazo y rellenar los colores, pulsa ?? x ?.
Paleta de color
Caminante a Ventana> Color Aparecerá la paleta de colores. Aquí no solo puede elegir los colores para el relleno y el trazo, sino también para cambiar entre los colores de escala de grises, RGB, HSB, CMYK y Web Safe haciendo clic en el pequeño menú desplegable.
También puede cambiar entre los modos de color haciendo clic con la tecla Mayús presionada en el espectro de colores en la parte inferior. A veces, Illustrator lo arrojará inesperadamente en escala de grises si realiza una determinada acción, como aplicar un degradado, simplemente siga este consejo para volver a RGB o CMYK.
La guía del color
Las probabilidades son que ya sabías cómo funcionaban todas esas cosas. Es bastante intuitivo, funciona como Photoshop y ha sido parte de Illustrator durante la mayor parte de mi vida. Sin embargo, hay algunas herramientas de color más nuevas que son realmente fáciles de pasar por alto que pueden simplificar dramáticamente el proceso de creación de esquemas de color impresionantes y posiblemente incluso ahorrarle un viaje al navegador.
Digamos que encuentra un color que le gusta, elegí un color en algún lugar cerca del # 8959A5, y desea usarlo como el punto de salto para su paleta de colores. Por ejemplo, si está creando un sitio web y quiere este color en el encabezado, necesitará algunos colores que se vean bien para redondear su diseño.
Para empezar, active la? Guía de colores? paleta yendo a Ventana> Guía de colores. Esto debería darte lo siguiente:
Lo que está haciendo la Guía de colores es en realidad mirar el color que ha elegido y sugerir otros colores para que lo acompañen. Sin ningún esfuerzo en absoluto, ya tienes un excelente esquema de color para ejecutar. Todo lo que debe hacer es hacer clic en uno de los colores de la franja horizontal para aplicarlo a un elemento seleccionado.
Entonces, para usar esta herramienta en un proyecto real, simplemente establezca un color base y luego elija entre las opciones disponibles y vea lo que se le ocurre. ¡Los resultados suelen ser bastante buenos sin trabajo extra!
Cómo funciona
Esta herramienta parece bastante simple, pero en realidad hay muchas cosas aquí. Primero, observe la franja de colores en la parte superior, el color base se separa a la izquierda y al lado está la paleta de colores generada automáticamente basada en un conjunto de reglas de armonía, que veremos más adelante.
Debajo de esto hay una gran sección que contiene un montón de colores diferentes. Observe que la franja horizontal de colores en la parte superior corresponde a la franja vertical de colores en el centro de esta área.
A la izquierda y derecha de esta columna hay otras que contienen tonos más oscuros y tintes más claros de los colores seleccionados. Puede intercambiar rápidamente cualquiera de sus colores con otro haciendo clic en uno de estos sin alterar la armonía de su paleta original generada automáticamente.
Además de la opción Tintas / Sombras, también puede optar por hacer que estos colores sean cálidos / fríos o vivos / silenciados.
Puede cambiar la cantidad de colores que aparecen en esta sección yendo a las Opciones de la Guía de colores en el pequeño menú desplegable en la parte superior derecha. El mío se establece en cuatro pasos en cada lado de la base, pero puede aumentar o disminuir esta cantidad.
Reglas de armonía
Como mencioné anteriormente, esa pequeña paleta de colores generada automáticamente se construye usando lo que Illustrator llama "Reglas de armonía". Estos utilizan la teoría básica del color para convertir su color base en una serie de colores.Si no te gusta la forma en que se desarrollan tus paletas de colores, intenta usar un nuevo conjunto de reglas.
Si observa este menú, verá que todas las formas básicas de crear armonías de colores están aquí: monocromática, complementaria, análoga, etc. Siempre debe experimentar con diferentes Reglas de armonía para ver cuál le gusta más. Es probable que se encuentre eligiendo entre los mismos dos o tres una y otra vez en sus proyectos.
Editando tus colores
Hasta ahora, la funcionalidad de la Guía de colores es excelente si solo está buscando una generación de paleta de colores automática rápida y básica, pero ¿y si quiere más poder y libertad?
Para lograr esto, pulsa la tecla "Editar o Aplicar colores". botón que se encuentra en la parte inferior de la paleta de la Guía de colores. Esto abrirá una rueda de colores y un conjunto de herramientas no muy diferentes de las que encontrará en Adobe Kuler.
Hay muchas opciones muy buenas aquí. Puede elegir sus Reglas de armonía y moverse por los colores con esas reglas bloqueadas, cambiar la saturación de los colores en la rueda, editar valores de color individuales, agregar y eliminar colores e incluso guardar grupos de sus paletas favoritas. ¡Este menú casi oculto es un completo sistema de gestión de color profesional!
Edición de ilustraciones
Si tiene una ilustración vectorial seleccionada cuando presiona? ¿Editar o Aplicar colores? botón, sucede algo asombroso: de repente, puede volver a colorear completamente todo lo que está seleccionado. Manualmente, este proceso puede llevar bastante tiempo, especialmente con piezas grandes de ilustraciones con cientos o miles de elementos individuales. Aquí sin embargo, se vuelve bastante simple!
Puede utilizar cualquiera de los? Editar? o? Asignar? vistas para volver a colorear su obra de arte. También puede optar por editar la combinación de colores como un todo en un solo paso o profundizar e intercambiar colores individuales.
Este es un sistema simplemente excepcional para experimentar con diferentes esquemas de color. También es más simple y más potente que muchas de nuestras herramientas de combinación de colores en línea. Le recomiendo encarecidamente que comience a jugar con la Guía de colores de Illustrator para tener una idea de cómo construir sus propias paletas de colores personalizadas.
Conclusión
Esta guía debe servir como una introducción súper básica para trabajar con color en Adobe Illustrator. Como puede ver, hay muchas ventajas aquí que simplemente no puede encontrar en Photoshop. Incluso si está construyendo un sitio en Photoshop, es una buena idea acercarse a Illustrator cuando llegue el momento de elegir algunos colores para trabajar.
Deja un comentario a continuación y dinos cómo construyes los esquemas de color. ¿Lo haces de forma completamente manual o usas algunas herramientas y fuentes de inspiración para ayudarte?