Transcripciones
1. Introduccion: ¿Alguna vez sientes que estás
haciendo girar tus ruedas? Punintended, tratando de
armar una paleta de colores
que simplemente funcione Bueno, no estás solo. Hola, soy Tammy Desilva, y soy diseñadora de
patrones de superficie de Sunny Brisbane Australia Estoy aquí para ayudarte a traer
algo de armonía a tus tonalidades. Como artista digital,
creo diseños divertidos y
lúdicos para
todo tipo de productos, y el color es una
gran parte de eso. También me encanta compartir
lo que he aprendido en mi viaje creativo
con otros creativos En esta clase, te voy
a mostrar tres métodos fáciles de
seguir para crear paletas de
colores que
funcionan maravillosamente Voy a estar usando Adobe Illustrator, pero la buena noticia es que estas técnicas funcionan en
otros programas, también, como Procreate
y Photoshop Entonces, sea cual sea su
herramienta de diseño de elección, únase a mí. Al final de esta clase, podrás crear tus propias paletas de
colores armoniosas con facilidad usando uno o más de los métodos
que voy a compartir Bien, comencemos
y hagamos algo de magia de color.
2. Preparación del espacio de trabajo: Bien. Antes de comenzar a
crear paletas de colores, quiero mostrarte cómo
preparar y preparar tu espacio de trabajo en
Illustrator para esta clase Tu espacio de trabajo de Illustrator puede verse un poco diferente al mío dependiendo del
espacio de trabajo que hayas seleccionado. Puedes encontrar espacios de trabajo
en Ventana. Y luego espacio de trabajo. He personalizado mi propio espacio de trabajo
basado en el espacio de trabajo de
pintura, pero siéntase libre de usar el espacio de trabajo con el que se sienta
más cómodo Ahora, hay seis paneles que quiero
asegurarme de que tengan abiertos. Acciones, guía de colores, capas,
muestras y transparencia. Regresaremos a Window y podrás encontrar
cada uno de esos ahí. Si ya están abiertos, tendrán una propina a su lado. Si no, da click sobre él para abrirlo. Entonces puedes organizarlos en tu espacio de trabajo
donde sea que más te convenga. los puedas atracar en el costado, así puedo
sacar esto y volver a entrar. puede ver cuando se pone azul, ahí es cuando
va a atracar ahí. Puedo moverlos, y también puedo poner atajos
en la barra izquierda aquí, como he hecho para las acciones. Ahora probablemente estés
familiarizado con ver todas las muestras predeterminadas en
el panel Muestras cuando
abres un nuevo archivo de Illustrator personal, los encuentro distrayendo y me gusta
deshacerme de ellos cuando abro un nuevo archivo para que pueda comenzar
con borrón y cuenta nueva Si no estás al tanto, hay una acción útil que viene con Illustrator que podemos ejecutar para deshacernos de los elementos no utilizados. Ahora, como es un
archivo nuevo, todo está sin usar. Entonces es un buen
momento para deshacernos de ellos para comenzar con
nuestro borrón y cuenta nueva. Entonces iremos al panel de acciones donde sea
que tengas eso en tu espacio de trabajo. Y puedes ver que aquí tenemos todas estas
acciones predeterminadas. Nos desplazamos hacia abajo, puedes ver esto eliminar elementos del panel no utilizados. Después en la parte inferior
de este panel, podemos dar click en el botón Reproducir, que ejecutará las acciones. Y ahora puedes ver que nuestro panel de
muestras está claro. Bien, con nuestro lugar de trabajo preparado y listo,
estamos listos para
3. Técnica 1: Todo bien. Vamos a sumergirnos en
nuestra primera técnica para crear
paletas de colores armoniosas, la guía de colores Este panel generalmente se encuentra en una pestaña con el panel de color. Ahora, antes de ir al panel de
la guía de colores, solo
quiero señalar en caso de que se vea diferente para ti, que si
tocamos dos veces en cualquier pestaña, podemos verla en diferentes
vistas colapsada y expandida. También primero voy a elegir un color aleatorio
del panel de color primero. Si luego pasamos ahora al panel de la guía de
colores, el color que acabo de seleccionar
se ha establecido como el color base aquí, y las combinaciones de colores se
generan en función de él. También se basan en la regla de armonía de color
seleccionada. Si voy a esta flecha
desplegable, puedo ver todas las
diferentes armonías de color Si uno está actualmente en uso,
se resaltará. De lo contrario,
sólo puede seleccionar uno. Ahora, para que puedas
seguir paso a paso conmigo, escojamos otro
color usando un código hexadecimal. Volveré al panel de color, y voy a empezar
con un color verde azulado. Entonces por aquí, se puede ver que
podemos introducir códigos hexagonales. Entremos en 005
f6b y pulsemos Enter. También voy a
agregar este color a mi panel de muestras
arrastrándolo y soltándolo. Podemos ver que el relleno ahora
está configurado en 005 f6b. Si tienes un perfil de
color CMYK establecido, el código hexadecimal confirirá a un código hexadecimal diferente
para ese perfil de color, cual está bien para los propósitos de lo que estamos haciendo
en esta clase Ahora volvamos
a la guía de colores. Si la combinación de colores no cambió
automáticamente
para el nuevo color verde azulado, deberá hacer clic en el botón Establecer color
base
en la parte superior izquierda Esto generará entonces de nuevo la combinación de
colores. Siempre se puede ver si se ha establecido
el color base ya que
será el primer color en
estos colores activos. Entonces voy a volver a nuestra armonía de colores y
voy a seleccionar Tríada dos Ahora bien, esta columna media aquí, que tiene la flecha arriba, esto indica que
se trata de los colores activos, que también aparecerán
en la parte superior del panel. Las columnas a la izquierda muestran sombras y las columnas de la
derecha muestran tintes. Ahora, si vas al
menú Hamburguesa en la parte superior derecha, puedes cambiar de
mostrar tintes y
tonos a mostrar cálido,
fresco o vívido Voy a seleccionar warm
cool en esta instancia. Ahora bien, si bien
hay algo de contraste en esta combinación
de colores para elegir y algunos colores oscuros, idealmente
nos gustaría tener algunos colores neutros o
más claros, también. Para que podamos agarrar los colores
que nos gustan aquí y luego volver a
cambiar a los tonos
y tintes para ayudar con esto Entonces, para elegir tus colores, mantén presionada la tecla de comando en una Mac o tecla Control en una PC y haz clic en los
colores que quieras. Entonces en la parte inferior derecha de aquí, puedes hacer clic en Guardar
Grupo de muestras en panel de muestras. Y automáticamente se
agregan esas muestras que habías seleccionado
como grupo de colores Puedes
volver a cambiar a tonos y tintes y luego arrastrar y soltar algunos
colores neutros también Entonces, como puedes ver, usar
la guía de colores es un gran método cuando
solo tienes un color
para empezar. Pasemos a
la siguiente técnica.
4. Técnica 2: El siguiente método
es usar la opacidad. Ahora para empezar,
voy a agregar un rectángulo blanco usando
la herramienta rectángulo, atajo KM ya que esa
será la base de mi color. Entonces pondré el relleno en blanco, y voy a mantener mi trazo como negro solo para que
pueda verlo en mi mesa Entonces voy a
crear tres cuadrados, nuevamente usando la
herramienta rectángulo y rellenar cada uno con el color de los colores que seleccionamos en la última lección. Ahora bien, si mantengo presionada la
tecla Mayús mientras estoy creando
este rectángulo, lo hará un cuadrado
perfecto. Voy a quitar el trazo en esto porque no lo
quiero ahí,
y voy a poner eso en verde azulado. Volveré a mi
herramienta de selección, atajo KV, y a medida que arrastre, sostendré la
tecla opción y mayúsculas para duplicar eso. Voy a mantener presionada la tecla de opción otra vez mientras la duplico otra vez. Voy a poner esos colores
en mostaza y magenta. Derecha. Ahora quiero cambiar la opacidad en esos tres
cuadrados por debajo al 75% Puedo hacer esto a través de
la barra de control, se
puede ver aquí arriba, opacidad Ahora, si no
tienes la barra de control, puedes llegar a ella
por Control de ventana. O también podemos ver opacidad aquí
abajo en el panel de
transparencia Entonces voy a primero, seleccionar los tres cuadrados. Voy a cambiar esa
opacidad a 75%, y se puede ver que esos
colores se aclararon y dejaron pasar parte del blanco debido
a esa opacidad reducida Ahora quiero hacer que
esos cuadrados se superpongan. Así que voy a mantener presionada
la tecla Mayús mientras arrastro esto para
mantenerlo alineado, y solo arrastraré esta. Déjame hacer un rectángulo
un poco más pequeño para enmarcar eso y voy a
acercar un poco. Se puede ver que tenemos
nuestros colores originales, el magenta verde azulado y mostaza, que se aligeran
después de la opacidad del 75% Pero también tenemos
estos cuatro nuevos colores aquí donde los colores se
han solapado Voy a tomar
una copia de esto, incluyendo el fondo blanco. Voy a seleccionar alrededor de esos. Voy a arrastrar hacia un lado, luego mantén presionada mi tecla de opción. Esta vez, voy a
seleccionar la base blanca, y voy a
hacer esa negra. Ahora se puede ver que los colores
ahora han salido más oscuros. Si me muevo esto, se
puede ver como ese negro marca diferencia en ese color. Esto nos permite
crear tintes y tonalidades manualmente usando blanco o
negro como fondo Se puede, por supuesto, también utilizar
un fondo de color negro. Hagámoslo con la
naranja en nuestra paleta. Nuevamente, los seleccionaré. Empezaré a arrastrar, mantén presionada la opción
y la tecla Mayús Seleccionaré ese fondo
negro. Asegúrate de que sea mi relleno, y lo pondré en naranja. Y nuevamente, se pueden ver
algunas ligeras variaciones entre esos colores con los diferentes colores
que hay detrás de ellos. Ahora bien, si tuviera que usar la herramienta cuentagotas
para agarrar esos colores, que es ojo de tecla de atajo, verás como estoy haciendo clic en estas diferentes partes
de la mostaza aquí, el color en mi relleno, si miras eso
cuidadosamente ahí, realidad no está cambiando En realidad está tomando
el color como si todavía
estuviera al 100% de
opacidad en el objeto Entonces para obtener
el nuevo color, necesitamos aplanar
la transparencia, lo que hará que
cada color sea plano y vuelva al 100% de opacidad
en su nueva Entonces para mostrar la diferencia, sólo
voy a alejar un
poco, Comando menos. Volveré a
mi herramienta de selección V. Voy a
seleccionar todas estas, arrastrar hacia abajo y usar la tecla de
opción para duplicarla. Seleccionaré estos tres inferiores y luego quiero ir a la transparencia aplanada del
objeto Voy a asegurarme de que el vector
esté al 100 y escoja bien. Ahora bien, si tuviera que volver y
usar la herramienta cuentagotas, atajo KI en esas
mismas mostazas, si ves lo que hace mi
color de relleno aquí,
puedes ver que está puedes ver que Entonces el color en realidad está
recogiendo lo que hay aquí comparado con
aquí arriba donde estoy haciendo clic en
esos tres puntos diferentes, y el relleno no está
cambiando en absoluto. Entonces podemos, por supuesto,
jugar con diferentes
cantidades de opacidad en cada uno de los colores originales y diferentes colores de fondo
en lugar de negro o blanco, definir qué colores
funcionarán para la paleta
que buscamos Entonces a medida que encontremos colores que
nos gusten, luego podemos agregarlos a nuestro grupo de colores en
este panel de relojes. Entonces si quería este color
usé mi arte de colillas. Y ahora puedo simplemente arrastrar y soltar eso en mi paleta de colores. También es importante
pensar en la proporción de color. La proporción de color es
sobre la cantidad de cada color que usas en una paleta
para mantener las cosas equilibradas. Un enfoque común y una guía aproximada es
tener lo siguiente. Un color dominante, que es el color principal que
marca el tono general, tal vez 60% de tu diseño. Colores secundarios que son colores de
soporte
y agregan variedad, tal vez 30% y un color de
acento que es un color atrevido o contrastante que agrega interés
para el último 10%. Por ejemplo, en un diseño
con un palett azul apagado, podrías usar un azul marino profundo
como color dominante, un azul suave como secundario y un toque de mostaza
como acento Si todo se usa por igual, el diseño puede parecer
caótico o demasiado ocupado. Bien, entonces eso es usar opacidad, experimentar con
diferentes opacidades y colores de
fondo para crear
una gama de Ahora pasemos a nuestros modos de fusión de
técnicas finales.
5. Técnica 3: Modos de fusión. Ahora, Festa, ¿qué es un modo de fusión Los modos de fusión controlan cómo interactúan
los colores
cuando se superponen. Piense en ello como mezclar
pintura, pero digitalmente, en lugar de solo un color
sentado encima de otro, los modos de fusión permiten que
los colores se fusionen y creen nuevos resultados a menudo
inesperados Entonces, cuando aplicas un modo de
fusión a un objeto, el efecto se ve
en cualquier objeto que encuentre debajo de la capa o grupo de ese
objeto. Illustrator tiene un
montón de modos de fusión, cada uno con su propio efecto único. Algunos hacen que los colores sean
más claros, algunos más oscuros, algunos crean contrastes vibrantes y otros producen cambios
más sutiles Puede encontrar modos de fusión
debajo del panel de transparencia
y, por defecto,
está configurado en normal. Copiemos el primer
conjunto de colores y fondos antes de
aplanarlos de la última lección Yo los seleccionaré. Voy a duplicar
esos de aquí abajo. También voy a hacer que la opacidad de todos
esos vuelva al 100% Volveré a seleccionar todos esos
y ahora
comencemos en bicicleta a través de
los modos de fusión. Obscurecer, multiplicar, moño de color, aligerar, pantalla Color Dodge, superposición, luz suave, luz dura, exclusión de
diferencia, matiz, saturación,
color y Me gustó bastante la diferencia. Allí creé algunas
combinaciones interesantes. Entonces, como puedes ver, el color base o el color de fondo juega un papel en la forma en que
los colores se mezclan, dependiendo del modo
que selecciones. Ahora hablemos del equilibrio de
temperatura, que es mezclar tonos
cálidos y fríos para agregar profundidad e interés. modos de fusión pueden cambiar los colores manera
sutil afectando qué tan
cálidos o fríos aparecen. Y no olvides que
también puedes combinar modos de fusión con ajustes de opacidad para un control
aún más creativo Intenta reducir la opacidad en el objeto rematado para crear mezclas más
suaves y sutiles Ahora, los modos de fusión también
implican transparencia. Entonces, si queremos el color que ha creado el modo de
fusión, nuevamente
necesitamos aplanar la transparencia antes crear una nueva muestra de color a partir de
ella Así que adelante, selecciona los que arrastran
hacia abajo con la tecla de opción. Y ahora voy a ir a Objeto aplanado transparencia
y vector en 100 Podría agregar algunos de estos
colores a mi paleta. Voy a buscar la herramienta cuentagotas y voy a añadir algunas de ellas. no sé cuál será mi
paleta final,
pero solo estoy agregando estos y luego puedo
reducirla. Bien. Y si quiero agregar más o
diferentes tonalidades y tintes, también
puedo seleccionar el grupo de
colores por aquí,
así que da clic en esta pequeña carpeta Y si vuelvo al panel de
la guía de colores, ahora
se crean tonos y tintes basados en este grupo de
colores que he seleccionado Y si solo flojo alrededor de la parte inferior del panel de
la guía de colores, en realidad
puedo arrastrar hacia abajo, y
me mostrará los tonos y tintes para cada uno de los
colores que tengo Ahora,
te animo a experimentar y ver qué hace cada modo de
fusión. Realmente es la
mejor manera de aprender
jugando y viendo
cómo interactúan los colores.
6. Reflexiones finales: Bueno, eso es una envoltura. Hemos cubierto tres de mis técnicas
favoritas para crear
paletas de colores armoniosas en Adobe Illustrator Primero, exploramos el panel
de la guía de colores. Esta práctica herramienta te
permite generar paletas basadas en reglas de armonía de
color, haciendo que sea súper fácil encontrar colores que
funcionen bien juntos Luego nos sumergimos en superposiciones de
opacidad, donde usamos
opacidad y capas para crear nuevos colores y explorar tintes y
sombras Finalmente, experimentamos
con modos de fusión, descubriendo cómo
los diferentes modos pueden crear emocionantes combinaciones de colores y ayudar a equilibrar la temperatura
de tus paletas La belleza de estas técnicas
es que generan colores que tienen una clara relación con tu punto de
partida. Esto crea paletas donde los colores se
complementan naturalmente entre sí, dando como resultado un diseño armonioso y
visualmente atractivo Ahora, es tu turno. Te animo a crear
tu propia paleta de colores usando uno o más de los métodos que hemos cubierto
en esta clase. Experimenta, juega
y diviértete con él. Ahora, también he creado un PDF extra
especial para ti, con un práctico consejo para
agarrar fácilmente colores fuera de
tu ventana de Adobe Illustrator y traerlos de vuelta
a Adobe Illustrator Espero que hayan disfrutado de esta clase y aprendan algunas nuevas
técnicas para crear hermosas
paletas de colores. Feliz diseño.
Tammy De Zilva, Surface Designer | Educator | Mentor
