Transcripciones
1. INTRODUCCIÓN: Cuando era pequeña,
quizá de cinco o 6 años, mi mamá me llevó al Museo Metropolitano de Arte
de
la ciudad de Nueva York Ahora bien, realmente no recuerdo nada de este
increíble lugar, pero sí recuerdo el
recuerdo que conseguí allí. Era una simple
rueda de colores con solo tres puntos, cada uno en su propia capa de plástico
transparente asegurado en el centro
para que pudieran girar. Y nunca olvidaré cuando
giré el punto amarillo
sobre el azul,
se volvió verde.
Pensé que era magia. Me encanta esa pequeña rueda de colores, y a menudo me pregunto
si eso es lo que provocó mi
amor por el color de toda Hola, soy Chris Ruff, y soy diseñador de superficies y diseñador gráfico y fanático del color. Por eso estoy
entusiasmado con esta clase porque se trata de color. Estaremos cubriendo cosas
como colores primarios y colores secundarios y tintes y
tonos y tonalidades y colores
complementarios Entonces, técnicamente, esta es una clase de teoría del color, pero no
me gusta ese término. Suena demasiado seco y académico. En cambio, me gusta pensar en ello como alquimia
de color, porque eso evoca imágenes de mezclar y experimentar
y descubrir cosas nuevas Entonces estaré enseñando
teoría del color de una
manera más práctica para que realmente te hagas una idea de lo que
está sucediendo con los colores, y eso es muy útil cuando estás armando paletas de
colores Y una vez que aprendas las
herramientas en esta clase, estarás listo para recetas de colores, donde tomaremos
lo que has aprendido aquí y te daré
ideas sobre cómo
construir paletas de colores bellamente
equilibradas que son perfectas
para el diseño de superficies Ahora bien, en esta clase, estaré
usando Adobe Illustrator, pero esta no es realmente
una clase de ilustrador. Todo lo que te enseño aquí aplica sin importar
cómo hagas tu arte, ya sea en Procreate o Photoshop o incluso si
usas medios tradicionales medida que pasemos por las lecciones, usaré este precioso
estampado floral de una artista llamada Nadia Grapes para
ayudarme a ilustrar los conceptos Y ella gentilmente te ha
permitido experimentar con
él, también, de forma gratuita Así puedes
descargarlo directamente de los recursos de la clase y
usarlo en tu proyecto, que es tomar
lo que has aprendido aquí y crear algunas
nuevas formas de color para ello. Por supuesto, si prefieres usar diferentes obras de arte,
eso también está bien. La idea aquí es
solo jugar y explorar y divertirse con el
color. ¿Y quién sabe? A lo mejor incluso sentirás algo de esa magia que sentí
cuando era pequeña. Así que vamos a empezar.
2. Configuración de archivos CMYK: Estaré trabajando en colores CMYK durante toda la clase
porque se comportan un poco más como los medios
de pintura
tradicionales que los colores RGB. Entonces quiero tomarme un
minuto para mostrarte cómo
configurar un archivo CMYK en Procreate,
Photoshop, así como
en Adobe Illustrator Empezaremos en Procreate,
y es súper simple. Simplemente haz clic en el botón
aquí como lo harías normalmente. Pero en lugar de
elegir cualquiera de estos, da click aquí, lo que te
conseguirá un Canvas personalizado. Usa
las dimensiones que quieras, pero la información del color
está aquí en perfil de color. El valor predeterminado es
generalmente el color RGB, pero CMYK está justo aquí. Así que simplemente haz clic en eso y el perfil genérico
está bien, y luego haz clic en Crear. Una vez que estás aquí, si
entras en tu paleta de colores, se ve prácticamente igual, tal vez no tan saturado
como los colores a los que estás acostumbrado. Si quieres usar
los valores y porcentajes como
lo hago en la clase, simplemente haz clic aquí abajo sobre el valor. Ahora encontrarás toda la
información CMYK aquí mismo. En realidad puedo simplemente escribir
aquí lo que quiero. Quiero 100% cian y 0% magenta y cero
aquí y cero aquí. Ahora tengo Cyan puro.
Puedo usar eso aquí. Entonces si hago otra capa sumando y volteando
esa en multiplicar, ahora si vuelvo
aquí, hagamos magenta. Entonces voy a hacer 100% magenta. Y ahora, cuando coloreo en la parte superior, puedo ver cómo esos colores
interactúan entre sí. Y luego, claro, si
volvía a las capas, podría cambiar la opacidad para poder ver cómo eso
afecta a los colores En Photoshop, solo tienes que
ir a Archivo Nuevo, elige tu talla, y luego
por aquí está el modo de color. Por lo general, a menudo el color
por defecto es RGB, y así solo elige CMYK. Ahora, cuando entras
aquí, la forma más fácil trabajar con el color CMYK es usar tu seleccionador de color y encontrarás los
valores CMYK aquí mismo Entonces, si quisiera Cyan puro, solo podría escribir
100 y cero, y ahora tengo Cyan puro. Y si hago otra capa, y pongo esa capa
en multiplicar. Ahora bien, si
volví por aquí e hice 100% Cyan o
lo siento, 100% magenta. Ahora bien, si coloreo ahí mismo, puedo ver cómo se
mezclan esos dos colores. Así que eso es Photoshop. Entonces en Illustrator,
básicamente hacemos lo mismo. Ve a Archivo Nuevo, y la información de color, el modo de color está justo aquí, solo asegúrate de
que esté configurado en CMYK. Y luego aquí, te
estaré mostrando cómo
usar el menú de colores para
especificar tus colores. Ah, y si no tienes
el menú de colores abierto, eso está por aquí
debajo del color de la ventana. Y querrás
asegurarte haciendo clic
aquí arriba de que esto
también está configurado en CMYK. Y luego estaré demostrando
el resto de cómo trabajar
con el color en Illustrator a lo largo de las lecciones.
3. Conceptos básicos de color: Empecemos por lo básico
absoluto, y eso serían los colores
primarios, que son rojo, amarillo y azul. Y la razón por la que se les llama
primarias es porque no
se pueden crear mezclando
otros colores juntos. Y lo sorprendente de ellos es que todos los demás colores se pueden crear simplemente mezclando diferentes combinaciones de
solo estos tres colores. Entonces, las pinturas que se muestran
aquí son los colores que solemos asociar con
rojo, amarillo y azul. Pero resulta que
para la impresión en color, puedes obtener una
gama más amplia de colores usando un
azul específico llamado cian, y en lugar de rojo verdadero, el
magenta funciona mejor. Esa es la razón por la que los sistemas de color
CMY K se
utilizan para la impresión y
el K significa negro Es K porque proviene de un antiguo término de impresión color clave. Una nota rápida,
a lo largo de la clase, estaré usando los términos magenta
y rojo indistintamente, así
como cian y azul No dejes que eso
te arroje. Vamos a sumergirnos y jugar con algo de color. Tengo mis tres colores primarios aquí y vamos a ver qué pasa cuando los mezclamos. Empecemos por tomar nuestro
cian y mezclarlo con rojo. Tada hace púrpura. Y cuando mezclo amarillo con azul, mágicamente cambia a verde Tengo que decir, cada
vez que veo
eso, me lleva de vuelta a ser niño y jugar con
ese juguete de mezcla de colores. Simplemente es súper genial. Después, por último, tomamos el rojo y lo mezclamos con amarillo,
y obtenemos naranja. Ahora, sé que
se ve bastante rojizo, pero eso probablemente se deba a que tenemos
magenta como nuestro rojo Pero para estos fines,
vamos a llamarlo naranja. Entonces ahora tenemos tres nuevos
colores en nuestro círculo, y se
les conoce como colores secundarios. Entonces naranja, morado y verde
son los colores secundarios. Entonces ahora quiero mostrarte
cómo hacer estos colores sin usar modos de transparencia
o fusión. Podemos hacerlo bien
con el menú de colores. Entonces para hacer naranja, solo
movemos el deslizador magenta
hasta el 100% y también el deslizador
amarillo al 100%. Y, boom, ahí está nuestra naranja, y es idéntica a la
que hicimos aquí. Para el verde, combinamos
los dos vecinos, que son amarillos y cian, y ponemos cada uno
de esos al 100%. Y luego finalmente para el
morado, usamos esos vecinos, que son magenta al 100%, y cian al 100%. Entonces esos son nuestros seis colores clave, los colores primarios y
los colores secundarios. Y, créanlo o
no, todos los demás colores se basan solo en
estos seis tonos. Pero más adelante nos meteremos más
en eso. Ahora hablemos de tonos. Los tonos se crean
agregando negro a un tono. Entonces, si hago clic en
uno de nuestros colores y muevo el
deslizador negro al 100%, obviamente termina siendo negro porque el negro es realmente una especie
de color abrumadora Pero si marco un poco el
negro, el color original
empieza a
volver y terminamos con solo
una versión más oscura del mismo. Entonces es una tonalidad del color. Lo mismo
le pasa al amarillo, obviamente, y siempre me
parece interesante, sin embargo, que cuando le añades
negro a amarillo, termina siendo algo
así como este color verdoso Pero así se mezclan
los dos colores. Y obviamente lo mismo va
con todos los demás colores. Por lo que agregar alguna cantidad de negro te da un
tono más oscuro del color original. Y luego en el otro
lado están los tintes, los tintes se crean
agregando blanco Ahora, realmente no podemos agregar blanco a un color
en la computadora, así que lo manejamos simplemente
bajando el porcentaje, el valor del
color original en el menú de colores. Entonces le hacemos eso a
cada uno de los colores, y así es como
terminamos con
una especie de paleta pastel o
tintes del color ¿Qué pasa si agregas
tanto blanco como negro? Eso produciría un tono. Entonces porque aquí no podemos
agregar blanco, primero bajamos las
cantidades del matiz, y luego agregamos algo de negro. Y conseguimos un color muy fangoso. Entonces haremos lo mismo aquí, bajaremos la cantidad de amarillo y volveremos a
agregar algo de negro. Y aquí, de nuevo, bajan los dos tonos
que están en verde Y añadiendo un poco de negro. Entonces así es como se
crean tonos de un color. Ahora, tal vez te preguntes
por qué los colores
suelen estar dispuestos en una rueda
o un círculo como este. Eso es porque los colores
realmente no tienen un principio y un fin. Ellos transitan suavemente
uno de otro, así que eso está representado
por la rueda. Y también nos ayuda a ver
las relaciones entre los colores donde siguen en esa
rueda. Así que vamos a repasar. Los colores primarios son
azul, rojo y amarillo, y usaremos una
variación de eso, que es cian,
magenta y amarillo. Los colores secundarios se crean mezclando dos colores primarios, y resultan en
naranja, verde y morado. Los tonos se crean
agregando negro a la mezcla, y eso da como resultado una
versión más oscura del tono original. Y los tintes se crean
al agregar blanco, y eso da como resultado
colores pastel. Y finalmente, los tonos se
crean agregando gris, que es blanco y
negro a una tonalidad. Y eso da como resultado
una
versión desaturada, una
especie de turbia y tonificada Entonces aquí está de
nuevo el estampado floral que mencioné en la introducción. Entonces,
¿qué ves aquí? Bueno, tiene muchos matices
diferentes en él. Aquí hay verde en
las hojas, y estas flores son
de la familia amarilla. Y éste es naranja. Y por aquí, no lo sé. ¿Llamarías a esto
morado o azul? Creo que podría
serlo tampoco. Entonces lo voy a poner justo en el medio. Y ¿qué hay de los tintes y matices? Sí, también los tiene. Esta flor es
definitivamente un tinte claro, y también lo es este azul, que es una
especie de tinte de
esta más oscura de aquí. Y estas hojas son de un tono
oscuro de verde, y también lo son los centros
de las flores. Creo que los centros son
en realidad un tono oscuro de rojo. Bien, así que eso cubre
tonalidades, tintes y tonalidades.
4. Colores cálidos y fríos: Aquí está nuestra pequeña rueda con
nuestros seis colores clave otra vez. Ahora, recuerden
que dije que todos los demás colores se basan solo en
estos seis colores. Bueno, si volamos nuestra rueda, nos
da un
poco más de espacio para poner algunos de esos colores
entre estos. Y realmente, podrías
encajar un número infinito de tonalidades
sutilmente diferentes entre cada color clave Ahora realmente podemos echar un
vistazo mucho mejor a cómo los colores transitan suavemente de uno a otro alrededor del
círculo. ¿No es genial? Por supuesto, podemos
hacer una tonalidad de cualquiera de estos colores
simplemente agregando negro, tal como lo hicimos
antes, además hacer versiones tintadas
de ellos agregando blanco Entonces esta rueda más grande también
va
a facilitar la ilustración de otro aspecto de la teoría del color
que es bueno saber, y eso son los colores cálidos y fríos. Probablemente ya
sepas que los colores del verde al morado
son colores fríos, y los del
amarillo al rojo son cálidos. Pero, ¿qué pasa con los colores
entre amarillo y verde y entre
morado y rojo? Bueno, esas son realmente zonas de
transición, y podemos trazar una
línea divisoria a través de la mitad de ellas. Entonces algunos morados son muy frescos y algunos luego se inclinan
hacia ser más cálidos Y lo mismo con verde, verde azulado
intenso. Y luego
a medida que te mueves hacia el otro lado, obtienes un verde lima, y eso obviamente es
mucho más cálido. Nuestro estampado floral tiene una mezcla de colores cálidos y colores fríos, pero es divertido jugar
con formas de colores que solo son
colores cálidos como este, que combina rojos cálidos durazno con verdes que también están en el lado
cálido de la rueda, o es divertido jugar solo con colores
fríos como este Aquí, es bueno que
haya una gama de colores
fríos para mantener nuestro
interés porque abarcan desde un verde fresco hasta azules
suaves y luego una especie
de color púrpura lavanda. También es divertido comenzar
con una paleta genial como esta y luego escabullirse
algunos colores cálidos ahí, también, como los suaves
colores bronceados en esta. Y en este caso, los motivos
son todos colores fríos, y están ambientados sobre
un fondo cálido. Así que prueba muchas
combinaciones diferentes y mira cómo esos cambios impactan las
emociones del diseño.
5. Colores complementarios: Hablemos de colores
complementarios. Puede que ya estés
familiarizado con el término, pero ¿qué significa realmente? Bueno,
los colores complementarios son simplemente colores que se sientan uno frente al
otro en la rueda de colores. Por ejemplo, naranja y azul, amarillo y morado
y rojo y verde. ¿Por qué nos importa? Bueno, los colores
complementarios tienen algunas propiedades mágicas. Primero, cuando
los colocas uno al lado del otro, cada uno hace
que el otro
color se vea más brillante. Esto sucede porque los colores
complementarios siempre combinan un color cálido
con un color frío, lo que crea un contraste muy
fuerte. Pero aquí es donde se pone
aún más interesante. Si tomo magenta y
lo mezclo con alguno de estos colores, solo
obtengo una variación
o una mezcla de magenta. Pero mira lo que pasa
cuando lo mezclo con el verde. Crea un color
que es casi negro. Lo mismo
pasa cuando mezclo naranja con azul, de
nuevo, casi negro. Amarillo y morado? Sí, eso también
se vuelve casi negro. ¿Qué está pasando aquí? Bueno,
la palabra cortesía no se trata de que algo sea agradable o halagador esos zapatos
complementan tu vestido Se trata más de completitud. Entonces hagámoslo.
Voy a tomar todos los colores primarios
y ponerlos juntos, y nos pondremos negros. También puedo hacer eso en el menú de
colores haciendo cian, magenta y amarillo todo al 100%. Entonces ahora veamos el naranja. El naranja está hecho de
amarillo y magenta. Entonces, para completarlo, necesitaríamos azul,
y ese simplemente resulta ser el color
complementario del naranja. Lo mismo con el magenta. Aquí
tenemos un montón de magenta, pero necesitamos amarillo y azul, que da la casualidad de
hacer verde, y el verde es el
cumplido al magenta Y morado, que está hecho
de magenta y azul, bueno, eso necesita
amarillo para completarlo. Entonces, ¿por qué importa esto?
Bueno, aquí está la parte genial. Cuando baje los valores de estos
colores complementarios mixtos, se vuelven grises. Ahora recuerda, agregar gris
es una forma de crear un tono. En lugar de agregar
blanco y negro, solo
podemos agregar un poco
de su color complementario. Entonces aquí, para el verde,
solo agrego un
poquito de magenta, y eso tonifica el color. Y para el morado, puedo
añadir un poco de amarillo. Y para la naranja, voy a
añadir un poco de azul. Ahora, por lo que yo
sé, no
hay término para esta cosa en
particular, pero voy a
llamarlo tonos complementarios, ya que estamos silenciando o
desaturando el color,
pero esta vez, no vamos a
agregar blanco y negro Sólo estamos agregando
el cumplido. Aquí están los
pares complementarios nuevamente, rojo mezclando con verde, naranja mezclando con azul y
amarillo mezclando con púrpura. Ahora déjame hacer una copia de estos y voy a aligerar
los de la izquierda Vea cómo el
color central comienza a cambiar, y obtenemos una versión turbia
tonificada del
color dominante a la derecha Ahora si vuelvo atrás y aligero
los de la derecha, terminamos con una versión
tonificada del
color dominante a la izquierda Si bajo la intensidad
de ambos colores, realmente se
puede ver
cómo se cancelan entre
sí y terminamos
con básicamente el gris. Entonces, siempre que quieras
desaturar o bajar el tono de un color, agregar blanco y negro es
una forma de hacer un tono, y ahora tienes una segunda Mezclar un poco de su complemento desde el otro
lado de la rueda de colores. Hagamos una última comparación. Voy a tomar este
morado, y primero, vamos a hacer un tono
desaturando el color, que es como agregar blanco
y luego agregar algo Ahora voy a
hacer una sombra de ello. Y para hacer eso,
solo agrego algo de negro. Y ahora esto es lo que pasa cuando agrego un poco
de su cumplido. No se vuelve
más oscuro ni más claro. Simplemente se vuelve más rico y un
poco más turbio y un
poco Entonces esta es una excelente manera de crear un color profundo y rico que
no esté demasiado saturado. A veces los resultados
pueden ser sutiles, pero sigue siendo una herramienta fantástica para tener en tu caja de herramientas de colores. Así que esa es la magia de los colores
complementarios. Entonces aquí está nuestro floral
otra vez y esta vez acabo de agregarle un
fondo oscuro. Ahora bien, estos son los tres colores
más brillantes en el patrón, y si los tono hacia abajo, se ven así, y empieza a cambiar el
carácter del patrón Por lo que pasa de brillante y contundente a uno
más tenue, que podría parecer un poco más rico Creo que ese es definitivamente
el caso con éste. Creo que esta es una paleta de colores bastante
sofisticada, y está hecha completamente
con colores tonificados Y este tiene una
rica vibra boody, y eso es gracias a todos
los ricos tonos que contiene Así que los tonos pueden ser un recurso realmente
valioso cuando estás desarrollando
una paleta de colores. Y eso es cierto
tanto para los tonos tradicionales como para estos tonos
complementarios.
6. Valores y contraste: En esta lección,
vamos a hablar valores
de color y contraste. Por supuesto, los dos
colores que más contraste tienen son
el blanco y negro. Por eso las páginas suelen ser texto
negro sobre papel blanco. Incluso en tamaños pequeños, podemos ver las palabras con claridad porque tiene un contraste
muy alto. En el extremo opuesto
hay bajo contraste, y ahí es donde los colores son muy similares entre sí. ¿Te imaginas leer un
libro que se veía así? El contraste se basa
en valores de color. Para eso, puedes
pensar en esta escala de grises. A la izquierda están los
valores oscuros, en este caso, negro y en el otro extremo, blanco, que es un valor de color
claro. Ahora bien, puede
parecer que el valor del color es lo mismo que los tonos
y los tintes, y están relacionados, pero no son exactamente
lo mismo Por ejemplo, aquí está
nuestra rueda de colores otra vez, y todas estas son tonalidades. En otras palabras, no
tienen agregado negro ni blanco, por lo que no son tonalidades ni tintes. Pero si les entrecerras los
ojos, podrás ver
que estos seis tonos tienen diferentes valores de color Ves que el morado tiene un valor mucho más oscuro
que el amarillo. Déjame mostrarte una manera genial de
ver solo los valores. Voy a copiar esto y
pegarlo en Photoshop, y ahora voy a convertir
esto en escala de grises Ahora nos quedamos
solo con los valores de color. Ya no podemos ver los matices, y ahora es súper claro que el morado es un
valor más oscuro que el amarillo Y el magenta, si
lo pongo con los demás, es un poco más oscuro que estos. Entonces esta es una gran técnica
para mantener en tu caja de herramientas. Ver tu diseño en escala de
grises realmente ayuda a verificar
rápidamente si tienes
suficiente contraste en tu diseño. Así que volvamos y exploremos algunos ejemplos más de contraste. Al igual que, echa un vistazo a
estas dos plazas. A pesar de que
son tonalidades diferentes, tienen valores casi
idénticos Y aquí hay otro par de
ejemplos así como ese. lo tanto, el bajo contraste puede ser
un
problema porque a nuestros ojos les cuesta distinguir entre colores con valores
similares, y muchas veces
vibrarán uno contra el otro, lo que puede ser realmente
incómodo de mirar Entonces, la forma más obvia de
arreglar el bajo contraste es cambiar el valor
de uno de los colores. Entonces en esta, voy a hacer que
el cuadrado central sea más ligero. Y aquí, voy a hacer
este cuadrado más oscuro. Y ahora se ven mucho mejor. La otra forma de
arreglar el bajo contraste es solo separar los colores. Como aquí, un simple
borde blanco los rompe y
los hace jugar más bien juntos y reduce esa
tensión visual entre ellos. Así que también puedes encontrarte con situaciones de
bajo contraste con colores
oscuros como estos ejemplos. Y la solución es la
misma. Voy a sacar algo del negro
de éste. En este, voy a
romper los dos colores. Y cuando haces
eso, no tiene que ser
solo con el blanco. Aquí,
los voy a romper con el negro, o podría ser de otro color, siempre y cuando ese color tenga un valor
diferente al de los dos cuadrados. Ahora en este ejemplo, los colores son vecinos realmente cercanos, como el magenta puro y el rojo
puro o el naranja. Se puede ver lo
mucho que vibran. Pero quería mostrarte
que a veces solo
necesitas un pequeño ajuste
para solucionar el problema. Al igual que, solo puedo agregar
solo 10% negro o tal vez 15 a este o
incluso un toque de azul, y el contraste
mejora dramáticamente. Por lo que el contraste es una de las cosas más importantes a las que prestar atención cuando se
trabaja con color. Si no hay suficiente
contraste en tu diseño, puede verse plano y
lavado o oscuro y fangoso, o simplemente puede ser difícil de
mirar, duro a los ojos Compara aquellos con este
que tiene mucho buen contraste. Ahora, eso no quiere decir
que todos tus diseños tengan que ser súper brillantes y
contrastados como este Mira lo que pasa cuando
oscurezco solo algunos elementos,
los centros florales y
algunas de las hojas Esos pequeños cambios amplían
el rango de valores, por lo que agrega contraste que
realmente da
vida a esto sin dejar de mantener
su suave sensación aireada. Lo mismo va para
este. Iluminé los centros de las flores,
y eso la hace más atractiva sin perder su vibra
rica y malhumorada Entonces, cuando estés desarrollando
una paleta de colores, ten en cuenta que el contraste puede
hacer o deshacer tu diseño. Elegir un rango de valores
es igual de importante, si no más importante que elegir los
tonos adecuados ellos mismos.
7. Mixología del color: Ahora hemos pasado por algunos de
los aspectos más importantes de la teoría del color. Eso no fue tan difícil, ¿verdad? Ahora, quería que esta clase
fuera súper concisa, así que pasé por
las cosas bastante rápido. Entonces en esta lección,
solo quiero juntarlo todo. Así que pasemos por
alguna mezcla de colores. Aquí tenemos un tono verde
y para darle un tinte, solo
vamos a
bajar los números por aquí. Aquí tienes un buen truco. En Illustrator, si quieres moverlas todas
a la vez, puedes mantener pulsadas las teclas
Mayús
y opción y luego simplemente mantener una de ellas, y todas ellas se
moverán en proporción. Entonces no estamos cambiando
el matiz en absoluto. Sólo lo estamos cambiando
a un color más claro. Y luego por aquí para que sea un tono, solo agregaremos negro. Para hacer tono,
hacemos dos cosas. Bajamos la cantidad de
color y luego agregamos negro. Opción de cambio, y bajaremos un poco
los colores, y luego agregaremos algo de negro. Y ahora esta es solo
una versión más oscura, esta es una versión
tonificada. Y luego para hacer el tono
complementario, tenemos que recordar
el
color complementario , que es el rojo. Entonces agregaremos un poco de magenta. Bien, hagamos lo
mismo con este. Entonces para hacer un tinte,
cambiamos opción, hacemos los colores más bajos. Y notarás que
el amarillo se mueve a una velocidad
diferente a la magenta, pero eso es proporcional, así que no
estamos cambiando el matiz. Sólo lo estamos haciendo más ligero. Para la sombra, agregamos negro. Para el tono, hacemos los colores un poco
más claros y agregamos algo de negro. Y el tono complementario, el color complementario
para el naranja es el azul, así que le agregaremos algo de azul. Y como dije antes, solo puede
haber una sutil
diferencia entre estos, pero puedes ver que
terminas con un color un poco más complejo, lo cual es algo agradable, también. Y luego haremos lo
mismo con este azul. Tinte está bajando los colores. Un tono es agregar negro. Para un tono, bajamos
los colores y luego agregamos algo de negro y cumplido
de azul es naranja Entonces agregaremos tanto
amarillo como algo de rojo. Entonces espero que eso
te dé alguna buena práctica. Este es un ejercicio divertido
para hacer por ti mismo. Simplemente puedes configurar
estos cuadrados
así y probar algunas
variaciones diferentes en él. Entonces, a continuación vamos
a hacer lo contrario. Empezamos con
un montón de tonos, y vamos a caminar por cómo
hacerlos más brillantes. Entonces sólo voy a copiarlos que podamos ver el original. Entonces, ¿cómo hacemos de este
un color más brillante? Bueno, miramos por
aquí lo que tenemos. No tenemos ningún negro en
él, así que no es una sombra. Y para hacerlo más brillante,
podríamos hacer un par de cosas. Podríamos cambiar una opción y mover todos los
deslizadores hacia la derecha. O podemos
averiguar qué lo está haciendo bajar de
tono así. Bueno, está en la familia roja, verde haría que bajara el tono. El verde es azul y amarillo. Si solo sacamos un
poco del azul y el amarillo, eso lo hace un poco
más brillante de lo que era antes. Este tiene los
cuatro colores en él. Entonces, para hacerlo más brillante
sin cambiar su valor, podemos sacar algo
de lo contrario. En este caso, eso sería rojo. A medida que saco algo de rojo, ahora es
más brillante de lo que había sido antes. Y ¿qué tal éste? Lo mismo. Esto es una
especie de verdoso, así que sacaríamos el
rojo para hacerlo más brillante Y este, tenemos todos
estos colores diferentes. Es una especie de color púrpura, y lo opuesto al
púrpura es el amarillo. Entonces si sacamos el amarillo,
ahora se vuelve más brillante. Este tiene un poco de negro y los tres
de los otros colores. Entonces para que tenga un matiz más brillante, podemos sacar el
rojo ya que es verde. Este es de tres colores aquí
y es un color muy cálido, así que podemos sacar el azul, que es el color más frío
para hacerlo más brillante. Este probablemente también
sacaría el azul. Si eso se pone demasiado anaranjado, también
podemos sacar algo
del amarillo. Entonces espero que eso
te dé alguna buena práctica
en la mezcla de colores. Realmente te animo a que empieces a mirar los colores a tu
alrededor de manera diferente. Cada vez que veas un
color, pregúntate, ¿qué colores hay en ese? ¿Cómo haría ese
color en la computadora? ¿Y cómo bajaría el tono
o lo haría más saturado? Cuanto más practiques, más intuitivo se sentirá
el
color, haciendo que sea más fácil y
realmente más fácil refinar tus paletas para obtener
exactamente el aspecto que deseas
8. Percepción del color: A veces cuando pones colores
particulares uno al lado del otro, cambian nuestra percepción
de los colores individuales. En esta lección,
quiero mostrarles algunos ejemplos de
ese fenómeno. Aquí está nuestro patrón floral en ricos tonos de azul marino
y azul denim. Y aquí hay uno con
fondo verde azulado y flores en tonos morados Pero ¿adivina qué? Las flores son exactamente las mismas
en ambas. Ese es un truco de
magia bastante bueno, ¿no? Entonces, por alguna razón,
las flores azules vuelven moradas cuando están al
lado del fondo verde azulado. ¿Cómo necesitaríamos cambiar esto para que se vea más azul? Bueno, sabemos que el azul
y el magenta hacen púrpura. Entonces, si solo sacamos
algo del magenta, entonces eso lo traerá de
vuelta hacia el azul. Y así es como se diferencia
del original. Ahora veamos esta rueda de colores de
seis lados con los
colores primario y secundario en cada esquina. Por cierto, te voy a dar instrucciones
al final de esta lección de cómo
hacer una rueda de colores así como esta si quieres. Aquí hay un punto morado en el lado
frío y el lado cálido, y se ven igual hasta que los
ponemos uno al lado del otro, y no son del mismo color. Entonces dependiendo de si están contra de un color cálido
o de un color frío, eso cambia nuestra
percepción de ellos. ¿Qué tal aquí arriba? Estos
dos también se ven igual. Pero cuando armamos,
son ligeramente diferentes. Ahora en esta, la de
arriba se ve como un verde cálido bastante claro. Aquí abajo, hay
mucho más contraste y se ve un
poco más genial. Pero cuando los armamos, resulta que son
exactamente del mismo color. Ahora que has visto
algunos ejemplos de percepción del color en
la rueda de colores, veamos cómo funciona esto en un par de ejemplos de obras
de arte reales. Este es el Jardín tres de David
Hockney's. Primero, quiero
mostrártelo en
blanco y negro para que podamos
comprobar el contraste de la misma. Sin color, es
realmente bastante plano. No hay blanco o negro puro, así que todo tipo de
mezcla en tonos grises. La barandilla es una especie de
elemento más oscuro, por lo que se convierte en el punto focal en esta versión en blanco y negro Pero en general, simplemente se
siente un poco confuso. Pero ahora échale un vistazo en color. La escena
se transforma por completo en este resplandeciente paisaje tropical con colores llamativos y vibrantes. Hockney usa colores
complementarios manera brillante porque cuando los colores se colocan junto a
su cumplido, hacen Entonces ese naranja rojo brillante, realmente destaca contra
los azules y verdes, que son los cumplidos y guía nuestro ojo
a través de la pintura En la versión en blanco y negro, ni siquiera
notamos las
macetas o la ventana aquí. Eran simplemente,
ya sabes, todos grises. Entonces, aunque dije que el contraste puede hacer o deshacer
la composición, y puede. Esto es definitivamente una excepción, y Hockney sabía exactamente
cómo usar los colores
para trascender las reglas habituales
sobre el contraste Y esta pintura es simplemente increíblemente viva y
resplandeciente con Entonces aquí hay una pintura de uno
de mis artistas favoritos, Wayne Thibout y esta
se llama Four Y yo quería volver a
mostrártelo en blanco y negro. Esta vez, tiene un
gran contraste. Se pueden ver fácilmente todas las formas y dimensiones de los
cupcakes, y tal vez ya se imaginen
cuáles serían los colores, tal vez rosa o amarillo pálido para los titulares o glaseado blanco,
tal vez glaseado amarillo Y, claro,
podemos ver que podemos imaginar que esto es
glaseado de chocolate en éste Entonces es fuerte y funciona bien. Pero nuevamente, mira lo que
pasa cuando agregamos colores. Qué sorpresa tan increíble. Hay pequeños bocados
de tonalidades saturadas,
como rosas
y morados rabrantes y verdes
brillantes que solo
hacen que los cupcakes verdes
brillantes que solo
hacen que hacen Entonces se necesita una
composición mundana y un tipo de tema y lo
convierte en algo que
realmente tiene que ver con el color Y Wayne Tuibot fue
un colorista increíble. Entonces ambos son ejemplos de cómo el color puede transformar una pieza. Puede agregar profundidad y emoción y contraste que antes
no había ahí. Entonces, si quieres hacer tu
propia rueda de colores de seis lados, aquí tienes las instrucciones. Ve a la herramienta rectángulo y mantén presionada y obtén
la herramienta de polígono Y luego clic de opción. Y vamos a que sea 4 “, y queremos seis lados. Entonces ahí está nuestro polígono. Entonces vamos a regresar
y conseguir la herramienta Elipse, y vamos
a hacer un círculo,
Oh, de ese tamaño.
A ver. Qué es eso. Alrededor de tres cuartos de
pulgada en una de las esquinas. Vamos a entrar en vista previa,
que es el Comando Y, y eso nos muestra dónde está el
centro de este polígono Entonces voy a usar
la herramienta rotar o R en el teclado y mantener pulsada la tecla de opción
y dar clic en el centro. Y ahora voy a rotar este círculo 60 grados y copiar. Y luego usa el Comando
D para
duplicarlo hasta que se llene cada esquina. Ahora vamos a llenar los círculos. Entonces esta voy
a hacer 100% magenta, y esta, voy a
hacer 100% amarilla. Y este voy a
hacer 100% cian. Entonces esas son las primarias, y ahora vamos a hacer
las secundarias Entonces este es 100%
magenta y 100% cian. Y aquí está nuestra naranja, así que eso es 100% magenta
y 100% amarillo. Este sería verde,
que es cian y amarillo. Ahora nos desharemos de todos
los contornos negros. Entonces vamos por aquí, damos clic en
el esquema y damos clic en Ninguno. Y ahora vamos a
usar la herramienta Fusión. Entonces elegiremos dos de los
círculos y luego haremos doble clic aquí y elegiremos
los pasos especificados y seis y haremos clic en Bien. Y ahora solo hacemos clic en uno
de ellos, y luego en el otro, y llena los huecos entre
esos. Ahora es un grupo. Entonces lo que queremos hacer es ir a objetar, expandir. Haga clic en Bien. Entonces hacemos clic derecho
y vamos a Desagrupar. Bien, entonces vamos a hacer eso
con el siguiente. Escogeremos esto y
esto. Haga doble clic aquí. Asegúrate de que sea lo mismo, y
luego haz clic aquí y aquí. Y luego vamos a objetar expandir, y hacer clic derecho y desagrupar Ahora escogeremos el amarillo
y el verde. Haga doble clic.
Asegúrate de que sean seis. Bien, y haga clic en uno
y luego en el otro. Y vamos a repetir eso
con los demás. Entonces ahora tienes una
gran herramienta que puedes usar para
juntar colores y ver cómo
reaccionan entre
sí o construir paletas de colores, o simplemente experimentar
con el color en general
9. ¡Hora de los deberes!: Bien, ¿adivina qué?
Es hora de hacer los deberes. Esto es
diferente a tu proyecto, pero solo quería
darte alguna manera de probar lo que has
aprendido en esta clase. Entonces aquí hay un cuestionario a color, y creo que va
a ser algo divertido. En esta primera,
quiero que juegues con los colores tal como lo hice
al inicio de la clase. Puedes ver por ti mismo
lo que se siente al tomar ese amarillo y agregar azul y llegar a un verde mágico. Esa es
la primera. La segunda plaza por aquí es, ¿
puedes responder a estas preguntas? No tengo duda de que
esto te resultará fácil después de esta clase. Tenemos cosas como cuáles
son los colores primarios
y los colores secundarios, y
¿cómo los haces? Y qué son un tono
y un tinte y un tono y preguntas sobre colores
complementarios. Eso debería ser fácil. Entonces aquí abajo, en lugar de
deslizar los colores alrededor, estoy pidiendo que los crees
usando los deslizadores de aquí arriba El morado sería
magenta y cian. Y luego una vez que hayas hecho eso, agrega un poco de negro a estos para
hacer tonos con ellos,
y haz lo mismo con
los tintes aquí dentro y haz lo mismo con
los tintes aquí Entonces, como hicimos solo en
el ejercicio anterior, toma estos colores y
tonifícalos
agregando algunos de sus colores
complementarios. Aquí abajo, esta sección
trata sobre el contraste, y dice que los cuadrados centrales
tienen valores muy similares, y provoca ese
inquietante efecto de zumbido o vibración en el ojo Quiero que los arregles
cambiando el contraste o
creando un límite entre los dos colores como
hicimos hace un par de lecciones. Y luego finalmente,
usa los deslizadores en el panel de color para
transformar estos cuadrados marrones, hacer uno más cálido y fresco, y este más verde Así que diviértete poniéndote
a prueba en todas esas cosas. Por lo que esta hoja de trabajo está disponible
en los recursos de clase. Hay un par de versiones de la misma. Hay una versión de Adobe
Illustrator, si eso es con lo que
estás trabajando, o también hay una versión JPEG. que puedas descargarla y llevarla a Photoshop o a
Procreate para trabajar con ella.
10. Revisión y proyecto: Enhorabuena. Ahora
tienes todas las herramientas que necesitas para crear tu propia alquimia
mágica de color Tu proyecto es crear un
par de nuevas formas de color para patrón de uvas
Nadia
o elegir una de las
tuyas propias que te gustaría hacer
múltiples formas de color Podrían ser una mezcla de
tonos brillantes y mucho contraste, o podrías probar uno
con colores tonificados. A lo mejor haces uno con
todos los colores cálidos o todos los colores fríos o
combinación de ambos. Sea lo que sea que elija,
asegúrese de que sus paletas de colores
incluyan una gama de valores para evitar que sea plana y lavada
u oscura y fangosa Y busque colores que vibren o zumben de
una manera inquietante Si estás un poco intimidado
por empezar, déjame simplemente caminar por cómo lo haría si quisiera,
digamos, convertir esto en un patrón para el vestido de una
niña Entonces quiero que todo sea
muy pastel y muy suave. Para comenzar, creo que me
gustaría un fondo coloreado. Así que sólo voy a hacer una caja alrededor de ella y
hacerla de un rosa suave. Y ahora mis flores blancas
no aparecen mucho, así que sé que debería
oscurecerla un poco. Ahora, siento que estos colores aquí son demasiado oscuros para el patrón de una
niña pequeña. Entonces voy a
elegir uno de ellos, y puedo subir para
seleccionar el mismo color de relleno. Y eso me va a dar todos
los que tienen ese color. Ahora voy
a usar el Comando H para ocultar los contornos, y voy a simplemente agarrarlos todos y
hacerlos un poco más claros primero y tal vez
sacar el negro porque eso lo está
haciendo una especie de sombra. Y entonces lo quiero un
poco más hacia el verde, y tiene algo de rojo en él, así que eso es algo que la
tonifica. Entonces, si lo saco, también se
pondrá un poco
más verde. Entonces haré lo
mismo por éste. En lugar de
tener que subir siempre aquí para seleccionar el mismo color de relleno, en realidad
le
he dado un atajo, si quieres hacer un
atajo también, en Illustrator, puedes ir a editar atajos de
teclado. Aquí en lugar de una herramienta, eso es un comando de menú, y podrías bajar aquí para seleccionar y luego aquí está aquí, abre ese, y
ahí está el color de relleno. Puedes poner el atajo que quieras. Estoy usando el
Comando Cinco. Y en realidad uso mucho el mismo color de
trazo, también, así que hice ese Comando
seis, y haga clic en Bien. Así que volvamos a esto, voy a agarrar este y
usar mi
atajo Command five para seleccionar
todos los que sean de ese color y ocultar las guías. Y yo voy a hacer lo
mismo. Voy a bajarlo y tal vez
sacar algo del rojo para
que consiga un matiz más puro A continuación, creo que quiero
aclarar este color. Entonces, Comando cinco, y
yo solo lo aclararé. Y entonces tal vez hacer que
este sea más ligero, también. Comando cinco, escóndete, y lo
haré más ligero. Ahí, ahora empieza a
sentirse un poco más suave. Esto tal vez voy a
tratar de hacer amarillo. Entonces agarraré todo eso
y sacaré el rojo, así se vuelve amarillo. Entonces tal vez estos podrían
ser rosados en su lugar. Entonces Comando cinco,
y voy a sacar el amarillo para
bajarlo a rosa. Y creo que voy a
sacar el azul, también. Eso los hará
un poco más brillantes. Entonces, por último, creo que
es este color, Comando cinco, y
lo haremos un poco más claro. Y ahora, mientras lo miro, estos centros, están demasiado oscuros. Entonces voy a comandar cinco y hacerlos un poco más ligeros. Pero no quiero
hacerlos demasiado ligeros porque entonces ya no tengo ninguna
definición. Entonces voy a
mencionarlos, y tal vez no quiero que sean
un poco rojizos Quiero sacar ese rojo y tal vez hacerlos más morados. Así que voy a
sacar el amarillo, también, y traerlos de nuevo.
A lo mejor más así. Y entonces tal vez nuestras flores. No son del todo blancos, así que voy a mandar
cinco y solo tal vez hacer esos blancos puros haciendo eso. Y en realidad, ya no me
gusta este color, así que voy a comandar cinco y sacar algo
de ese amarillo. Y también, quiero
cambiar este color. Veamos qué pasa
eso si
hacemos ese amarillo, el
mismo amarillo que este. Entonces voy a usar I en mi
teclado para llenarlos, y luego tal vez hacer los centros. Vamos a probar el blanco. No,
eso es demasiado ligero, creo. Vamos a probar el azul. Bueno, vamos a ver.
¿Quizás el verde? Sí, eso me gusta
más. Vamos a probar el otro verde.
Sí, eso me gusta. Y ahora solo quiero
calentar el fondo, creo, un poco agregando algo amarillo y tal vez
aligerarlo en general. Ahí vamos. Ahora tenemos una nueva versión
rosa pastel de la misma. Entonces espero que solo te sumerjas y te diviertas
un poco con esto. Y me encantaría ver
lo que creas. Así que no olvides
publicarlos en la página de la clase. Será súper divertido ver las diferentes versiones de este estampado floral
de
todos.
11. Reflexiones finales: Entonces, gracias por tomar esta clase. Espero que hayas disfrutado explorando el color tanto
como yo mientras estaba haciendo la clase porque incluso después de una carrera de
trabajo con el arte, aprendí algunas
cosas nuevas, y fue muy bueno volver a visitar
estos fundamentos El siguiente paso son mis recetas
de color de clase. Así que piensa en lo que
aprendiste aquí como ingredientes, y el siguiente paso es
cocinar hermosas paletas para
tus diseños de superficie Creo que realmente lo
vas a disfrutar. Sí tengo un favor que pedirte. Me encantaría que solo tomaras un seg para escribir una
reseña de la clase. Eso realmente me ayuda a
saber lo que resuena
contigo y me ayuda a planificar
para futuras clases Y gracias por todas
tus críticas pasadas. Escucharte abrazar
lo que estoy enseñando y tu entusiasmo por ello me ha sido
realmente inspirador. Entonces, gracias por
eso. Y por último, quiero enchufar mi guía digital, la repetición profesional, una guía de diseñadores de superficies
para la producción de impresión. Se está convirtiendo rápidamente en un
recurso para diseñadores
profesionales que desean información
práctica clara sobre cómo preparar sus
archivos de arte para la producción. Puedes encontrar un enlace directo
desde mi página de perfil, y mientras estés ahí, no
olvides seguirme. Entonces sabrás sobre las
próximas clases o mejor aún entra
en mi lista de correo electrónico. Y puedes hacerlo
en chris rough.com. Entonces, mientras tanto,
feliz Designing.
12. Una cosa más...: Hola. Hola otra vez. Estoy regresando para hacerte
saber que ahora estoy disponible para sesiones de coaching uno a
uno Entonces, si te gusta esta clase y te gustaría trabajar
conmigo individualmente, ahora
puedes hacerlo
reservando una sesión directamente desde mi página de perfil para
compartir habilidades. Ofrezco dos tipos de sesiones. La primera es una revisión de cartera de 1
hora donde veremos
sus diseños de superficie. Te haré saber algunas fortalezas
y áreas en las que enfocarte, y tendrás la oportunidad de
hacer cualquier pregunta que
quieras sobre las licencias de arte o
la industria del diseño de superficies. Ahora sé que puede
resultar intimidante mostrarle tu trabajo a alguien, pero es muy inteligente obtener comentarios
profesionales Todos los artistas con los que he
trabajado se han sentido energizados y listos para seguir
adelante después de nuestras sesiones También ofrezco una sesión de
instrucción en
Adobe Illustrator o Photoshop de 30 minutos . Si estás luchando
con algún aspecto del software, te puedo ayudar. Podemos recorrer herramientas, puedo demostrar técnicas y flujos de trabajo que van a ayudar
a resolver tus problemas. Entonces, ya sea que esté
buscando una sesión o una oportunidad
continua de retroalimentación sobre su trabajo, coaching es una gran
inversión en su carrera, a diferencia de algunos de los costosos cursos
en línea que
están disponibles, coaching no tiene
un plan de estudios fijo, por lo que puedo brindarle
exactamente la información y orientación que necesita
exactamente cuando la necesita. Espero que consideres el coaching. Me encantaría trabajar
contigo y no puedo esperar para
conocerte y apoyarte y
guiarte en tu viaje creativo. Puedes conocer más sobre
mis sesiones de coaching en chrisrug.com
Kris Ruff, Surface Pattern Designer & Coach
