Introducción al diseño gráfico: expresión de emociones con la teoría de color | Dominic Flask | Skillshare
Menú
Buscar

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Introducción al diseño gráfico: expresión de emociones con la teoría de color

teacher avatar Dominic Flask, Independent Designer and Illustrator

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introduction

      5:42

    • 2.

      Color Terminology

      16:25

    • 3.

      Color Interaction

      11:58

    • 4.

      Generating Ideas

      7:01

    • 5.

      Gathering Inspiration

      5:40

    • 6.

      Sketching Ideas

      7:07

    • 7.

      The Context of Color

      6:45

    • 8.

      Building a Color Palette

      7:40

    • 9.

      Expanding A Color Palette

      6:42

    • 10.

      Reviewing and Editing Colors

      5:51

    • 11.

      Build Consistency and Depth

      11:19

    • 12.

      Explore Design on Skillshare

      0:37

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

27,478

Students

73

Projects

Acerca de esta clase

El color es una de las herramientas más básicas que todo diseñador o ilustrador posee en su caja de herramientas visuales, ya que comunica pensamientos, sentimientos y emociones. El uso correcto de color puede mejorar el nivel de profesionalismo de tu proyecto y ayudar a que tu público se conecte mucho más con tu obra.

Antes de que puedas convertirte en un artesano experto en la aplicación de color, debes comprender muy bien la teoría de color. Tienes que saber qué colores existen, cómo se relacionan entre sí y cómo revisar y analizar el uso de color para crear paletas de color eficaces y hermosas en todo lo que diseñes.

Lo que aprenderás

En esta clase, aprenderás a construir y usar paletas de color efectivas para transmitir emociones a tu audiencia. Usarás colores para expresar una serie de emociones diferentes para estudiar cómo el color puede afectar la percepción. Aprenderás consejos y trucos para crear paletas de color efectivas y extensas, así como maneras de editar y controlar el color en Adobe Illustrator y Photoshop. Vamos a ver lo siguiente:

  • Teoría de color.  Comenzaremos con lo básico de la teoría de color. Hablaremos de terminología, veremos diferentes formas de crear color y discutimos cómo construir una paleta de color.
  • El contexto del color.  Veremos el significado detrás de los colores y cómo usarlos para enfatizar lo que estás tratando de transmitir.
  • Ampliar la paleta.  En la sección final, veremos algunos consejos y trucos para pulir el uso de colores en un proyecto, mientras ampliamos y le damos profundidad a tu paleta.

Lo que harás

Para esta clase, crearás una serie de imágenes que expresen emociones diferentes. Puedes elegir las emociones que quieras retratar o elegir de una lista sugerida. Trabajaremos con un tamaño determinado de 600 x 600 píxeles, pero el contenido queda en tus manos. ¿Quieres ilustrar las emociones de diferentes sabores de paletas? ¡Genial! ¿Quieres crear un conjunto de íconos que muestren las diferentes emociones de Arturito? ¡Genial! Hablaremos de la mejor forma de usar colores en cualquier escenario.

Proyecto de estudiante creado por Lavinia Ungureanu

Si este curso te entusiasma, no te pierdas mis otros cursos:

Introducción al diseño: cómo usar formas geométricas para ilustrar insignias

Introducción al diseño: cómo usar los principios de la Gestalt para diseñar logotipos únicos

Meet Your Teacher

Teacher Profile Image

Dominic Flask

Independent Designer and Illustrator

Teacher

Dangerdom Studios is the work of Dominic Flask, that’s me.

Drawing and design give me the creative outlet that my existence requires. That outlet has provided unique and interesting opportunities for me to continue my mission to make the world a more beautiful place to live in, one small piece at a time.

I have an MFA in Graphic Design from Fort Hays State University and spend my spare time educating budding designers at Wichita State University. My obsession with mid-century modern design and children’s books provides an endless supply of inspiration and an ever-growing Amazon wish list.

I specialize illustration and design for the print and digital world. This includes icon and badge design, motion graphics, interactive design, posters, branding and id... See full profile

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción: Oigan, todo el mundo. Bienvenido a este curso de Skillshare sobre teoría del color, sobre el color y la emoción. En este primer video, voy a hablar brevemente sobre qué es la teoría del color, te daré una descripción del proyecto, una visión general del curso, y te mostraré algunos ejemplos de usar el color para transmitir emoción. Entonces, la teoría del color es algunos principios e ideas y entendimientos sobre el color, sobre cómo crear color, sobre cómo combinar color y cómo interactúa el color. Echaremos un vistazo a todas esas cosas, y luego las pondremos en práctica construyendo una paleta de colores cohesiva para crear una serie de cuatro imágenes que transmitan diferentes emociones. Para la asignación real, puedes crear cualquier cosa que quieras siempre y cuando cada imagen individual transmita una emoción diferente. Quería mantener las cosas bastante abiertas porque la teoría del color es una de las piedras angulares del diseño y la comunicación visual. Yo soy diseñador gráfico y lo que voy a estar mostrando es el diseño gráfico, pero se puede aplicar la teoría del color a casi cualquier cosa que hay ahí fuera. En este curso, en su mayoría utilizaré Adobe Illustrator para enseñarte sobre la teoría del color. Te mostraré un poco de Photoshop al final, pero para completar la tarea, puedes usar cualquier programa que quieras siempre y cuando estés creando cuatro imágenes diferentes. La única restricción por ahí es que son imágenes cuadradas de 600 por 600 píxeles y que cada una transmite una emoción diferente. Las emociones que elijas están totalmente a tu altura. Entonces, echemos un vistazo a un par de ejemplos aquí. Por supuesto, podrías hacer algo muy sencillo como esto. Si quiero transmitir amor, podría dibujar un corazón, quizá recoja rojo. Esa es la teoría del color decente en la práctica, pero es bastante sencilla. Si quieres transmitir felicidad, podría mostrar una cara sonriente o algo amarillo y llamarlo un día, pero ojalá, lo que saldrás de este curso es una mejor comprensión de la teoría del color para que puedas empezar a mezclar paletas de colores únicas y originales y crear algo bastante personalizado para ti. Entonces, un ejemplo aquí que voy a estar usando bastante en este curso es una serie de tres carteles que diseñé. Los tres primeros libros de la serie Las crónicas de Narnia. Entonces, a través de estos tres carteles, solo estoy usando cuatro colores diferentes más el blanco del color del papel, pero estoy tratando de transmitir diferentes emociones en cada uno. Entonces, como en esta primera, tengo una cosa fresca, casi retoques, tranquila pero activa sucediendo en la pantalla. El segundo por aquí consiguió este morado como referencia a la realeza y un poco más activo con un poco más de contraste en los morados y azules que suceden en ese. Entonces el tercero es The Voyage of the Dawn Treader, todo se trata de agua y así estamos usando el azul aquí como referencia allá, pero luego agregando incluso un poco más de contraste que los negros y blancos, y dándole una aún más activa sentirse fuera de los tres. Otro ejemplo que quería mostrarles chicos es este excelente trabajo para Target en Canadá. Estos anuncios no los hice yo. Eran creativos dirigidos por Alan Peters en Target e ilustrados por Lab Partners en San Francisco, pero lo que me encanta de estos es la paleta de colores cohesiva que atraviesa los tres. Los tres siendo imágenes muy activas, pero cada una transmitiendo un sentido de emoción muy diferente. Entonces, podrías mirar estas primeras y las cosas se sienten muy serenas, wery calmadas, las rosas claras aquí te dan sensación realmente a gusto lo cual es agradable. El segundo consiguió un poco más de emoción con un bonito tono naranja brillante para transmitir un sentido de acción o un sentido de urgencia o un sentido de movimiento, y eso funciona bastante bien. En esta última, tenemos este azul fresco dándote esta sensación es refrescante. De nuevo, tiene tanto movimiento pero no se siente tan activo como éste, y eso es simplemente por el cambio en la paleta de colores. El curso se desglosa en tres apartados diferentes. El primero es una introducción a la teoría y terminología del color, solo para obtener el conocimiento. El segundo es una forma de generar ideas, iniciar el proceso, y empezar a pensar incluso un poco más sobre el color y cómo construir una buena paleta de colores unificada cohesiva. Entonces el tercero es retoques finales, ensamblando los últimos bits de tu proyecto y consiguieron algún tipo de consejos Pro Illustrator y Photoshop en ese último para ti. Está bien. Eso termina este primer video. Sigue moviéndome a través del contenido del curso y estoy deseando ver lo que ustedes crean con el color y su nueva comprensión de la teoría del color. 2. Terminología del color: De acuerdo, en este video vamos a estar repasando una especie de lo básico de la terminología del color. Habla de matiz, hablaremos de cromo, hablaremos de valor y hablaremos algunos esquemas de color diferentes para patear todo. Entonces, quiero comenzar este video hablando de color aditivo versus sustractivo solo para que podamos establecer algunas pautas básicas de cómo estaremos hablando de color y cómo les estaré mostrando los principios de la teoría del color. Y así hay dos formas diferentes de crear color. Uno siendo un proceso aditivo y eso es algo que los humanos han inventado con la electrónica, con televisores, con tus teléfonos, con computadoras y esa es la idea de proyectar un color de luz hacia afuera. El otro camino es un proceso de sustracción y esa es la forma natural en que se crea el color y esa es la idea de que cuando la luz se lanza sobre algo, ese objeto refleja una cierta gama de colores hacia ti y absorbe el resto de ellos. Entonces, la luz contiene todos los colores se rechaza en algo, como digamos una hoja y una hoja absorbe todos los colores excepto el verde o rojo o amarillo que es esa hoja y luego refleja de nuevo esos colores y luego el ojo humano percibe esos colores. Ese es un proceso de sustracción. También se usa un proceso de sustracción al hablar de impresión, lo cual siempre me fue confuso porque cuando hablas de la idea de imprimir algo, piensas que estás agregando tinta al papel, pero el resultado final de nuevo es un objeto táctil o tinta que va a ser un proceso de color sustractivo donde absorbe ciertos colores y refleja de nuevo otros colores. Entonces, todos los ejemplos aquí, les voy a estar mostrando, son todos digitales y así estamos hablando de color aditivo para eso. He publicado un par de enlaces en los recursos adicionales. Uno realmente viejo divertido uno con Bill Nye que te dará un poco más de idea sobre la ciencia detrás del color. Entonces, la otra parte de la que quiero hablar son diferentes modelos de color. Ahora, que estamos hablando de color aditivo, por supuesto ojalá estés familiarizado con la idea del color RGB versus el color CMYK y el color CMYK es de nuevo el método que vas a usar para tomar un archivo digital y imprime algo en el reino del color sustractivo. En tanto que RGB es lo que se compone en el proceso de color aditivo con tu monitor que va a estar proyectando el color hacia atrás hacia ti. El RGB significa rojo verde y azul y sus son valores que cada píxel obtiene un valor rojo, un verde y el azul y cuando se mezclan hacen un rango de 16 millones de colores. Todo lo que les voy a estar mostrando aquí está en el mundo RGB. Entonces, ahora que lo hemos cubierto, estoy un poco dispuesto a hablar de color aditivo RGB. Lo que tengo aquí es, su rueda básica de color y ustedes probablemente estén todos familiarizados con esto desde el jardín de infantes pero es una gran herramienta para hacer referencia y recordar. Ciertamente tengo 12 colores diferentes aquí. Tengo amarillo en la parte superior porque es el morado más brillante en la parte inferior porque es el más oscuro y luego empezamos con muy básico que son los colores primarios y todos los colores pueden estar conformados por estos colores primarios amarillo, azul, y rojo. Si miras los complementos de esos colores y el complemento de un color es cualquier color que esté recto a través de la rueda de color aquí, por lo que el amarillo es el cumplido al morado, verde es un cumplido al rojo y el azul es el cumplido a naranja, obtendrás colores secundarios. Si comienzas a mezclar colores primarios y secundarios, obtienes lo que llamé colores terciarios, y esos son amarillo-naranja, rojo-morado , azul-morado, azul-verde y amarillo-verde. Entonces esa es una especie de la rueda de color básica aquí. Nuevamente he construido esto en RGB que es ligeramente diferente si fueras a mezclar pintura, obtendrías diferentes resultados perceptuales pero lo que he hecho es una especie de matemáticamente figurado estos colores dentro del modelo de color RGB. Cuando hablamos de estos colores, cuando eliges un color específico estás escogiendo un tono y un tono es la definición de un color y así lo que tengo aquí es mi tonalidad rojo-morada como centro de esta escala que es una escala de valor de tonalidad y si yo de vuelta aquí un poco. Todo esto se basa en blanco y negro y así tengo negro aquí abajo, blanco camino aquí arriba, aunque es un poco gris solo para que lo veas y luego una gama de grises en el medio. Y si empezamos a corresponder este matiz a esa escala de valor, crearemos lo que se llaman carpas y sombras. Entonces, a medida que tomo un matiz y mezcle negro o le agrego negro, estoy agregando un tono de ese matiz que se acerca progresivamente al negro. Si fuera a agregar blanco en su lugar, estaría tintando ese color y lentamente lo teñiría cada vez más y más hacia el blanco. Entonces, hay toda una gama de tonalidades. Demasiados para mostrarse aquí. Tenemos la rueda de color básica y estos 12 colores básicos para darnos un punto de partida pero luego hay todo tipo de rojo-naranjas o todo tipo de azul-verdes entre aquí y luego podemos empezar a sumar todos los tintes y tonalidades en entre ahí y como dije antes en el mundo RGB, tienes un total de alrededor de 16 millones de colores para cuando termines y eso nos da todo el espectro de color con el que trabajar. Dentro de Illustrator y dentro de Photoshop, a medida que comienzas a establecer esos colores, podrías mirarlos dentro del estándar Adobe Color Picker. El recolector de color tiene un par de formas diferentes de definir el color, y puedes elegir cómo seleccionas tu color por aquí recogiendo estos diferentes modelos de color, y estos pequeños botones de radio aquí. Todo lo que hago, me gusta escoger primero el matiz. Entonces, el tono aquí que hemos definido es esta zona rojiza morada y tiene 100 por ciento de saturación. A medida que empezamos a hablar de saturación, la saturación es la cantidad de color en el tono que estás usando. Entonces, aquí tengo este púrpura rojo puro que está 100 por ciento saturado, y conforme empiezo a teñir o sombrear eso, empiezo a perder parte de la saturación de esos colores y volver hacia el blanco aquí. Entonces, como estás usando este color más grande, podrías empezar a escoger un tono, pero empezar a pensar en la saturación y el brillo también. El brillo es algo de lo que hablaré en breve. Dentro de aquí solo puedo dar clic y arrastrar alrededor de este tipo para encontrar lo que quiero, pero más adelante querremos pensar en cómo se combinan los tonos y cómo se combinan la saturación y los brillos. Entonces, a pesar de que aquí estamos trabajando en el espacio de color RGB, y puedes cambiar al seleccionador de color RGB y ligeramente un enfoque diferente aquí. El modo en que vamos a hacer los colores es usando saturación de matiz y brillo. Entonces, hemos hablado de matiz y hemos hablado de saturación, lo otro de lo que quiero hablar es de brillo. Si miras los colores en la rueda de color, hay diferentes niveles de brillo para cada uno, y manera en la parte superior tenemos el amarillo, amarillo siendo el color más brillante que hay ahí fuera, y camino en la parte inferior tenemos morado, morado siendo el tono más oscuro de la rueda de color. Tengo una ligera prueba aquí para ver un valor de croma, y si empiezo a mezclar estos dos colores juntos lo cual hice usando la herramienta de mezcla ilustrador, se puede ver un espectro de cuánto croma hay como estos colores comienzan a moverse hacia un color más neutro. Dos cosas que estamos tratando de transmitir aquí son el brillo de un color, brillante siendo amarillo, morado significan nuestro ejemplo de oscuro y hay un rango en medio mientras te mueves alrededor de la rueda de color, y luego el chroma de un color que es cuánto color está presente. Es similar a la saturación, pero en lugar de moverse hacia un croma blanco u oscuro a medida que empiezas a mezclar los dos colores juntos se mueve hacia un color neutro. Eso es lo que conforma el centro de la rueda de color. A medida que empecemos a movernos hacia el centro, empezamos a mezclar dos colores complementarios juntos, obtendrás un color neutro. Esto todavía tiene algo de color en ella ciertamente no es 100 por ciento neutro, pero es un más neutro en esa gama de marrones y bronceados y cremas y hablaremos más adelante. Tiene un menor valor de croma. Una última cosa para echar un vistazo aquí es la comparación de brillo y valor es que estoy tomando mi gama de grises y he tomado mis colores de la rueda de color y estoy tratando de mapearlos a conexiones de brillo o valor correspondientes. Entonces de nuevo, tenemos camino amarillo aquí arriba en la parte superior, tenemos rojo y verde aquí en el medio, y luego somos el azul morado y morado aquí abajo ya que empieza a oscurecerse y oscurecer. Si tomo esto a Photoshop y lo desaturo, obtendremos algunos resultados realmente interesantes. Lo que intento mostrar aquí es que a pesar de que tenemos un amarillo realmente brillante, ese color todavía le tiene un peso visual. Es más pesado que el blanco, y encontramos algunos que empiezan a alinearse bastante cerca y aquí el morado se está acercando bastante a tener el mismo peso visual que el negro, pero lo que encontrarás es que el blanco es mucho más brillante que incluso el amarillo más brillante, y tiene mucho menos peso visual cuando lo miramos en este sentido. Entonces a medida que entendemos el mundo RGB, entendemos matiz, saturación, brillo, croma , valor, y cómo los colores comienzan a compararse, podemos empezar a pensar diferentes combinaciones de colores que podemos usar como el base de nuestras paletas de colores. Hay todo tipo de combinaciones de colores diferentes, pero algunas de las muy básicas son lo que se llama un esquema de color análogo. El término análogo solo significa colores que están cerca uno del otro, y podemos pensar en esto casi como monocromático, pero un esquema de color monocromático sería un tono, y luego son decenas y tonos y variedades ahí dentro. Un esquema de color análogo toma colores que están cerca uno del otro en la rueda de color. Entonces aquí abajo tengo rojo morado, y morado y azul púrpura, y eso está maquillando mi esquema de colores análogo. Al igual que hablamos antes, los colores en los lados opuestos de las ruedas de color son de cortesía, y así, puedes tener un esquema de color de cortesía. Otra práctica bastante común porque hay tanto contraste en un esquema de color complementario, no puedo agregar más contraste al amarillo y el morado. Tienen la cantidad más alta, es utilizar lo que se llama esquema de color complementario split. Entonces donde tomo, el tono es un poco a la izquierda y un poco a la derecha del morado solo para empujar un poco hacia abajo esa cantidad de contraste y agregar un poco más de variedad al esquema de color. De lo último que quiero mostrarles llamamos un esquema de color triada o triádico, y esto se basa en las referencias de color primarias y secundarias, pero son solo tres colores de diferentes partes de la rueda de color. Entonces, todos estos mostrando solo dos o tres colores y esos son buenos lugares para comenzar, puedes agregar más decenas de tonos de tus tonalidades para construir una paleta de colores más grande, también puedes agregar más, puedes hacer un quadtrad o tetradas o color esquema aquí agregando más de tres colores. Pero estos son solo algunos de los conceptos básicos que pueden iniciarte a medida que comienzas a construir tus paletas de colores para tu asignación. Eso es todo para este video, en el siguiente hablaremos solo un poco más sobre terminología del color y cómo los colores comienzan a interactuar específicamente. 3. Interacción de colores: Entonces, en este video, de lo que me gustaría hablar y demostrar aquí es la interacción del color. Ahora que tenemos un entendimiento básico de parte de la terminología del color, podemos usar esa terminología para hablar de la relación entre los colores. Siempre que tengamos más de un color, esos colores van a interactuar y van a reaccionar de manera diferente en diferentes tipos de situaciones dependiendo de la relación de los colores o donde puedan caer los colores dentro del esquema de color que estás construyendo. Entonces, hemos hablado de colores de cortesía. Los colores de cortesía tienden a tener el mayor contraste entre sí porque están al otro lado de la rueda de color. También puedes tener contraste entre colores que están cerca en la rueda de color sin duda, y puedes tener contraste entre colores que tienen diferentes niveles de saturación o diferentes niveles de brillo también. lo que quieres pensar cuando estás construyendo una paleta de colores es controlar esas cosas para que tengan la cantidad adecuada de contraste. Demasiado contraste, no suficiente contraste, todas son cosas malas. Uno de los mayores retos de construir la paleta de colores es simplemente mantener el nivel de contraste apropiado durante todo el uso de su color. Entonces, para probar algo de eso, podemos empezar a ver cómo interactúa el color, y te voy a mostrar un par de cosas que normalmente hago y algunas formas en que puedes ver el color. Voy a usar un ejemplo aquí de uno de estos carteles de Crónicas de Narnia, donde tengo morado como mi color dominante, tengo algunos colores neutros del blanco y negro y azulado gris, y luego tengo también azul como un color análogo del morado para construir mi paleta de colores. Cuando estaba creando estos carteles, en realidad empecé con una paleta de colores totalmente diferente que terminó por no funcionar muy bien para mí. Tenía un verde en lugar de un gris, y simplemente no terminó funcionando como yo quería. Entonces, la forma en que descubrí una mejor manera de hacerlo era probar la forma en que los colores interactúan entre sí. Publicé un enlace en la sección de recursos para el gran maestro de la interacción del color. Había un tipo llamado Josef Albers, que enseñó en Black Mountain College, y hay una aplicación para iPad bastante genial que desarrolló la Yale Press. Te da acceso a jugar con algunas de sus técnicas para probar la interacción de colores. Entonces, estoy pidiendo prestadas partes y piezas y sus ejercicios, y luego aplicándolo y tratando de encontrar aquí el equilibrio de color adecuado. Entonces, lo que tengo es un par de colores, y lo que estoy haciendo es tomar la gran muestra de color y la pequeña muestra de color de la paleta y estoy probando las cantidades de contraste entre los dos. Entonces aquí, tengo el morado y azul y parecen tener una cantidad bastante bonita de contraste. El azul sale con el morado sin ser tragado, y puedo definir fácilmente la forma del cuadrado interior de ahí. Entonces, obtenemos lo mismo pasando aquí abajo en el negro, y eso es porque no son realmente iguales pero tienen una comparación similar de brillo de estos dos colores en comparación con el azul de aquí. Entonces, sólo mira esos. Correcto, eso parece apropiado. Hago algunas otras pruebas, y una cosa que hacemos es dar la vuelta a las cosas. Entonces, tengo azul sobre morado aquí, y así pues pongamos morado sobre azul y veamos cómo aguanta. Porque a medida que amplías la cantidad de color, a veces ese contraste puede disminuir bastante rápidamente. Por suerte, aquí, conseguimos casi la misma cantidad de contraste con este morado sobre azul que lo hacemos aquí. No obstante, cuando agrego en uno de mis otros colores que es gris azulado, podemos ver que aquí no hay tanto contraste. Si miramos esta cosa, en comparación, cuando miro este morado sobre azul, el morado parece mucho más pesado, parece más oscuro. Son aproximadamente el mismo nivel de saturación, pero en la escala de brillo, éste ciertamente en el extremo más oscuro del espectro. Estos dos comienzan a acercarse en comparación, y este morado en realidad comienza a suavizarse y no hay tanto contraste entre los dos. Entonces, termino con este morado como si pareciera el mismo peso aquí que aquí. Si hago esto, intentémoslo una vez más. Si hago esto oscuro mi color negro aquí, el morado en realidad parece mucho más claro. Entonces, tengo este morado claro y luego este morado que parece más oscuro, y casi empecé a jugar trucos en ti para hacerte pensar que es un dos colores diferentes de morado. Entonces, estas son solo cosas por las que quieres correr y probar y ver qué funciona y qué no, entonces construye toda esta paleta para ver cómo ven los diferentes colores en diferentes escenarios. Entonces, lo que tengo aquí es sin duda hay áreas donde tengo alrededor del mayor contraste posible aquí con el blanco sobre negro y el negro sobre blanco aquí abajo. Pero también tengo una adecuada o una buena cantidad de contraste en todos los demás colores sobre blanco. Las cosas parecen funcionar bastante decentemente aquí, aquí, y luego cada una de estas. El tema principal con el que me estoy topando es este color gris. Yo quiero que ese último color me dé suficiente alcance, y la paleta de colores para construir todas las cosas que tengo en ese póster, pero tengo algunas áreas como el morado sobre gris. Gris sobre morado es un poco mejor, pero morado sobre gris, aquí no hay contraste lo suficientemente tranquilo. Gris sobre azul estaban en el mismo escenario donde simplemente no hay suficiente contraste ahí dentro. En general, eso está bien. Tengo estos cinco colores y va a haber una amplia gama de escenarios diferentes en los que los estoy usando, y cada uno podría no funcionar un 100 por ciento perfectamente. Pero lo que queremos es un buen equilibrio general para que la mayoría de estos colores funcionen bien juntos en comparación entre sí. Entonces, cuando volvemos aquí y miramos el producto final de mi diseño de póster, puedes empezar a ver cómo limitante como, dónde interactúan el morado y el gris. Entonces, solo hay una pequeña cantidad de lugares donde el morado y el gris entran en contacto entre sí, y eso es porque empiezan a ponerse un poco fangosos. Yo quiero mantener esta cosa, es una bonita cantidad par de contraste, y tener una justa cantidad de contraste para empezar con los colores blanco y negro y las formas de borde duro. Entonces, quiero mantener alto el nivel de contraste, y estoy limitando la interacción púrpura sobre gris ahí porque sé que esas son mis áreas de bajo contraste. Entonces, de nuevo, quieres ejecutar un par de estas pruebas solo para medir el contraste entre los colores. Eso puede ser contraste en matiz, puede ser contraste en saturación, puede ser contraste en brillo. En general, toda mi paleta de colores, estoy manteniendo el nivel de saturación relativamente en algún lugar de cada uno. Entonces, querrás mirar a través de eso también. Mantener similar el nivel de saturación me permite agregar más contraste y brillo, que tiendo a gustarme, y esa es la mirada que estoy deseando en este cartel. Pero entonces, al mantener similar el nivel de saturación, eso mantiene el dial de nivel de contraste hacia abajo, para que tenga la cantidad correcta de contraste en general. Es sólo para equilibrar. Solo tienes que mirar y revisar y editar, pero es todas estas pruebas pueden ayudarte a averiguarlo antes en lugar de después. Un último principio de interacción de color que me gustaría tocar aquí es solo la idea de que cuando coloques ciertos colores uno al lado del otro, podemos dar la apariencia de translucidez o transparencia. Entonces, cuando miras esta gama de colores que tengo aquí, y estoy agregando un par de colores que no están en mi póster solo para ilustrar el proceso, podrías pensar que lo que tengo es un transparente del azul- cuadrado verde superpuesto sobre este morado y gris. Pero lo que realmente tengo son un par de otros colores ahí dentro. Entonces, aquí afuera, esta cosa se ve azul-gris o lo que sea, esto se ve verde azulado. Pero cuando se colocan uno al lado del otro, puedo dar la apariencia de que estos colores se vuelven transparentes. Puedo dar esa apariencia mientras sigo trabajando en color sólido. Entonces, no es algo que necesariamente tengas que hacer, pero es algo en lo que podrías pensar. Puedo ajustarlos según sea necesario, sin embargo quiero. Podría mover esta cosa un poco más cerca del morado o algo para construir una paleta de colores que aún da la apariencia de transparencia, pero puedo ajustar eso. Lo principal aquí es solo pensar en ello en lugar de voltearlo a la transparencia. Es como si estuviera pensando en la saturación y el brillo y el tono del color en relación con el otro, y estoy construyendo esa transparencia. Entonces, a medida que trabajas a través de esto, si estás trabajando en Illustrator o si estás trabajando en Photoshop, podrías pensar en cómo puedes dar la apariencia de transparencia, o podrías trabajar solo en colores sólidos en lugar de simplemente derribar o intercambiar la opacidad o algo para que estés pensando en la interacción del color mientras estás construyendo la emoción que quieres describir a la gente. 4. Generación de ideas: De acuerdo, en este video quiero hablar solo un poquito de generar ideas. Entonces, estás empezando a pensar en formas de mostrar o de transmitir las diferentes emociones que has seleccionado. Podrías construir un varias ideas diferentes. Entonces, tengo algunos consejos y trucos que uso especie de a medida que voy adelante sobre todo en las primeras etapas de tratar de construir un montón de diferentes tipos de ideas. Entonces, al primero de esos que llamo una web de palabras o un mapa mental. Entonces, tengo un ejemplo de uno viejo aquí que he escaneado. Eso es sólo para tomar este tipo de idea central realmente básica. Esto es en realidad de mi otro curso de Skillshare sobre diseño de insignias, pero puedes ver que acabas de empezar con las insignias de la palabra, y acabo de empezar a construir todo tipo de cosas diferentes basadas en eso. El truco para esto es apagar tu cerebro y simplemente hacer casi asociación de palabras donde es igual que insignias en los Boys Scouts y luego conciencia y recompensas respuestas o lotes y diseño, historia y artistas y nombres de diseñadores, iniciales son insignias, y sellos y pegatinas y personas y actividades o insignias a mediados de siglo, muebles y vida y vida, la mesa, cama etcétera. En cuanto llegues a un callejón sin salida o algo así, solo de inmediato déjalo caer y vuelve al principio y construye otra dirección para tratar de darte unas ideas diferentes de cómo podrías transmitir esta emoción. Después de haber pasado tal vez 15, 20, 30 minutos haciendo esto, vuelve atrás y circula algunas de tus ideas favoritas para luego empezar a comparar esas ideas y ver cuáles podrían terminar gustando mejor. A menudo, cuando estoy tratando de generar ideas o cuando estoy en este espacio hago muchas inspiraciones relacionadas con palabras tipo de formas de pensar en cosas diferentes. Otra herramienta bastante cool es igual que un tesauro. Para esto ya sabes, es una especie de salto en línea a thesaurus.com y podría buscar emoción y luego, empiezo a conseguir una lista de algunas de las emociones en las que esperemos que ya estén pensando. Ya sabes que voy a escoger algo como tal vez, oh no lo sé. Solo escojamos la emoción aquí y entonces empezará a darme sinónimos de emoción y puedo empezar a pensar en todo tipo de cosas diferentes. Podríamos mirar algo así como buzz, ya sabes y luego empiezas a pensar en una abeja y ser feliz, tener una gran sonrisita porque encontró como la flor más grande del mundo o algo así. Basta con pensar en calidez, haz haz haz y luego empieza a pensar en chimeneas todo tipo de cosas diferentes. Entonces, esta es solo una herramienta bastante cool para mantener las ideas en movimiento de una manera similar a esta web de palabras donde solo construyes palabra después palabra para hacer esas asociaciones. Aquí la idea principal es que te estás alejando de esa idea inicial, ya sabes. A menudo también intenta alejarte lo más posible de aquí después de que hiciste una especie de cosa de asociación libre donde apagas tu cerebro y simplemente escribes lo que te venga a la mente. Podrías sentarte y simplemente pensar como, ¿cuál es la peor idea posible? Ya sabes y así, para esto podríamos tomar una emoción como el amor y pensar como cómo transmito el amor, y cuál es la peor idea que podría hacer ahí. A lo mejor podríamos usar colores fríos, colores azules para tratar de transmitir el amor. No es exactamente una muy buena idea, pero si empiezo a pensar en colores fríos y luego empiezo a pensar en el agua y luego empiezo a pensar en el pescado y ya sabes tal vez pueda tener algunos peces pequeños y algunos brillantes peces medianos coloreados y encuentran el amor inesperadamente. Empieza a jugar toda esta historia en mi mente o algo así, pero entonces puedo empezar a construir alguna idea de una forma de comunicar el amor entre dos personajes o algo usando solo colores geniales. Entonces, es posible traer eso de vuelta a algo que realmente podría funcionar. Entonces, úsalo con precaución por supuesto, si estás pensando en ideas terribles pero solo una técnica de pensamiento de 180 grados que me gusta usar a veces, es como ¿qué es lo contrario del amor? Probablemente sea odio. Entonces, como cómo puedo comunicar el amor mientras utilizo el odio, no estoy del todo seguro de lo más alto de mi cabeza pero, puedo ver cómo solo estoy tratando de mirar las cosas desde diferentes perspectivas, ¿verdad? Entonces, después de haber conseguido algunas ideas generales abajo, después de haber construido algo de aleatoriedad en la ecuación, probablemente querrás empezar a bosquejar. Entonces, lo que tengo aquí es algo así como algunos bocetos de escaneo de uno de los proyectos en la visión general de este curso. Había un montón de iconos de insignias en señal para mapa de ubicación. A medida que empiezas a hacer esto, defiendo firmemente que solo se pongan más ideas abajo menos se sepa y simplemente no tenga miedo de bosquejar y bosquejar y bosquejar. Aquí puedes ver estoy jugando con una idea de puerta y un signo de interrogación para uno de ellos y bosquejar sobre cinco puertas diferentes abiertas o hay una luz desde arriba o algo que conozcas. Aquí te dejamos los regalos o regalos otra vez y desenvolver los regalos, y los regalos en un saco o algo así. Entonces, después de que hayas establecido las ideas, ya que estás empezando a juntar los visuales, empieza a esbozarlos. No tengas miedo de bocetos descuidados, solo hazlo rápido. Una vez que hayas hecho uno, solo haz otra y solo sigue refinando esa idea a medida que avanzas. Entonces, usando ese par de técnicas ojalá, podamos construir algunas ideas interesantes, formas de mostrar las diferentes emociones que has elegido o que decidas que quieres mostrar y encontrar algo interesante o alguna manera única de presentar emoción dentro de tu imagen cuadrada lo que sea que termine siendo. 5. Búsqueda de inspiración: Hola a todos. En este breve video, quiero hablar sólo un poco de reunir inspiración. Es una parte importante en el proceso creativo y, creo, mayor parte de la industria creativa pasa por estas cosas desde el principio para ayudar a que se generen ideas, para ayudar a que tu cerebro arranque con cada proyecto. Todo lo que hago, paso un poco de tiempo por delante solo reuniendo un charco de imágenes específicas que me inspira o me hace ir a ese proyecto específico. Te animaría a hacer lo mismo aquí, medida que empiezas a construir una paleta de colores, medida que comienzas a pensar en qué emociones vas a estar representando o transmitiendo. Podrías cavar un montón de información de referencia, cosas que te parecen geniales, paletas de colores que te parecen interesantes, tal vez algunos colores de cortesía de los que simplemente estás realmente enamorado o algo así, y poner todos esos en una carpeta a la que puedes hacer referencia a medida que te desplazas por el proyecto. Una cosa grande de la que quiero hablar es que siento que es realmente importante alejarme de la computadora para este. Ciertamente puedes pasar algún tiempo en la computadora, y hablaré solo un poco de eso, pero siento que es realmente beneficioso para todos alejarse de la computadora cada tanto y un buen momento para hacerlo es temprano. Entonces, justo como ejemplo aquí, tengo una enorme referencia de libros de mediados de siglo porque realmente me inspira su uso del color así como muchas otras cosas. Entonces, guardo una biblioteca de libros justo detrás de mí y acabo de agarrar uno aquí. Se trata de Mary Blair, quien es muy famoso artista de Walt Disney a mediados de siglo, a mediados de 1900 y este es el libro “Puedo volar”. Simplemente me encanta su uso de color dentro de este libro. Entonces, a menudo me volteo a través de esto y solo un vistazo a cómo usa diferentes colores, cómo está construyendo una paleta de colores cohesiva realmente agradable con un montón de colores diferentes aquí y después, cómo podría agregar en neutraliza o cambia esa paleta de colores hacia arriba, pero aún así mantenerla similar al mismo tiempo. Además, encuentra solo inspiración en la vida real, así que conseguí este pequeño juguete de hojalata que mi papá me dio para Navidad y me encanta el esquema de color primario en esta cosa. Entonces, para darte una referencia más justo de la vida real aquí, mi esposa y yo estuvimos hablando recientemente de rehacer nuestra habitación para nuestro primer hijo y empezamos a hablar de colores. Estamos teniendo un niño. Realmente no queríamos ir con colores de chico fuertes ni nada por el estilo. Nos está costando mucho hablar de qué cosas conseguir, qué colores poner en esta sala, etcétera. Entonces, lo primero que hice fue voltearme a mis libros y empecé a sacar un par de cosas y terminó con este libro moderno de dibujos animados que tiene un esquema de color primario realmente hermoso. También echamos un vistazo a este excelente libro de Katie Kirk, llamado “Eli, no” y cómo podríamos tomar esos colores, pero añadimos algunos más porque realmente quería no sólo ser azul y amarillo y rojo o nada. Pero, aquí hay algunos bonitos colores secundarios bonitos y tienen un color amarillo similar al primer libro, que es genial. Entonces, casualmente también me metí en el correo ese día este libro de mediados de siglo, llamado “Nancy y el León Infeliz”, y también tiene un montón de cosas geniales ahí dentro. Todavía basado alrededor del mismo amarillo, algún color gris. Entonces, obviamente no terminamos con la habitación todavía pero, es solo una referencia fresca o historia de la vida real de mí sacando toda esta inspiración de color de los libros y nos da la idea de ponernos en marcha en el proyecto. Entonces de nuevo, te animaría a que te alejes del proyecto aquí, pero mientras saltamos a la computadora aquí, te lo mostraré. También uso mucho Pinterest. Recojo inspiración en internet todos los días y no digo que no debas hacer esto, solo te estoy animando a combinarlos a ambos. Entonces, publiqué un enlace en los recursos a este tablero de Pinterest color que guardo de combinaciones de color apenas frías que me gusta usar. Otra cosa por supuesto, puedes usar son herramientas como Adobe Color aquí y puedes navegar por sus paletas de colores y un montón de otras cosas. Creo que esta herramienta puede ser muy útil, pero en mi opinión, cuál es una mejor manera de abordarla es con el conocimiento del color del que estamos hablando en este curso, después tomar algo de inspiración de algunos amable, y la construcción de su propia paleta de colores. Si vas a usar cosas de aquí, al menos deberías estar evaluándolo. ¿ Qué funciona? ¿Qué no funciona? ¿ Qué otros colores puedo agregar en esta paleta de colores para ayudarme a construir mi proyecto? ¿ Qué tipo de paleta de colores es? Aquí tienes una paleta de colores neutros. Aquí hay casi una paleta de colores primaria. Aquí tienes una paleta de colores análoga. Aplica ese conocimiento que conoces ya que estás pensando en estos colores. Entonces, toma un poco de eso, sal, encuentra algo de inspiración, recoge en un cubo en algún lugar, y úsalo para ayudarte en el camino mientras estás trabajando a través de tus emociones. 6. Hacer bocetos de ideas: Está bien. En este video, quiero hablar solo un poco más sobre el bosquejo. Acabamos de prefaciarlo y las ideas generadoras de video justo antes de éste. Quería solo ser un poco más minucioso sobre el proceso de bosquejo para mí, y solo reiterar lo importante que es. Conforme estáis empezando a pensar en la segunda sección sobre realmente cómo expresáis o mostráis o transmitiréis las emociones que habéis seleccionado, realmente queréis estar dibujando a través de las ideas que habéis construido hasta ahora. Entonces, para mostrar mi proceso y para darles algún tipo de referencia aquí, tengo algunos ejemplos de un proyecto que hice como póster para una empresa llamada Curriculet. El tema del cartel es la novela, Huckleberry Finn, ya que se relaciona con uno de los principios básicos comunes de la enseñanza. Entonces, la primera imagen aquí, esto es literalmente como los garabatos sueltos de mis bocetos de ideas ya que estoy empezando a pensar en ello, y básicamente es ininteligible para nadie más que para mí. Al igual que, tal vez aquí hay una figura y luego un montón de garabatos de cosas aquí atrás, y tal vez esta es una figura en una balsa esperemos. La probabilidad de que alguien más entienda esto es nula y sin valor, pero éstas son sólo para mí. Entonces, lo que hago es, como estoy pensando que rápidamente garabatearé estas ideas, ¿verdad? Entonces, podría volver atrás y empezar a desarrollar un poco más las ideas. Entonces, si echamos un vistazo a esto aquí, tengo esta idea de que todas estas cosas salen de este libro. Hay diferentes tipos de partes y piezas del mundo de Huckleberry Finn, y lo que estoy haciendo es esto, estoy pensando en eso y volviendo atrás y dibujando algunas piezas más prácticas de la historia. Yo estoy agregando el personaje aquí, que estas ideas se están proyectando desde su cabeza mientras está pensando en su aventura. Este puede ser un poco más inteligible ahí, por lo que pocas cosas. Todo es áspero alrededor de los bordes a medida que paso por esto seguro. Entonces, echa otro vistazo a una de mis ideas originales, un poco más desarrollada. Aquí está esta idea, un poco de viejo atardecer detrás de la balsa de aquí, y mientras esbozo eso para que todos los demás puedan entenderlo un poco más, sigue siendo solo yo agregando rápidamente, tanto las balsas, Huck y Jim, y los bosques en los que vivieron un rato, y luego en el río aquí. Se puede ver el tipo de idea desarrollarse, y ese es el principal tipo de tema que estoy tratando de transmitir aquí. Es solo la idea de que este es un proceso, y el proceso que debes seguir perfeccionando a medida que avanzas. Cada vez que dibujen algo, va a mejorar. Entonces, sigamos mirando estos, tengo una última aquí. Este es mi personaje, hay diferentes escenas desde dentro del libro, y luego, el personaje de pie delante siendo el narrador, contando la historia de estas diferentes escenas, y eso es de este pequeño garabato de el boceto aquí abajo. Entonces, tomo estas tres ideas básicas, luego presentarlas al cliente. En cuyo caso, querrás publicar algunas de tus ideas en tu proyecto y compartirlas con la clase para recibir comentarios. Después de hablar un poco con el cliente, como que terminan en este escenario donde les gusta este, pero quieren ponerlo en la balsa como en esta, y luego, querrás tomar estas escenas específicas del libro y transmitir esos. En qué punto, tomo esa retroalimentación y hago una especie de boceto a lápiz apretado de lo que es eso. Si bien en el proceso de hacer eso, tengo esta idea como si estuviera dibujando aquí su sombrero de paja. Una de las principales cosas que querían transmitir son los dos mundos de Huckleberry Finn, él como el prim y el chico apropiado que se supone que es, y luego la joven ruidosa rambuncia que en realidad es. Al empezar a dibujar ese sombrero, pienso si es un sombrero de copa o un sombrero de paja, y tengo esta idea de dividir todo por la mitad. Entonces, yo los envío fuera de esto y luego también los envío fuera de este otro boceto realmente rudo, a donde hacemos como una pantalla dividida, para luego hacer más evidente que realmente estamos hablando de los dos diferentes Huck Finn que están en la historia. Entonces, en esta idea de que lleve un traje con un sombrero de top, aquí tiene el mono y el sombrero de paja puestos. Por aquí están las damas que lo cuidaron y luego están tratando de educarlo, y luego por aquí algunos matones y los interactos dentro de la novela. Entonces, realmente les gusta esta idea y comienzan aquí, solo estoy subrayando que mientras estoy dibujando, estoy pensando en ello y esa es la parte importante del bosquejo. Cuanto más bosquejo, más pienso, más pienso, mejores se ponen las cosas, más refinan. Entonces, les presento que al cliente o en este caso, de nuevo, pondrías ideas revisadas a la clase para obtener su retroalimentación. Entonces, les gustó esa idea y yo paso y hago este cartel. Entonces, tire todas las ideas de los bocetos al producto final. Es solo un proceso a medida que avanzas por esta cosa. Entonces, te animaría fuertemente ya que estás trabajando a través de esta cosa para publicar tu trabajo y obtener retroalimentación a menudo. Es importante escuchar de otras personas, es importante obtener otras perspectivas, y eso hará que tu trabajo sea mejor. Entonces, en cuanto se te ocurra algo que creas que vale la pena compartir, sólo tienes que publicarlo. Si estas buscando comentarios específicamente de mi parte y no he comentado el proyecto, como mencioné, solo deja las Q y A o envía tu proyecto para comentarios, e intentaré llegar a eso tan rápido como pueda. 7. El contexto de los colores: Está bien. En este video, vuelta a nuestra rueda de color aquí otra vez. Lo que me gustaría hacer esta vez sin embargo, es hablar del contexto del color y qué significa el color. Entonces, para hacer eso, vamos a hacer realmente un desglose muy básico de la rueda de color, y luego, también voy a tomar un color y vamos a ver posibles significados diferentes para ese color. Si divides la rueda de color por la mitad, en la mitad tendrás colores fríos, en la otra mitad tendrás colores cálidos. Caliente es ser tu naranja y rojo, incluso abajo en el rojo morado, y algo de amarillo por lo general, y luego, los colores fríos son como verdes y azules, y ya sabes hasta abajo hasta como azul, morado, y esas cosas. amarillo y el morado siendo como la división entre los dos, verde amarillo es una especie de color fresco. morado puede ser decentemente cálido con un poco de rojo en él. Lo grande aquí es que los colores cálidos son colores más activos, y los colores fríos son colores más pasivos. Entonces, sabes que éste es bastante obvio pero, colores cálidos se asocian con emociones positivas, y los colores fríos se asocian con emociones negativas. Sería como el primer pensamiento ahí, pero también quiero echarle un vistazo rápido ya sabes, voy a sacar el color rojo por aquí, y este rojo puede significar todo tipo de cosas diferentes. Siempre me ha parecido interesante cómo el contexto que estoy usando, los colores se vuelven realmente importantes para la emoción que estoy tratando de transmitir. Entonces, si miramos el rojo con una luz positiva, podría tener algo como esto. Empezamos a hablar de amor cuando hablamos del Día de San Valentín, y hablamos de rosas, y el rojo es un tipo de emoción apasionada muy hermosa que describe bastante bien la relación entre dos personas. Al mismo tiempo, en el extremo totalmente opuesto del espectro, podemos ver al rojo como un color que se comunica el odio. El rojo puede ser de un color muy violento. Es el color de la sangre, el color de la vida o la muerte, dependiendo de cómo lo retrates. Es algo aquí acostumbrado a evocar muchas emociones muy fuertes, y de ninguna manera estoy comunicando mi conexión con estas personas ni nada, como que estoy muy opuesta al tipo de emociones que este color se usó en este contexto, ¿verdad? Pero se puede ver lo drásticos que son los cambios de las emociones entre el contexto de los colores que estoy usando con prácticamente el mismo color. Entonces otra vez aquí, si miras algo como esto, y el mismo color exacto del rojo puede significar papas fritas. Todo el mundo conoce el rojo de McDonald's, y McDonald's eligió el rojo y el amarillo muy inteligentemente porque evocan el hambre, porque son colores activos. Es como que nos hace volver a esos colores cálidos siendo colores activos, e incluso con las diferentes emociones del amor, y el odio, y el hambre, y todo tipo de otras cosas, podemos agregar a la mezcla el rojo Coca-Cola. Todos esos siguen comunicando algún tipo de acción. Te están provocando a hacer algo o a sentir algo con bastante fuerza, y un color más pasivo evocará menos emoción típicamente. No es menos emoción, es solo un tipo de emoción diferente a los colores fríos, y son tipos de emoción que a menudo son menos activas, ¿verdad? Están menos provocadores en el lado más fresco de la rueda de color. Entonces, mientras piensas en esas cosas, piensa en qué tipo de emoción estás tratando de provocar. ¿ Qué estás tratando de que la gente se sienta, pero luego también pensar en dónde podría vivir esta imagen al final? O como, ¿qué tipo de imágenes estás tratando de usar? Los colores ciertamente pueden significar cosas diferentes en diferentes áreas del mundo, y posiblemente, un par de enlaces y recursos adicionales para investigar más sobre la psicología del color y la mediana del color, pero también simplemente hacer algún tipo de Búsquedas en Google y búsquedas en Wikipedia. Al igual que, si por ejemplo, quería hacer una serie de emociones basadas en mi viaje por el Noroeste del Pacífico o algo del verano pasado, y especie de las emociones peligrosas que sentimos mientras conducía por acantilados gigantes rocosos versus como las emociones realmente felices que sentimos mientras veíamos algunos paisajes muy bellos, al mismo tiempo. Podría intentar crear imágenes para transmitir esas emociones desde diferentes puntos de mi viaje. Pero también podría echar un vistazo a cuál es el contexto del color en el Noroeste del Pacífico, y lo que el verde coloreado, o como qué sombra, o vista del verde, podría funcionar bien para el Noroeste del Pacífico comparado con lo que ese verde podría significar en otras partes del país, o en otras partes del mundo. Entonces, asegúrate de estar pensando en el contexto de las imágenes, lo que estás mostrando y cómo los colores que estás eligiendo conectan con lo que estás tratando de comunicar a la gente mientras estás avanzando. 8. Creación de una paleta de colores: Ahora que sabemos una cantidad justa sobre terminologías de color y teoría del color, o bien pensamos en el color y el contexto, hemos generado algunas de nuestras ideas para cómo expresar o transmitir las diferentes emociones que queremos, tú están totalmente listos para comenzar a construir una paleta de colores. Entonces, solo quiero hablar a través de un par de formas en las que me acerco a construir una paleta de colores con normalidad. Hay dos tipos diferentes de técnicas que podría mostrarte aquí. Uno es definitivamente el que uso con más frecuencia, y el segundo es solo una herramienta dentro de Illustrator que podría ayudarte también. Entonces, en la primera, para ambas, les voy a estar mostrando dónde empecé a construir la paleta de colores para esta serie de iconos en. Entonces, al hacerlo, acabo de hacer exactamente lo que les he descrito. Encontré un montón de referencias, material de investigación, e inspiración. Tenía una especie de estipulación por parte del cliente para que pareciera un paquete de bolos de bayas silvestres. Entonces, sabíamos que queríamos que estuviera bastante saturado, bastante brillante, y de buena variedad de color, sin duda. Entonces, golpeó los tableros de Pinterest y todo lo demás, y acabo de empezar a mirar algunas paletas de colores. Entonces, en Illustrator, solo hago pequeños cuadrados y empiezo a ponerlos uno al lado del otro y empiezo a construir paletas de colores basadas en algunas cosas que me gustan. Entonces, puedes ver aquí, realmente me encanta este póster fósil, y así saqué los colores directamente de este póster de color. El asunto aquí es, sin embargo, que no voy a usar esto como mi paleta de colores en absoluto. Lo que estoy viendo es cómo están construyendo esta variedad de colores y cómo están construyendo una paleta que tiene un montón de colores diferentes en ella y la cantidad adecuada de contraste. Entonces, entonces estoy echando un vistazo a un par de esos de diferentes carteles. Creo que éste era de uno y otro, y luego tipo de combinar algunos de ellos y tirar de algunas de mis propias ideas también. Entonces, incluso jalo, empiezo a pensar agarrar esto directamente de bolos de bayas silvestres paquete incluso, y luego tomar partes y pedazos de algunos de estos colores como tal vez este azul de aquí, y este amarillo de aquí arriba, y naranja desde aquí arriba, y empecé a mirar cómo se juntan. Entonces, entonces tengo esta paleta de colores en marcha, y esta es mi paleta de colores editada después de hacer algunos ajustes a los colores que he muestreado de algunas de esas otras paletas de colores. Empiezo a sentirme bastante bien con este. Otra forma en que también puedes ayudar a construir una paleta de colores es esta pieza dentro de Illustrator llamada la Guía de colores. Entonces, esta es una herramienta bastante cool a veces. Es similar a la herramienta de color de Adobe a la que hice referencia en uno de los primeros videos, pero está construido dentro de Illustrator y te puede dar un vistazo rápido a algunos otros colores que podrían funcionar bien o podrían ser armoniosos con este color. Entonces, solo voy a agarrar un color aquí, y de inmediato si miro en la ventana de guía de color, que se puede encontrar debajo de Ventana y Guía de Color, puedes ver que puedo construir estas diferentes armonías aquí y puedo elegir un esquema de color de tríada basado en este color. En realidad, es la que tiene. Doy click en ese color, luego construye mi esquema de color de tríada aquí. Se puede ver que tengo una roja morada, una amarilla, y así tengo una roja morada y amarilla aquí y luego quizá pensar en otras cosas que podríamos agregar. Si hago clic en Analogous, ¿qué colores podría obtener? Entonces, puedo sacar algunas otras partes y piezas de color de ésta también, y en realidad puedes, si escoges varios colores y haces clic en Editar o Aplicar colores aquí abajo, deberías poder agregar un par de colores. Entonces, si haces click en Editar, puedes empezar a hacer click a través de estos colores que está utilizando dentro de estos diferentes esquemas de color. Entonces, podría escoger este y luego hacer clic en eso y ver qué tipo de colores obtengo de un esquema de color tetrad basado en ese color, y entonces podría realmente gustarme este color y hacer clic allá y ver qué tipo de colores puedo obtener de eso. Es otra herramienta con la que jugar para darte algunas ideas de colores que se relacionan bien entre sí que luego puedes escoger y elegir para construir tu propia paleta de colores. Usaría la misma advertencia que te di con las cosas de color de Adobe para ese tipo de herramienta Guía de colores es que es tu trabajo ser constantemente crítico con los colores que está proporcionando. No sólo los uses directamente de la caja, sino úsalos para tal vez agarrar partes y piezas aquí o decir: “Oh, sí. No había pensado en el color granate”. Tan solo para mantener las ideas en movimiento. Pero luego, retrocede y afínalas y construye una paleta de colores buena, consistente y armoniosa con una cantidad adecuada de contraste que te va a dar los colores adecuados para el contexto de la emoción que estás tratando de describir, y te va a dar suficiente variedad para expandirte realmente hacia afuera, y hablaremos un poco más sobre cómo agregar aún más variedad en el siguiente video. Lo último que hice con esta paleta de colores es echarle un vistazo a ésta, y luego supe que se iba a usar sobre un fondo gris oscuro potencialmente. Entonces, empecé a mirar ese color de fondo, y esto es de vuelta a las pruebas de interacción de color y luego empiezo a decir: “Bueno, tal vez estos se están poniendo algo oscuros aquí, tal vez no hay suficiente contraste aquí, así que yo puede aligerar algunos de estos colores”. Pero entonces, a medida que empezamos a mirar estos, podría incluso dar la vuelta a algunos de ellos para hacer algunas pruebas rápidas de interacción de color. Incluso aquí donde los he hecho justa cantidad más ligeros, parecen estar funcionando bastante bien. Pero incluso ahí, quiero bajar esta saturación y aumentar el brillo solo un poco en todos ellos para terminar con este tipo de paleta de colores, que fue de donde basé esa serie de iconos, y luego agregué algunos otros colores en los que hablaremos más de pronto. 9. Ampliar una paleta de colores: Ahora que has construido tu paleta de colores inicial y has empezado a explorar, creando los visuales para las emociones que estás tratando de comunicar, es posible que necesites expandir tu paleta de colores solo un poquito. largo de la serie de cuatro imágenes diferentes, ¿qué quieres como una paleta de colores que parezca unificada, pero sigue siendo lo suficientemente robusta como para que tengas variedad entre las cuatro imágenes diferentes, para que estés creando una unidad en la serie, pero no te estás volviendo rancio mientras miras de imagen a imagen. Hay varias cosas diferentes que puedes hacer para agregar algo de variedad a tu paleta de colores. Para darte un ejemplo aquí, te voy a guiar a través de cómo amplié una paleta de colores para la aplicación iPad de este niño que diseñé, que originalmente comenzó con una paleta de colores muy restringida y terminó con un mucho paleta más colorida hacia el final de esta cosa. Entonces, cuando empecé, tenían un nombre totalmente diferente y empecé a arrancar algunos estilos constantes iniciales para esta cosa. Yo quería que se basara en bastante fuertemente en, tener bastante gran influencia en la Bauhaus. El Bauhaus con su reducción a solo lo necesario son los elementos centrales del diseño. Pensé con certeza que construyo todo esto en colores primarios. Entonces, construyo una paleta de colores primarios realmente agradable. Pueden ver algunos de mis experimentos por aquí, ya notan que intenté agregar un verde, o probamos esta paleta de colores primarios desaturados y algunas iteraciones aquí. Entonces termino con esta paleta de colores la cual está bastante saturada, bastante brillante, justa cantidad de contraste porque es para niños. Queremos tener mucha actividad divertida dentro de la paleta de colores, etcétera. Entonces, entonces de repente le toca al cliente. Hablamos a través, hice todo esto en tres colores. Va a ser increíble, etcétera, etcétera. Al final, decidimos que no iban a ser casi suficientes colores para mantener las cosas divertidas y frescas, y diferentes entre cada pantalla de esta app. Entonces, cuando echamos un vistazo a la paleta de colores final aquí, que es ésta, y he limitado, creo, casi toda la app a sólo estos colores sólidos. Tenemos bastante más pasando. Entonces, después de haber construido esa paleta de colores inicial, en cuyo caso tengo una paleta de colores primaria, que es la paleta de colores de tríada. Puedes empezar a pensar en formas de expandirlo un poco. Entonces, cuando empiezo con colores primarios, la respuesta inmediata es que puedo empezar a usar diferentes tonos de esos colores, o tonalidades, o tintes. Entonces, tengo un tinte más claro del amarillo. Tenemos algunos tonos más oscuros del rojo y el azul aquí para agregar un poco más de variedad. Incluso puedes agregar otros colores primarios. Se puede ver añadí en este azul más claro, porque hay varias pantallas, tengo un cielo en ellas. Necesitaba ese azul más claro para el cielo, porque el gris claro podría haber funcionado, pero no voy a ser es divertido. Blanco, obviamente, no tendría nubes que destacaran ni nada por el estilo. Entonces, tengo este azul claro que también se añadieron a la mezcla. Del otro lado de eso, cuando estoy lidiando con colores primarios, la siguiente respuesta obvia es agregar algunos colores secundarios a la mezcla. Entonces, empezamos con amarillo, rojo, azul y luego, voy a agregar naranja y morado, y verde a la mezcla también. Esos, voy a usar de un poco menos de y así no construyo los tonos tensores necesarios, pero eso me dará suficiente variedad más adelante en la vida, que pueda hacer algo que se sienta como un esquema de color completamente diferente. Pero si estoy asegurándome de que estoy coordinando cosas como la saturación y el brillo y el contraste entre los colores. Cuando empiezo a comparar estas cosas, cuando veas las diferentes pantallas y las diferentes paletas de colores, aún sentirá que todas pertenecen juntas. Entonces, algo que constantemente estamos revisando y ajustando y haciendo ajustes, pero agregamos colores secundarios a la mezcla. Entonces agregamos un blanco y un negro y en este caso, agregamos otro tinte al negro o a un gris aquí, y el blanco no es del todo blanco, negro no es del todo negro. Entonces, no es como 100 por ciento de contraste, alrededor de 93 por ciento de contraste o algo así. Entonces como si eso no fuera suficiente, empezamos a sumar neutrales. Entonces, los neutrales siendo tus bronceados, tus marrones, colores crema y eso va a, se mantendrán fuera del camino de tu paleta de colores, funcionarán con casi cualquier cosa, razón por la cual se les llama neutros. Pero aún traerán esa variedad, que quizá quieras en general. Entonces, tienes diferentes tintes y tonos de tu paleta de colores inicial. Podrías agregar algunos colores más. Si no es paleta de colores primaria, posible que pienses en qué otros colores podrías agregar a la mezcla. Se puede agregar el blanco y el negro, que son neutrales, o se puede agregar este color marrón neutro también, para agregar algo de esa variedad. que al final, cuando empieces a ver todas las diferentes salas e ilustraciones que he hecho aquí, pueda obtener el mismo sentido que yo tengo, una paleta de colores cohesiva cruza todas ellas, pero hay un montón de variedad entre ellos. 10. Revisión y edición de colores: A medida que empiezas a traer todos tus diferentes visuales y diferentes emociones que estás retratando juntos, ten en cuenta que siempre puedes editar el color a medida que avanzas por todo el proyecto. Entonces, no sientas que estás entrando en la paleta de colores que elegiste originalmente o incluso en la paleta de colores expandida que construiste, siempre puedes editar estas cosas. Siempre que estoy trabajando, es un proceso constantemente iterativo donde estoy mejorando, mejorando, mejorando, mejorando, mejorando tanto como puedo decir que está hecho o hasta que lleguemos a la fecha límite o lo que sea que esté pasando. Entonces, para mostrar esto es solo un poquito, quería usar como ejemplo una vez más, los carteles de Narnia aquí y recoger uno de ellos, el primero y mostrarte que incluso hacia el final del proyecto todavía estaba editando retocar colores para conseguir las cosas exactamente perfectas de la manera que yo las quería. Entonces, esta es una versión anterior en mi archivo de Illustrator aquí y esta es la versión final y se pueden ver algunos cambios. Estoy bajando esto para hacer espacio al autor, título aquí y cambiando algunas otras cosas pero lo principal es que, retocar ese color morado y el azul para añadirles un poco más de saturación, para darles un poco más más contraste en comparación con algunos de los colores de fondo, para que estén saliendo de las zonas donde quiero que estén. Entonces, no me estoy encontrando con temas aquí. Al igual que hablamos, tenemos este tema morado y gris, sentimos bien al respecto, avanzando. Pero incluso ahí al final quería retocar solo un poquito. Entonces, lo que quiero mostrarles es cómo hacerlo rápidamente dentro de Illustrator. Si estás usando Illustrator para crear estas cosas, puede ser un proceso difícil de atravesar y cambiar todos estos diferentes colores. Hay algunas maneras diferentes en las que puedes hacerlo pero la que me gusta es solo editando los colores, y la forma en que lo hago es asegurarme de que tengo todo desbloqueado aquí y voy a seleccionar todo. Algo que notar que se puede ver todo eso esboza aquí, y eso va a ser un problema porque realmente está distorsionando la percepción de los colores aquí. Yo quiero poder editar estos y verlos actualizarse y así poder ir a Ver y, digamos, Ocultar bordes o golpear comando H o controlar H y eso nos dará una mejor mirada a esta cosa mientras aún tenemos todo seleccionado. Entonces lo que quieres es venir a Editar y bajar a Editar colores y, digamos, Recolor Artwork, y cuando te abras en esta ventana, lo siento déjame probar eso una vez más, Recolor Artwork. Ya verás, tiene los cinco colores aquí que tengo listados o que estoy usando, pero lo que puedo hacer es que rápidamente puedo dar click en uno de estos colores y empezar a editarlo. Desafortunadamente, no editará y actualizará aquí mismo pero en cuanto haga clic en Aceptar, puedo ver cómo un verde de espuma de mar realmente ligero podría afectar si cambiara ese gris. Esto se vuelve realmente bonito, súper fácil de hacer más adelante en la vida y es un truco bastante práctico sobre todo cuando estás queriendo ser realmente específico sobre los colores finales. Desafortunadamente, no puedo mandar a Z que deshaga eso ahora mismo, como casi , no, tampoco puedo escoger ese color, así que solo voy a golpear Cancelar y luego volver a esta cosa una vez más, y lo verás con solo hacer click en este pequeño cuadrado morado junto a la gran muestra de color, puedo entrar aquí y puedo retocar y arrastrar esto hacia abajo, añadir un poco más de saturación o brillo dentro de aquí y ya verás, puede empezar a manivela ese color hasta un poco un poco más allá. También puedes venir aquí, seleccionar solo el porcentaje de saturación y ya sea escribir tu propio porcentaje o usar las teclas de flecha tu teclado si realmente quieres marcar sin saturación o brillo específicamente nivel en el que te interesa. Incluso puedo cambiar un poco el tono, acercarlo un poco más al azul o algo solo para ver si me gusta más ese color. En cuanto hagas esas actualizaciones, solo puedes golpear OK y se va a pasar, va a cambiar todos esos colores para él. Entonces, para cuando finalmente terminé, he resuelto todos mis problemas de contraste, añadido un poco más de saturación a los colores para sacarlos con un neutro y equilibrado esta cosa hacia donde lo quiero y, por lo que estamos listos para ir en ese punto y estoy bastante contento con esta cosa. Rápido, fácil, nada a ella 11. Crea coherencia y añade profundidad: En este último video, te voy a mostrar algunos consejos avanzados o formas de agregar algo de profundidad a tu paleta de colores añadiendo textura y dimensión a ella. Para ello, voy a usar como ejemplo, esta ilustración de un vagón que he creado y este es el archivo Illustrator y luego lo llevaremos a Photoshop y te mostraré cómo añadiendo un poco más de información visual, puedes ampliar la paleta de colores y añadir un poco de profundidad si quieres. Entonces, para empezar, cortar todo hecho con formas aquí dentro de Illustrator, he añadido un poco de textura dentro de Illustrator, ahí y en las nubes y detrás del sol. Lo que quiero hacer es exportar todo esto a Photoshop, que pueda agregar un poco más de detalle a la ilustración. Cuando voy a hacer eso, lo que tengo dentro del archivo Illustrator o estas, vamos a ver, siete capas diferentes, pero lo que necesito en Photoshop es todo un montón de capas diferentes con todos los diferentes elementos encendidos. Entonces, lo que he hecho es que he entrado en cada capa y he agrupado los elementos que quiero estar en su propia capa dentro de Photoshop. Entonces, aquí en el vagón, se puede ver donde he hecho un grupo del ancho del vagón aquí arriba en la parte superior, que en realidad es dos formas diferentes porque tiene este destello ahí dentro. Entonces, tengo eso en un grupo, tengo los t-tails en un grupo, tengo la base en el grupo así sucesivamente y así sucesivamente, diferentes partes de la rueda en un grupo. Estos son grupos que estoy haciendo porque sabré que quiero aplicar diferentes texturas o sombrear las cosas de manera diferente. Puedes agrupar las cosas como quieras. Lo que solo necesitas saber es que cuando los agrupes, esto vendrá como su propia capa dentro de Photoshop. Entonces, he pasado y lo he hecho en todas mis capas aquí y estoy listo para exportar este archivo a Photoshop. Voy a Archivo y voy a Exportar y elijo un archivo de Photoshop y luego le doy un nombre ligeramente diferente. Voy a comprobar uso tableros de arte y vamos a dar clic en Exportar. Eso saca de esta pantalla y esta pantalla va a ser bastante importante. Tendrás que asegurarte de obtener la resolución correcta. Aquí, solo voy a usar 72 píxeles por pulgada lo cual estará bien para tu asignación, para el proyecto para esta clase. Lo principal aquí que me preocupa es que quería escribir capas, no crear una imagen plana. Vamos a seguir adelante y revisar Preservar Editabilidad de Texto y Máxima Editabilidad. Entonces, dejaremos estos dos últimos por defecto, configuraremos en Insinuados y configuraremos en Incrustar el perfil y pulsaremos Aceptar. Ahora, tomaré sólo un segundo corto y luego, si entramos aquí para abrir esto, entonces echaremos un vistazo a lo que tenemos aquí. Entonces, ya verás que tomé mi capa superior lo cual no era importante para nosotros porque estaba fuera de los bordes de las ordenadas de arte, corté todo eso, pero entonces, si miramos al vagón, ya verás que tiene el vagón labio como capa propia, tiene los detalles los cuales aún están agrupados porque tienen grupos dentro de grupos ahí y la base de vagones. Entonces las tuercas de taco, y las ruedas, y todo lo demás en las zonas correspondientes están donde quiero que estén. Entonces, la forma en que voy a empezar a agregar algo de profundidad y textura a este tema es expandiéndose en la paleta de colores de algunas maneras diferentes. Uno, podríamos usar un pincel dentro de Photoshop y podría empezar a añadir algunos detalles al sol. Aquí, tengo dos capas para el sol, voy a seguir adelante y fusionar esas en una y luego voy a recoger un pincel y tal vez vamos a recoger este pincel granulado que yo construí antes y luego bajaré ese cepillo a tamaño. He publicado un par de tutoriales links que te ayudarán a conseguir una idea básica de texturas y pinceles dentro de Photoshop, así que no tengo un montón de tiempo para hablar de eso, pero de lo que sí quiero hablar aquí es que como estoy pensando en expandir la paleta de colores, lo que quiero hacer es mantenerme cohesiva para mantener esa misma paleta de colores base mientras agrega solo un poco de variedad ahí. Entonces, para hacer eso, lo que voy a hacer es que voy a escoger el color real del sol, y luego hacer una nueva capa justo encima de él. Lo que voy a hacer es que voy a hacer una máscara de recorte sin capa, entramos en Capa, Crear Máscara de Recorte. Entonces ahora, cualquier cosa que pinte sólo se aplicará sobre el sol. Entonces, si pintas por aquí, nada va a aparecer. Si deshago la máscara de recorte, ya verás acabo de pintar toda esta textura, pero no aparece porque sólo está revelando lo que está directamente encima del sol. Entonces, voy a mantener sólo un poco de textura rápidamente, una vez ahí, y luego ahora mismo, no se puede ver nada porque por supuesto tienen el mismo color. Voy a entrar al modo de mezcla en las capas y voy a cambiar eso a pantalla y luego voy a bajar la opacidad de la capa a como 20 o 30 por ciento. Entonces, voy a hacer otra capa y voy a cepillar algo de textura alrededor de los bordes de este sol, que otra vez no se puede ver. También está en máscara de recorte porque la hice por encima de la capa solar, así que cae justo en línea y se puede decir cuando agrega esta pequeña flecha por aquí, pero sigue siendo una máscara de recorte aplicada directamente al sol. Esta vez, lo voy a cambiar para multiplicar y vamos a conseguir este tipo de imagen más oscura. Usando este método, todavía puedo mantenerme fiel a los tonos o a los colores que elegí para mi paleta de colores original pero luego puedo expandirme sobre eso solo un poquito agregando cosas que son realmente relevantes, realmente relativas, directamente relacionadas a esos colores iniciales. Entonces, entonces podría hacer eso un par de veces, en realidad en algunas áreas, así que podría venir aquí por este sol. Nuevamente, añadiremos otra pequeña capa para añadir alguna dimensión o hacer otra capa ahí, y todo tipo de pinceles. Un poco más de espacio para que eso se multiplique, solo para conseguir un poco más de profundidad ahí dentro. De nuevo, esto es algo de trabajo, no lo necesitas. A veces intentemos quedarnos con solo colores sólidos y formas realmente básicas, pero si es una elección estética que quieres hacer, lo principal que estoy tratando de describir es que estamos usando colores que se mantienen igual por tan solo construyendo un poco sobre ellos volteando cosas como pantalla y multiplicándose, para que la relación que establecimos con nuestro conocimiento de la teoría del color se mantenga cierta. Lo que no quieres estar haciendo es empezar a agregar colores simplemente aleatorios de nuevo en este punto. Entonces, aunque escoja otro azul y pinte de azul alrededor del cielo aquí, sólo vamos a aplicar eso al fondo. Obtenemos algo como esto y luego escojo pantalla o multiplico o lo que sea que busco para esta cosa. El gran cosa es que empezará a cambiar o sesgar la paleta de colores, y la forma en que el color del cielo interactúa con el color de la hierba va a cambiar y eso es un poco, se va a convertir en un problema. Entonces, o bien quiero usar el mismo color que el cielo, y solo pincel en ese color para conseguir ese tipo de detalle o puedes intentar usar solo blanco y negro. Entonces aquí, podría volver a empezar y podría usar solo negro para el pincel y luego si multiplico negro, vale, oscuridad alrededor de los bordes. Haz uno nuevo y pinta un poco de blanco en el medio, tratando de darle este efecto halo. Voltearemos eso a pantalla y bajaremos su opacidad al 30 o 40 por ciento. Entonces de esa manera, también sigo solo expandiéndome en ese color azul original y no estoy cambiando nada de la armonía de color ni de la relación de color en absoluto, pero estoy agregando un poco de profundidad, un poco de textura sólo para darle vida a esta cosa un poco caliente. Al final, terminar en algún lugar de esta zona con algunas otras cosas de Photoshop y aplicando esas técnicas a diferentes capas dentro de este archivo. Es una elección que puedes hacer. Si quieres, si quieres explorar un poco, pruébalo y tal vez decidas que te gusta o no lo harás. Ojalá, para ese punto, estés haciendo los toques finales y siempre tendrás todas tus cuatro emociones hechas, así que estarás más o menos envuelto con tu proyecto. 12. Explora más sobre Diseño en Skillshare: manera.