Conceptos básicos de diseño: teoría del color

1. Introducción: Hola y bienvenidos a este curso de conceptos básicos de diseño hablando de teoría del color. Mi nombre es Ben Nielsen y soy educador de diseño inmediato que lleva más de seis años impartiendo clases sobre diseño tanto presencial como en línea. Estoy tan agradecido de que hayas decidido unirte a mí en esta clase sobre teoría del color. El color es una de mis cosas favoritas. Me encanta el color. Me encanta ver el color. Me encanta usar el color en mis diseños. Y así estoy muy emocionado de poder compartir esta clase contigo. Color. Es un tema absolutamente masivo InDesign, y podrías tomar toneladas y toneladas de diferentes clases y conseguir toneladas de toneladas de diferentes perspectivas, color. Y realmente puedes sumergirte profundamente en el color y aprender todo tipo de cosas diferentes. Y hay diferencias de color cuando se trabaja con medios físicos como pinturas. O si estás trabajando con medios digitales como algo como Photoshop o Procreate. Y así hay muchas perspectivas diferentes sobre el color. Y este curso apenas va a rascar los fundamentos del mismo. Empezaremos con algunas cosas que probablemente te parezcan realmente familiares, cosas como la rueda de color. Y luego pasaremos a algunos temas más avanzados. Pero aún así sólo estaremos entrando apenas por debajo de la superficie de la teoría del color. Por esa razón, realmente te animo a que tomes varios cursos sobre teoría del color. Aquí hay un número de ellos en Skillshare. Todo el mundo llega a ello con una especie de perspectiva diferente. Todo el mundo ve el color un poco diferente. Eso es literalmente cierto en la forma en que funcionan nuestros ojos y figurativamente cierto en la forma en que cada uno interpretamos personalmente los colores. Por lo que es genial obtener algunas perspectivas diferentes al respecto. Además de tomar algunos otros cursos sobre teoría del color para ayudarse a ponerse bien fundamentado con el color. También quieres echar un vistazo a mis otros cursos de conceptos básicos de diseño. Si aún no lo has hecho, he diseñado cursos básicos sobre cosas como los principios básicos de diseño, bocetos, y también cómo usar formas en tus diseños. Por lo que se asegura de que los revises también después terminar este curso si no los has visto ya. Pero por ahora, sigamos adelante y sumémonos y comencemos a hablar de color. En el siguiente video, hablaremos del proyecto. Está bien. 2. Proyecto: Cada curso que imparto tiene una asignación de proyecto. Esto te ayuda a aprender haciendo. Es genial escuchar algo, pero es mucho mejor aplicar realmente esa cosa. Y eso realmente te ayuda a aprender mejor. El proyecto para este curso realmente van a ser tres mini-proyectos. Por lo que querrás presentar cada parte de esto, pero puedes presentar solo una y luego volver y presentar otra más tarde. La primera parte es escoger una pieza de diseño, algo que no hiciste, sino algo que has descubierto en el mundo y analizar su color. Y estaremos hablando de la forma en que funciona el color para que sepas analizar una pieza de diseño y el color que hay dentro de ella. Esto es realmente útil, está empezando a construir tu ojo y empezando a construir tu comprensión del color. Es realmente útil cuando lo miras ya que estoy pegada para no tratar de pensar en todo de una vez, pero para algo así descomponerlo. Por lo que ya hemos hablado de esto con principios básicos de diseño antes, pero esta vez lo vamos a estar haciendo con color, mirando específicamente el color. El segundo pedazo del proyecto es seguir adelante y hacer dos temas de color diferentes basados en dos armonías de color diferentes. Entonces estaremos hablando de la forma en que funciona el color y cómo armonizamos los colores. Entonces no te preocupes si eso no tiene mucho sentido en este momento, presentarás un conjunto de muestras para dos temas de color diferentes. Y el tercer mini-proyecto es seguir adelante y tomar un diseño que ya has hecho y aplicarle esos a temas de color. Aplícalos para que veas la forma en que cambia el color, la forma en que tipo de evocas emoción. Y lo que ve el espectador. El software que uses no importa. Lo único que importa es lo que te conviertes, y esos sólo pueden ser JPEGS. Por lo que tendrás un JPEG de la pieza de diseño que elijas analizar. Entrarás eso y luego hablarás de tu análisis al respecto. Entonces tendrás jpegs solo mostrando tus muestras de color. Y luego tendrás que jpegs mostrando esos dos temas de color aplicados al mismo diseño. Y espero que te tomes el tiempo para hacer estos proyectos porque realmente te ayudarán a aprender mejor. Y me encanta ver lo que eres capaz de producir. Y me encanta dar retroalimentación si eso es algo que te gustaría. Ahora estamos listos para seguir adelante y empezar a hablar de la rueda de color. 3. Círculo cromático: Este video, vamos a estar volviendo a los conceptos básicos de los que probablemente aprendiste y tal vez incluso hizo una rueda de color de vuelta en como tercer o cuarto grado. Es una de las formas más básicas de entender el color, pero es realmente importante entenderlo. Entonces vamos a volver atrás y revisar algunas cosas. El primero que tienes cuando comienzas a hacer una rueda de color son los colores primarios. Tienes rojo, azul y amarillo. Y estos colores primarios son de donde derivamos todos los demás colores en la rueda de color. Ahora, hay cosas que no necesariamente se consideran colores. Se llaman acromáticos y esos son blancos, negros, y gracia que caen entre ellos. Estaremos hablando de esos más tarde, pero por ahora, como que los dejemos a un lado. Los usaremos como el color cuando estemos diseñando. Pero cuando estamos hablando de la rueda de color, realmente estamos hablando de esos tonos de color con los que estás familiarizado. Por lo que una vez que tengas rojo, azul y amarillo, puedes empezar a hacer más colores. Cuando combinas estos juntos, obtienes lo que se llaman los colores secundarios. Cuando combinas rojo y amarillo, obtienes naranja. Cuando combinas rojo y azul, obtienes morado. Y por supuesto cuando combinas amarillo y azul, te pones verde. Estos colores secundarios ayudaron a llenar la rueda de color y nos dan los seis colores básicos. Sé que cuando eras niño, ¿te dijeron que había siete colores del arco iris? Bueno, para nuestros propósitos, no hay, sólo hay seis a siete cosa de color es gracias a Isaac Newton y cómo quería alinear su teoría del color con su teoría musical con siete notas en la escala. Mucho a la confusión de los jóvenes de seis años en todas partes que no entienden qué es el índigo y cómo es diferente al azul. Entonces vamos a trabajar con estos seis colores básicos. Y luego cuando empiezas más a combinar estos, obtenemos lo que se llaman los colores terciarios. Y hay seis colores terciarios. Tienen nombres realmente emocionantes, cosas como amarillo, naranja, rojo naranja, y amarillo, verde. De acuerdo, no son tan emocionantes y la gente ha llegado con nombres mucho más emocionantes para diferentes tipos de colores, pero no hay mucha cohesión alrededor de cada uno de esos. Entonces para nuestros propósitos, es más fácil simplemente referirse a ellos como las cosas que las combinan, cosas como el amarillo, el naranja. Ahora, puedes seguir haciendo esto hasta el infinito. Es por esto que Isaac Newton fue capaz de hacer siete colores para empezar, es porque el arco iris es en realidad un espectro y el espectro se puede dividir infinitamente en partes más pequeñas y más pequeñas. Por lo que podrías seguir haciendo más y más colores con estos. Pero a menudo la teoría del color se enseña usando sólo estos 12 colores. Y así es a lo que nos vamos a quedar por ahora. Lo último que realmente necesitas saber sobre la rueda de color es que puedes dividir la rueda de color en colores cálidos y colores fríos. Los colores cálidos tienden a tener más energía. A los colores fríos tienden a ser más calmantes. Por lo que es bueno tener eso en cuenta ahora que realmente hemos echado la rueda de color aquí, vamos adelante y en el siguiente video donde empiezo a pasar a temas un poco más avanzados y vamos a empezar a hablar de Hughes tintes, tonos, y tonos. 4. Tonos, Hues, sombras, tonos y tonos: Muy bien, Ahora que entendemos los conceptos básicos del color, es hora de empezar a pasar a un poco más de un tema avanzado. Y aquí es donde probablemente dejaremos atrás lo que recuerdas de la primaria. Todos los colores de los que hemos hablado hasta ahora en la rueda de color son lo que llamamos Hughes. Hughes o simplemente el color recto. Y como hablamos en el último video, se podría seguir dividiendo infinitamente el espectro del arco iris en cada vez más tonos. Pero hay algo más que podemos hacer para conseguir más colores con los que trabajar, y esos se llaman tintes, tonos y tonos. Ahora a medida que empezamos a aprender mucho vocabulario, puede empezar a parecer abrumador. Ya hablamos de cosas como colores primarios, colores secundarios, y colores terciarios. Y ahora empezamos a lanzar en Hughes tonos, tintes y tonos. Para que eso pueda ponerse un poco confuso. Pero no te preocupes, tengo que tener una limosna para ti en la sección de recursos que puedes usar para especie de hacer un seguimiento y mantener todo esto recto. Empezamos con nuestros hughes rectos y luego si queremos hacer décimas, vamos a sumar blanco a eso. Y a medida que añades cada vez más blanco, ese tinte se pondrá más claro y más claro son en realidad lo contrario de eso tomamos son tonalidad recta y empezamos a agregarle negro, y se vuelve progresivamente más oscuro y más oscuro hasta que se vuelve negro mismo. Tensor agregando blanco y tonos están agregando oscuros tiene mucho sentido, ¿verdad? lo último de lo que hablar son los tonos. Tonos es en realidad cuando tomas gris y lo agregas a un color, y a medida que añades más gris, ese color comienza a lavarse cada vez más. No necesariamente se pone más claro u oscuro si estás usando un 50 por ciento de gris, pero empieza a lavarse cada vez más una vez que empecemos a usar tintes, tonos, y tonos junto con nuestro enorme, conseguimos que todo este mundo de color se abra hasta nosotros y realmente podemos alejarnos de los hughes rectos todo el tiempo. Puede ser genial usar tonalidades en algo como tal vez un museo infantil o un aula de escuela primaria, o incluso como una cadena de comida rápida donde realmente quieres que las cosas sean brillantes y estallen. Pero mucho tiempo, nuestros diseños requieren algo más sutil. Algo como branding para un banco o tal vez un folleto de hotel. No quieren ser tan vibrantes como en tu cara como alguien como tal vez en la televisión infantil. Y así es donde nuestro mundo realmente comienza a expandirse a medida que usamos estos tintes, tonos, y tonos para crear nuevos temas de color que realmente puedan sacar a la luz lo que deseamos en la pieza de diseño. Entonces con eso en mente en el siguiente video, vamos a seguir adelante y empezar a hablar de armonías de color. El modo en que los colores van a interactuar juntos. 5. Armonias de colores: Hay muchas formas diferentes de crear armonías de color. Y en este video, sólo vamos a estar hablando de los básicos para apenas empezar. Pero ten en cuenta, hay muchas formas diferentes de combinar colores juntos. La primera armonía de la que vamos a hablar es la más básica y es una con la que mucha gente está familiarizada. Se llama colores de cortesía. Crea armonía de color de cortesía eligiendo un color y luego escogiendo el color directamente opuesto a él en la rueda. Por lo que obtienes maridajes de color calmantes como gripe y naranja, rojo y verde, y amarillo y morado. Tú por supuesto, también puedes hacer esto con los colores terciarios, para que eso expanda la cantidad de colores de cortesía que puedes tener. También puedes hacer esto con tonos y tonos. Simplemente quieres asegurarte de que estás seleccionando el mismo tono o el mismo tono o el mismo tinte del color opuesto. Ahora, tono recto, colores de cortesía se usan mucho, muy populares entre cosas como equipos deportivos, universidades, e incluso días festivos. Y así se pueden cansar un poco y ya pueden tener muchas asociaciones con ellos. Eso no quiere decir que nunca debas usar una q recta esquemas de color complementarios. Simplemente significa que debes asegurarte de estar al tanto del potencial significado que tu público podría sacar de eso. Por ejemplo, crecí en Colorado donde jugaron los Broncos de Denver. Y cualquier esquema de color en Colorado que utilice colores de cortesía azul y naranja invariablemente va a traer a la mente de la gente a los Denver Broncos. Y si esa es una asociación que quieres, eso va a ser bueno. Pero si es una asociación que no quieres, tú y tú querrías evitar esos esquemas de color, pero en algún otro lugar que sería diferente. Por ejemplo, en Idaho tienes Boise State y Boise State también usa azul y naranja. Eso va a ser mucho más de la asociación ahí entonces dicen los Denver Broncos. Entonces solo ten cuidado de lo que estás haciendo. Ten en cuenta que el verde y el rojo van a invariablemente en el mundo occidental traer a la mente de la gente la Navidad. Es sólo una asociación tan fuerte que tenemos. Por lo tanto, ten eso en cuenta cuando trabajes con colores de cortesía. La siguiente armonía de color de la que quiero hablar es la armonía de color análoga. Ahora, una armonía de color análoga se hace eligiendo un color principal de la rueda y luego seleccionando el color a cada lado de la misma. Esto crea un diseño muy agradable, fácil de ver, pero es un poco lo contrario de los colores complementarios en que realmente carece de contraste. Hay que tener cuidado al hacer un esquema de color análogo que aún mantienes contraste en tu diseño. El contraste es un principio de diseño muy importante que permite a su público poder derivar significado de su diseño. Por lo tanto, ten eso en cuenta. Es genial tomar un esquema de color análogo. Elige un color que va a dominar y luego acentúa con los otros colores. Y luego también complementan eso con acromática como blanco, negro, y gris. El tercer esquema de color del que quiero hablar es el esquema de color triádico. Esto se hace eligiendo un color de la rueda y luego eligiendo los dos colores que están espaciados uniformemente alrededor de la rueda. esquema de color triádico realmente trae algo de contraste y pop a tu diseño sin tal vez los clichés que están asociados con un esquema de color de cortesía. Y también tiene el beneficio de trabajar con tres colores en lugar de solo dos, por lo que eres capaz de diferenciar más. Por lo que el esquema de color triádico es una manera realmente genial de ir. Si sientes que necesitas más colores y trabajar con solo dos o tres colores puede parecer muy limitado. Pero es una manera realmente genial de comenzar en tu diseño. Y el próximo daño del que vamos a hablar no es realmente una armonía en absoluto. Es el esquema de color monocromático. Y se hace usando solo un color y luego usando tintes y tonos basados en ese color para llenar el resto de tu paleta de colores. Entonces puedes ver a veces tenemos que hacerlo, a veces tenemos tres, a veces tenemos solo uno. Puedes ir tan alto como cinco o seis colores en un tema de color, pero realmente no quieres ir más allá de eso cuando estás haciendo trabajo de diseño. Esto es muy diferente a hacer algo como tal vez ilustración donde podrías tener muchos colores en ilustración, a menudo tienen paletas de colores limitadas a, pero a veces hacen uso de todo el espectro de colores. Pero en el trabajo de diseño, realmente quieres poder ayudar a tu público a entrar en lo que estás diciendo y lo que estás tratando de conseguir que hagan. Y así limitar tu paleta de colores es una pieza realmente importante de todo esto. Por lo que a menudo lo mejor que puedes hacer es empezar con dos o tres colores y llenar el resto de tu paleta de colores con cosas como el blanco y el negro. Por lo que hemos hablado de los fundamentos de la armonía de color solo para revisar los de los que hemos hablado son la armonía de color de cortesía, la armonía análoga de color, la armonía triádica de color, y el color monocromático esquema. Todos estos son grandes lugares para empezar cuando estás tratando de trabajar con color en tu diseño. Por supuesto, hay muchas más formas en que podrías dividir los colores en la rueda de color, pero estos conceptos básicos te ayudarán a empezar. En el siguiente video, estaremos hablando de diferentes modos para hacer colores en el espacio de trabajo digital. 6. Modos de color: De acuerdo, en este video vamos a estar repasando la diferencia en diferentes modos de color que puedes tener cuando estás trabajando con un programa digital. Ahora esto se puede complicar bastante rápidamente. Por lo que sólo vamos a estar repasando simplemente hoy solo para que te familiarices con la terminología y la forma en que funcionan. Pero si no entiendes esto, está bien, ahora, no te preocupes, no necesitas poder usar color en tus diseños. Simplemente es bueno empezar a exponerte a estas ideas para que puedas aprenderlas a medida que avanzas. La comprensión de estos diferentes modos vendrá con el tiempo y la práctica. Estoy en Affinity Designer en este momento solo usando un cuadrado de color para ilustrar para ti cómo funcionan estos diferentes modos de color. La mayoría de estos modos de color existirán en la mayoría de las diferentes aplicaciones de diseño gráfico que hay por ahí. Solo estamos usando un diseñador limpio porque es una manera fácil para nosotros ver muchos de los diferentes modos por completo. Ahora mismo estamos en RGB. Rb y CMYK son dos de los modos de color más comunes. Y a menudo los escucharás referidos como modos de color digital y de impresión porque RGB se refiere a la forma en que los colores hechos por píxeles usando puntos rojos, verdes y azules en diferentes intensidades para mostrar todos los diferentes colores que están disponibles . tanto que CMYK se va a referir a colores de impresión que se crean utilizando tintas de diferentes colores, a saber, cian, magenta, amarillo, y el color clave negro. Entonces echemos un vistazo a cada uno de estos. Entonces cuando tienes RGB, si tomas el rojo hasta 255, entonces vas a tener el tono rojo recto. En tanto que si tomas rojo abajo todo el camino a 0 y llevas verde todo el camino hasta 255 con respecto al verde recto aquí. Y lo mismo con el azul. Si tomas azul todo el camino hasta 255 requisito el tono azul recto. Pero podemos ver que tenemos este recolector de color abajo abajo. Y si empezamos a elegir diferentes colores, verás estos cambios. Y van a cambiar la mezcla de los diferentes puntos y su intensidad para mostrar todos los diferentes colores que están disponibles para nosotros. Se puede ver que a medida que bajamos por aquí, empezamos a conseguir sombras, y a medida que subimos, obtenemos decenas. Por lo que hay toneladas y toneladas de diferentes colores que se pueden formar utilizando cualquiera de estos modos de color. Se trata solo de cómo lo están haciendo. Por lo que notarás que cada modo de color expresa el color como algún tipo de valor numérico. En este caso, es la intensidad de los puntos rojos, verdes y azules. Entonces para este tono particular de azul, tenemos una lectura de 39, un verde de 44, azul de 255, que es los números RGB max van de 0 a 255. Entonces si alguna vez estás obteniendo códigos, quieres saber qué modo de color tu respuesta que puedes asegurarte de poner en los valores correctos. Volvamos a saltar aquí a CMYK para que puedas ver lo mismo aquí. Nuevamente, si los dibujamos todo el camino hacia abajo, tendremos blanco porque no estamos usando ningún cian y magenta y amarillo ni ningún negro. Y recuerda que k significa llave, que es negra. Tenemos el mismo recolector de color aquí abajo. Entonces podemos volver a pasar por aquí y ver cómo cambian estos números en función de dónde nos encontramos. Ahora por supuesto, cuando estamos viendo el modo CMYK en una pantalla, realidad estamos viendo estos colores producidos por píxeles, no comprar tinta, pero esto está tratando de aproximar cómo se verá la tinta cuando se imprima. Es importante recordar aunque que cada impresoras un poco diferente, cada pantalla es un poco diferente. Y así nunca vas a ser 100% preciso porque no sabes necesariamente dónde se va a imprimir o si estás produciendo algo digitalmente, la pantalla en la que se va a ver nunca puede estar segura de que lo que ves es lo que va a ver tu espectador cuando se reproduzcan los colores, solo puedes hacer lo mejor que puedas. Entonces esos son los dos tipos principales de colores que verás para el trabajo digital y para el trabajo de impresión. Hablemos de un par de otros aquí. Aquí tenemos la HSL, y HSL es sinónimo de matiz, con la que estamos familiarizados. Saturación, que es como tono y ligereza, que va a ser tintes y tonalidades. Encuentro que la HSL es una forma muy intuitiva de trabajar una vez que tipo de entender la rueda de color y la forma en que puedes usar los negros, blancos y grises para producir diferentes versiones de esos colores. Hsl a veces también se refiere a HSB, que es saturación de matiz y brillo, o HSV, que es saturación de matiz y valor. Todos significan esencialmente lo mismo. Y se puede ver que estos también se expresan numéricamente. Los Hughes tienen una gama de 360 yendo desde el rojo hasta el final a leer. Y luego la saturación tiene un rango de 0 a 100, y la ligereza tiene un rango de 0 a 100 también. Ahora sé que estos pueden ser muchos números y letras diferentes que se están tirando por ahí, así que no quiero que te preocupes demasiado por ello. Una de las formas más fáciles de lidiar con los colores cuando los obtienes de algún otro lugar dice hacerlo a través de un código hexadecimal. Entonces si vienes aquí al hexadecimal RGB, en realidad verás aquí abajo donde hay este pequeño hashtag y luego una serie de letras y números que vienen tras él. Esos son los números RGB expresados en código hexadecimal. El código hexadecimal se usa mucho en la web. Es sólo una forma más corta de expresar valores RGB. Condensa el rojo hacia abajo en dos, ya sea números o letras. Condensa el verde hacia abajo en dos números o letras, y el azul hacia abajo en dos números o letras. Para que puedas ver puedes seleccionar diferentes cosas aquí y ese código hexadecimal cambiará. Por lo que esto suele ser lo más fácil si estás obteniendo colores de Internet solo para copiar ese código hexadecimal y luego pegarlo en cualquier programa que estés usando. Por lo que los códigos hexagonales no necesariamente tienen mucho sentido para el ojo humano porque estaban destinados a ser leídos por las máquinas. Pero es sólo una manera muy fácil en corto poder copiar entre programas. Por lo que esas son las principales formas en que a menudo verás el color expresado en los programas digitales. Ahí está el RGB, que está hablando de píxeles, CMYK, que es hablar de tintas, HSL o HSB o HSV, que estás hablando de los tipos de cualidades de las que ya hemos hablado en este curso. Al igual que el tono que tonifica, los tintes y tonalidades. O el código hexadecimal, que es sólo un valor RGB, expresado con números y letras en una forma un poco más corta, legible por máquina. De nuevo, no necesitas entender todo esto ahora mismo. Simplemente es bueno estar expuesto a esto y saber de qué están hablando las diferentes letras y números cuando los ves en un programa o fuera de la web. En el siguiente video, vamos a seguir adelante y hablar cómo podríamos hacer o encontrar una paleta de colores. 7. Paletas de colores: Ahora que sabemos cómo funciona la rueda de color y cómo funcionan las armonías de color, y cómo funcionan los diferentes modos de color. Ahora podemos seguir adelante y empezar a hacer paleta de colores. Por lo que una paleta de colores va a ser un número limitado de colores que utilizas en tu diseño. Y a menudo se basará en una de las armonías de color. En ocasiones, un cliente o el negocio para el que trabajas te dará una paleta de colores. Por ejemplo, si trabajas para una marca corporativa, probablemente tengan una guía de branding que te diga exactamente qué colores usar. Y esos normalmente incluirán códigos hexadecimales, como hablamos en el último video, que solo puedes poner en tu programa de diseño si quieres crear tu propia paleta de colores sin embargo, bueno usar algunas reglas para hazlo. Y es agradable tener una herramienta que te ayude a conseguir esas reglas y luego asociar la paleta de colores para estar donde quieras que esté. Por lo que este sitio web se llama color dot adobe.com y es un recurso gratuito proporcionado por Adobe para que puedas seguir adelante y crear paletas de colores que en realidad compraron un sitio web que hizo esto llamado cooler y luego lo han incorporado a su software creativo en la nube. Pero esto pasa a ser gratis si solo vas a la página web. Para que veas que tienes una rueda de color en el medio aquí, y luego las muestras coloreadas a lo largo de la parte inferior. Y así es a menudo como nos referimos a los colores como muestras. Volviendo a, ya sabes, como muestras de pintura que podrías encontrar en la ferretería, algo así. Se pueden cambiar estos moviendo realmente los círculos en la rueda de color. No es necesario usar color dot adobe.com. Hay otros sitios que hacen algo similar. Este es solo uno que me parece realmente útil. Ya puedes ver si agarro esto y lo muevo, cambiará los colores a medida que avancemos. Y es usar una armonía para hacer esto. Y si miramos por encima del lado izquierdo, podemos ver dónde hay reglas de armonía, y esto es análogo, que probablemente ya adivinaste. Entonces es sólo llevarlos uno al lado del otro. Y se puede ver que está haciendo una paleta de colores de cinco colores en este sitio web, siempre vienen en cinco colores. Entonces esa es solo la forma en que funciona este sitio web, pero puedes hacer cosas diferentes. Ahora, si cambiamos esto a monocromático, vas a ver que de repente esa línea se vuelve recta, ¿verdad? Y lo que está haciendo es solo seleccionar esos tintes, tonos y tonos que van de la mano con el mismo color. Y así dicen que queríamos algunos monocromáticos amarillos. Podríamos simplemente arrastrarnos hasta aquí para encontrar algo que nos guste en la gama amarilla. Y sólo va a resolver eso para nosotros. Ahora. Entonces si venimos aquí a intentar agregar , inmediatamente salta para darnos tres colores diferentes. Y como está trabajando con cinco , también nos da dos tonos. Pero los tres colores en el medio son realmente la parte de la tríada. Por lo que puedes ver esto se ve muy parecido a cosas que hemos visto antes. De acuerdo, entonces hay colores de cortesía. Entonces por supuesto, obtenemos todos los colores de cortesía que hemos visto previamente. Y luego hay un montón de otras como las cosas de cortesía divididas que se vuelven un poco más complicadas. Te acuerdas que dije que hay muchas maneras de hacer esto, pero esas son las de las que ya hemos hablado antes son Triada monocromática análoga y de cortesía. Y cuando haces esto, puedes ver que el AD te está mostrando los valores RGB aquí abajo, y te está dando los códigos hexadecimales. Entonces esta es la forma más fácil de hacer esto. Simplemente puedes seguir adelante y copiar tus códigos hex y llevarlos a cualquier programa que estés usando. La mayoría de los programas tomarán códigos hex, pero si no lo hacen, también tienes los valores RGB aquí. Y si vas por aquí, en realidad puedes cambiar a CMYK o HSB también. Por lo que siempre puedes llevar esos valores a cualquier programa que estés usando para crear. Otra cosa que podrías hacer es tomar una captura de pantalla de estas muestras y luego simplemente seguir adelante y traer esa captura de pantalla. Y si tu programa tiene una herramienta cuentagotas, puedes seguir adelante y agarrar eso también. Y es realmente importante que trabajes desde una paleta como esta, y que intentes limitarte a solo unos pocos colores en tu diseño. Sé que ya hablamos de esto antes, pero es realmente importante entender y puede ser realmente difícil hacer esto cuando primero estás empezando como diseñador porque puede sentirse muy limitado, pero tener restricciones ayuda a mejorar tu creatividad. Y usar una paleta de colores limitada ayuda a las personas a entender mejor lo que estás tratando de transmitir en tus diseños. Así que realmente traté de apegarme a sólo unos pocos colores. Entonces aunque estés obteniendo una paleta de colores con digamos, cinco colores como este, puedes, en un esquema de color triádico, simplemente apegarte a esto. A lo mejor los tres colores principales o algo así. También recuerda tonos rectos como este pueden ser realmente abrumadores. Por lo que siempre puedes arrastrar esto hacia abajo para meterte en una gama más pastel. Simplemente depende de lo que vayas a buscar. Siempre piensa en lo que va a transmitir el color. Ahora, hacer esto al crear las tuyas es genial, pero a veces aún más fácil es hacer clic en esta pestaña explorar aquí arriba y encontrar paletas de colores que la gente ya ha hecho para ti. Entonces si estoy haciendo algún trabajo vintage, solo puedo buscar vintage y encontraré paletas de colores que la gente ya ha hecho que transmitan ese sentimiento vintage. Y se puede ver que algunos de estos son cuadros dibujados como, Oh, vale, éste es impresionante. A mí me gusta este. Y se extrae de esta imagen e imagen que ya tenía una buena paleta de colores ahí, simplemente dibujando eso. Y luego aquí obtienes los códigos hexagonales. Si quieres conseguir otros códigos, baja aquí a tus modos de color y puedes conseguir esos ahí mismo. Hace que sea súper fácil conseguir diferentes colores. Así que pasa algún tiempo en este sitio web o en Pinterest, o hay un montón de sitios web de muestras de color diferentes donde puedes obtener diferentes ideas de tema o hacer tu propio tema y luego simplemente traes eso y trabajas con él. Simplemente no puedo recalcar lo importante que es empezar a trabajar desde un tema de color. Y una de tus tareas para esta clase es hacer a los temas de color. Y cuando digo hacer a los temas de color, no tienes que hacerlos tú mismo. Solo necesitas encontrar Q que te guste. Y vas a publicar una foto de esas muestras. Pueden estar aquí desde esta página web. Simplemente puedes hacer clic en él y tomar una captura de pantalla y hacer eso. O bien puedes tomar una captura de pantalla de tu paleta de colores en cualquier programa en el que estés trabajando, donde solo puedes hacer cuadrados en el programa y llenarlos cada uno con el color correcto. No importa cómo llegues ahí, solo necesitas mostrar dos paletas de colores diferentes. Esas paletas de colores deben oscilar entre 35 o seis colores al máximo. Así que asegúrate de seguir adelante y hacer eso. Y luego estarás usando estas paletas de colores para cambiar los colores de un diseño que has hecho para la última parte de la asignación. 8. Analizar el color: Muy bien, Ahora es hora de que trabajemos en parte del proyecto que está analizando los colores en tu diseño. Esta es realmente una de las mejores formas de construir tus propias habilidades de diseño es analizar otros diseños de acuerdo a los principios que has aprendido. En este caso, estaremos hablando de los principios del color. Entonces estoy aquí en pic.com gratis. Este es un sitio que da eso como recursos de diseño fritos. Por lo que es sólo un buen lugar para ir y encontrar algunas cosas que se han diseñado y para después poder echarlas un vistazo y analizarlas. Y de verdad te animo a que hagas esto. No tienes que ir a liberar cerdo a él. Simplemente puedes mirar en el mundo que te rodea y ver vallas y anuncios publicitarios, y comerciales, y revistas y sitios web y aplicaciones. Hay tantas cosas que puedes mirar para diseñar, pero solo vamos a mirar el, así que encontré este verano sabores uno aquí en la página de inicio para pick gratis y simplemente abrirlo en otra pestaña y vamos a analizar el color. Entonces esto es lo que debes hacer cuando estás haciendo tu tarea. Y ojalá ya hayas seleccionado algo, pero puedes cambiar eso también si decides que no quieres analizar el que elegiste antes, puedes elegir algo nuevo también. Pero sólo vamos a seguir adelante y sólo vamos a pensar lo que hemos aprendido sobre el color y aplicarlo aquí. Entonces, por ejemplo, una de las preguntas que nos podemos hacer es, ¿qué armonía de color, en su caso, están usando aquí? Y podemos empezar identificando qué colores están usando en realidad. Por lo que tienen un rosa rojizo, y un amarillo anaranjado, que un poco tienen un gradiente aquí entre amarillo y naranja. Y luego tienen una naranja en estas rebanadas naranjas reales. Y entonces obviamente tienen este color azul azulado, sobre el cual tienen un gradiente, y luego tienen este verde. Entonces tenemos al menos rojo, azul, amarillo, verde y naranja, que serían cinco colores. Y ya sabes, cinco es como el número más alto de lo que te dije. Esta es obviamente una pieza más ilustrativa que podría usar para algún tipo de anuncio o algo así. Para que puedan salirse con la suya tal vez un poco más de colores y tal vez diferentes tonos y tonos de esos colores con el fin de agregarle tipo de dimensión. Por lo que también están usando blanco, pero parece que no están usando ningún negro excepto aquí, las semillas de sandía. Entonces, ¿qué armonía de color están usando para sus colores principales? Están usando un tema centrado en colores muy primarios, que es rojo, amarillo y azul. Y eso es realmente un tipo triádico de tema de color, es usar rojo, amarillo y azul porque están espaciados uniformemente alrededor de la rueda de color, para que podamos ver eso. Y luego están agregando acentos con el naranja y el verde cinco es un poco mucho. Por lo que probablemente no usaría tantos colores la mayor parte del tiempo, pero parece estar funcionando bien en esta imagen. Lo siguiente que queremos preguntarnos es, ¿cómo se equilibran los colores? ¿ Cumple un color específico un papel particular? El color que puedes ver como cumpliendo un papel particular es el color azulado que definitivamente está cumpliendo el papel del fondo, ¿verdad? Ese es un color fresco y los colores cálidos están destacando frente a él. El otro color fresco, que es verde, también está regulado tipo de hasta las esquinas, especie de crear un efecto de viñeta aquí. Entonces se ve el verde y el azul realmente actuando como colores fríos. No están saliendo, no se les llama la atención, a pesar de que son muy brillantes. Y tu atención se llama directamente hacia los rojos, los amarillos y las naranjas, que son mucho más cálidas. Para que los vean haciendo un enfoque particular aquí en ese Popsicle rojo en el medio. Están usando líneas de liderazgo del blanco para secarte el ojo dentro de él. Y luego tienes hasta esos amarillos y naranjas realmente actuando en especie de papel de apoyo ahí. Lo siguiente que queremos preguntarnos es, ¿ hay suficiente contraste entre los colores para entender el diseño? Y creo que la hay, pero realmente están haciendo uso de que se puede ver blanco para gustar dibujar reflejos en todos estos objetos. Y eso es dar algunos bordes duros entre ellos. Y eso nos está permitiendo ver realmente la diferencia entre ellos. También están superponiendo los colores cálidos en los colores fríos, lo cual es bastante útil. Se puede ver por aquí donde se superpone el verde sobre el verde. Definitivamente no hay contraste ahí, ¿verdad? Y eso podría haberse enloquecido realmente si hubieran hecho más así. Pero tienen contraste entre su enfoque principal y sus antecedentes. Y entonces queremos preguntarnos, ¿los colores son simbólica o emocionalmente apropiados para el diseño? Estos son colores muy divertidos. Están tratando de desvanecer la libertad divertida y despreocupada del verano. Entonces sí, estos son apropiados para el diseño que están haciendo aquí. Entonces así es como vamos a analizar. Probemos otra. Entonces aquí tenemos esta maqueta de app. Entonces esto nos está mostrando un diseño que está sucediendo a través de un par de pantallas diferentes aquí. ¿ Qué tipo de tema de color están usando aquí? Esto es obviamente extremadamente diferente a lo que acabamos de ver, ¿verdad? Esto es muy tenue, está oscuro, y no es juguetón. Están usando un tema de color monocromático basado en algunas imágenes que están usando aquí. Por lo que tienen diferentes imágenes de estas plantas y lo están siguiendo a través de sus botones y su navegación. Y luego están usando blancos, negros y grises, esos acromáticos para acentuar ese color y para llamar la atención sobre diferentes cosas como los botones. Por lo que se puede ver que un esquema de color monocromático puede parecer realmente con clase. Muy serio, donde queremos pensar es el aire, estos colores apropiados al diseño. Se siente como si todos los colores van juntos y se están atando juntos. Bueno, hay otras cosas que podríamos criticar sobre este diseño si estamos viendo algo que no sea el color, pero realmente sólo estamos tratando de entrar en color aquí. Entonces lo siguiente que debemos preguntarnos es, ¿hay suficiente contraste? Y me siento como entre este verde oscuro de los botones y el verde claro. El fondo de este menú de redes sociales que funciona, eso es alto contraste donde me estoy perdiendo es el texto blanco en la imagen. Por lo que se está usando la imagen para traer ese color verde, pero partes de la imagen más claras y parte de ella son más oscuras. Y así es un poco más difícil de leer porque no hay suficiente contraste entre ellos. Y entonces este botón de aquí realmente se está perdiendo. Parece que el botón de registro debería ser amigos. Y nuestro último lo que quieres que la gente haga es apuntarse a lo que sea que estés haciendo. Y este rótulo por n con el fondo transparente y el texto blanco sobre él, sólo se está perdiendo. No hay suficiente contraste entre esos colores para que funcione realmente. Entonces así es como avanzamos. Hagamos uno más juntos y luego te dejaremos seguir adelante y trabajar en tu proyecto. De acuerdo, entonces aquí tenemos una plantilla de post en redes sociales que han armado. Y se puede ver que los colores que están usando son muy limitados. Están usando el blues y este tipo de peces de colores, amarillo. Ahora, qué tipo de color armoniza esto, bueno, es de cortesía, pesar de que hablamos de blues y naranjas siendo de cortesía. Este amarillo, que es algo así en el borde del oro, puede ser complementario con este azul oscuro. Entonces si subimos aquí a la rueda de color, cambiamos a cortesía, y llegamos a este azul oscuro aquí puedes ver que empezamos a meternos en el amarillo y parte de este tema de color a medida que entramos en tonos, trae en más de un color pez dorado. Entonces yo llamaría a esto un cortesía, y nos preguntaremos, ¿cómo se equilibran los colores aquí? Bueno, se puede ver eso a lo largo de todo esto. Entonces esto es mostrar múltiples formas en las que harías diferentes, usar estas diferentes plantillas en tus redes sociales, pero siempre está repitiendo los mismos colores. Y la cosa es que no siempre tengo claro qué color significa qué cosa, porque a veces se puede ver que el fondo bordea azul y a veces va a ser el color amarillo pez dorado. Entonces no estoy seguro de que estén transmitiendo algo en particular con cada uno de estos diferentes colores. Y siento que probablemente podrían hacer un mejor trabajo con eso. Aquí hay lugares donde el amarillo está cumpliendo un papel particular de resaltar algo aquí donde dice ayudar a los demás y ser felices. Ayudar a felices se están destacando. Y hay otros lugares como cambiar el mundo que creo que funciona, pero el vendedor no siempre parece estar cumpliendo ese papel. Por ejemplo, en el cuadro principal aquí, sólo hay un ligero borde amarillo alrededor de esto. Entonces siento que podrían hacer un mejor trabajo, tal vez asignando el papel a los colores. ¿ Hay suficiente contraste? Los colores sí contrastan bien porque son de cortesía, pero son muy similares en tono. Entonces puedes ver si esto fuera en blanco y negro, probablemente no podrías decir la diferencia entre este azul plus y este círculo dorado amarillento de aquí. Eso no quiere decir que el contraste no sea bueno. Es solo algo para tener cuidado cuando estás usando cosas que están en el mismo tono, entonces puedes perder el contraste. Si algo tiene que entrar en blanco y negro, entonces queremos preguntarnos, ¿son estos colores simbólica y emocionalmente apropiados para si tratar de hacer? Dice que esto es por caridad. Por lo que realmente están tratando de conseguir donaciones que están tratando de mostrar su buen trabajo. azul, creo que en este caso, está simbolizando la confianza y una especie de calma y haciendo el bien en el mundo. Entonces creo que ahí funciona el azul. Me siento como el amarillo, este color dorado podría ser un poco más brillante porque piensan que es el punto es traer algo de energía a esto, pero es amarillo muy tenue. Y así no se siente como si estuviera cumpliendo ese papel de ser realmente ese color de alta energía, cálido para ir junto con el azul fresco y confiado. Entonces creo que podrían haber hecho mejor eligiendo los colores, pero estas son plantillas para que no sepan exactamente para qué se va a utilizar. Entonces es un poco difícil juzgar eso exactamente. Ojalá tengas aquí algunas ideas para cómo ir analizando el diseño que has elegido. Deberías seguir adelante y tomar ese diseño y subirlo como un JPEG a la sección de proyecto de clase y luego poner ahí tu análisis de diseño. Hablar de estas cosas como ¿qué tipo de armonía están usando? ¿ Son apropiados estos colores? ¿ contrastan lo suficientemente bien? ¿ Y los colores cumplen un papel particular dentro de ese diseño? Entonces recuerda que eso puede ser cualquier cosa, pero realmente estoy deseando ver tu análisis de esto. Y en el siguiente video vamos a seguir adelante y empezar a hablar de aplicar color a nuestro diseño. 9. Aplicación de color: De acuerdo, entonces ahora que hemos aprendido a analizar el color en los diseños de otras personas, es hora de seguir adelante y aplicar el color a nuestros propios diseños. El proyecto es para que se aplique a diferentes temas de color al mismo diseño para ver cómo los diferentes colores interactúan de manera diferente. Entonces acabo de hacer un diseño sencillo aquí, solo un póster de circo. Y voy a seguir adelante y aplicar estos a los temas de color que le encontré. Estoy en Affinity Designer, pero no importa qué programa utilices para esto. Puedes usar el diseñador de fiend, ilustrador, PowerPoint, InDesign, casi cualquier cosa por ahí que puedas usar para crear un diseño simple que puedes usar para hacer esto. Y solo quieres tener que colorear temas que le vas a aplicar. Entonces sigamos adelante y hagamos esto. Por supuesto, cada uno de estos tiene cinco colores en ella porque los saqué del color dot adobe.com. Pero de verdad voy a tratar de pegarme a tres colores más blanco y negro si los necesito. Entonces para esta primera, que es una especie del esquema de color más claro aquí, voy a tratar de ir por unos colores mayoritariamente primarios, tan rojo, azul, y este amarillo porque creo que eso va a funcionar bien en avión, bueno a tipo de la idea del circo, rojo y amarillo sobre todo son buenos colores circenses. Entonces vamos a probar esto aquí fuera. Y solo voy a estar usando la herramienta cuentagotas para agregar estos colores aquí. Y como estás trabajando con el color, solo puedes experimentar con cosas diferentes y ver lo que te gusta. Simplemente trata de construir aquí nuestros colores básicos primero y luego Z, donde queremos ir desde ahí. Una de las cosas cuando estás trabajando con colores, es genial probar diferentes métodos de usar el color con solo duplicar lo que estás trabajando y luego probar diferentes formas del color. Por lo que voy a duplicar esta mesa de trabajo aquí mismo. Y yo sólo quería intentar revertir esto, para hacer esto azul y luego cambiar las piezas azules por las amarillas. De acuerdo, Así que me gusta dónde esos datos creo que tengo dos opciones bastante buenas ahí para especie de solo este cartel de circuitos de estilo plano. Y luego voy a venir aquí y vamos a probar este juego de colores diferente. Y mi objetivo aquí es usar los tres medios aquí, el verde, el amarillento, y el rosa. Pero es agradable tener estos más oscuros como respaldo si necesito un poco más de contraste. A veces vas a hacer algo como esto y vas a estar como, oh, claramente no hay suficiente contraste ahí. Entonces tenemos que hacer algo diferente con ese texto. Por eso podemos probar cosas diferentes. Parece que me equivoqué el color en estos. Simplemente parece que no hay suficiente contraste. Entonces voy a tener que traer al menos uno de esos tonos más oscuros para reemplazar uno de estos más ligeros de aquí. Entonces sigamos adelante y duplicemos este. Se puede ver cómo eso acaba de empezar a estallar mucho más cuando tenemos este color verde más oscuro. Por lo que a veces sólo un simple cambio como ese puede realmente sumar en el contraste. Definitivamente estoy favoreciendo ambos con un fondo más oscuro. Pero el punto aquí, por supuesto, es que veas que puedes aplicar a diferentes temas de color, al mismo diseño y obtener resultados muy diferentes. Entonces este diseño es exactamente el mismo que hacer lo mismo aquí. Supongo que este texto es un poco nueve, exactamente la misma posición. Está destinado a hacer lo mismo aquí, pero ¿tienes una sensación muy diferente sobre qué tipo de circuitos podría ser este cuando ves el rojo, el azul, y el amarillo por aquí en contraposición al verde, el tipo de oro amarillento y el rosa por aquí, ¿verdad? Por lo que obtienes una sensación muy diferente con solo cambiar el color en esto. Ahora por supuesto, hay muchas otras cosas que podrías hacer para modificar este diseño para hacerlo mejor. Pero el punto de esto es solo que te lleves un diseño aplicado a diferentes temas de color para ver qué tipo de resultados diferentes obtienes ahí. Entonces, adelante y haz eso. Y en el siguiente video, seguiremos adelante y hablaremos de los próximos pasos. 10. Próximos pasos: Muchas gracias por tomar este curso sobre teoría del color. De verdad he disfrutado poder armar este curso juntos para ti, y espero que hayas disfrutado tomándolo y hayas aprendido algo. Si tiene alguna pregunta en absoluto, por favor adelante y ponga esas en la pestaña de discusión para este curso. Me encantaría hacer mi mejor esfuerzo para responderlos. Ahora, hablemos de los siguientes pasos en tu viaje de diseño. Si aún no lo has hecho, tu siguiente paso debería ser seguir adelante y tomar el resto de los cursos de conceptos básicos de diseño porque realmente necesitas esos conceptos básicos antes de salir y empezar a diseñar. Entonces una vez que tienes los conceptos básicos juntos, realmente quieres ir y simplemente empezar a practicar diseñando un solo diseño, todo tipo de cosas diferentes. Y tengo otros cursos para ayudarte con eso también. Existen cuatro tipos diferentes de programas de diseño, pero trato de hacer los que son más asequibles y útiles para ti. Así que adelante y echa un vistazo a mis otros cursos si querías aprender a hacer tipos específicos de trabajo de diseño, no olvides seguir adelante y presentar tu proyecto para este curso para que todos podamos aprender juntos. Y si quieres una retroalimentación sobre tu proyecto, estoy feliz de proporcionar eso también. Y si quieres seguir aprendiendo más cosas de diseño cada semana, adelante y asegúrate de que también te suscribas a mi canal de YouTube de bend designs. Muchas gracias por ver, y te veo en la próxima grabación.