Teoría del color simple: una clase corta de diseño gráfico con movimiento

1. INTRODUCCIÓN: Tener una comprensión básica de la teoría del color es importante para los gráficos en movimiento. En esta clase, te daré una introducción a la rueda de colores y la psicología del color, te mostraré la forma más fácil de generar una paleta de colores, y juntos animaremos un fondo degradado No puedo esperar a ver lo que creas. 2. Puesta en marcha: Para esta clase, necesitarás Adobe After Effects, Adobe Media Encoder para exportar. Incluiré un archivo de degradado completado en la página del proyecto y recursos. El proyecto de clase es crear una paleta de colores, y juntos crearemos un fondo degradado. Me siento libre de publicar tu proyecto en la galería de proyectos. Me encanta ver las cosas que creas. 3. Rueda de colores y armonías de colores: Aquí estamos en la rueda de colores de Adobe. Pero realmente, puedes usar cualquier rueda de colores que encuentres en Internet. A los efectos de mantener esta clase corta, solo nos vamos a centrar en las tres armonías de color más utilizadas en los gráficos en movimiento Recuerda que estas no son las únicas armonías de color, sino que son las más utilizadas La primera armonía de color que vamos a ver es análoga. Análogo es cuando usas colores que están uno al lado del otro en la rueda de colores. Por ejemplo, el verde siempre se ve bien con el amarillo, rojo siempre se ve bien con el naranja. El morado siempre se ve bien con el azul. He seguido adelante y he creado un tablero Pintrs con muestras de armonías de color que atravesamos en Realmente sugiero buscarlo en busca inspiración para tus paletas de colores Puedes encontrar el enlace en la página del proyecto y recursos. Aquí hay algunos ejemplos de la armonía de color análoga. La siguiente armonía de color que veremos se llama monocromática Monocromática es cuando usas diferentes tonos del mismo Este es bastante sencillo. Aquí hay algunos ejemplos de la armonía monocromática. La tercera armonía de color que vamos a ver es complementaria. cortesía es cuando usas colores en el lado opuesto de la rueda de colores. Por ejemplo, el naranja siempre se ve bien con el azul, verde siempre se ve bien con el rojo y así sucesivamente. Aquí hay algunos ejemplos de la armonía complementaria. A 4. Colores neutros: blanco y negro, así como el marrón, son todos neutros, lo que significa que pueden verse bien en casi cualquier composición. Aquí hay algunos ejemplos de colores neutros que se utilizan en las composiciones. 5. Psicología del color: Bien. Otra cosa que quizás quieras considerar a la hora de elegir tus paletas de colores es la psicología del color, que es los diferentes significados y sentimientos que los diferentes colores pueden transmitir Por ejemplo, el rojo puede transmitir fuerza, emoción, amor, rosa puede transmitir sinceridad, compasión y sofisticación El morado transmite lujo, realeza, espiritualidad. El naranja transmite éxito, confianza, valentía. El amarillo puede transmitir felicidad, creatividad y calidez. El verde puede transmitir curación, naturaleza , frescura y el azul puede transmitir paz, confianza y lealtad. 6. La forma más fácil de generar una paleta de colores: En esta lección, te voy a mostrar la forma más fácil de generar una paleta de colores. Es tan fácil que casi hace que el resto de esta clase sea irrelevante, pero sigo pensando que es importante entender por qué elige los colores que hace Vamos a utilizar un sitio web llamado Coolers. Una vez que estés en el sitio web de Enfriadores, puedes hacer clic en el botón Iniciar el Generador Una vez que estemos dentro del generador, presiona la barra espaciadora, y hace todo el trabajo por ti y elige paletas de colores que se ven bien juntas Si te gusta un color, puedes presionar este botón de bloqueo para mantener ese color. A mí me gusta este color morado, así que me voy a quedar con eso, y luego puedes seguir presionando la barra espaciadora. Una vez que tengas una paleta de colores que te guste, puedes subir a Exportar y podrás guardarla como imagen. 7. Otra forma de generar una paleta: Bien, digamos que no tienes ganas crear una paleta de colores usando los otros métodos. Entonces, ¿de qué otra manera podemos hacer para crear una paleta de colores? Bueno, aquí estoy de vuelta en la rueda de colores de Adobe, y voy a mostrarte otro método que es súper fácil. Si vas aquí arriba, puedes encontrar la pestaña del tema del extracto. Podemos hacer clic para seleccionar un botón Archivo. Aquí hay una foto muy borrosa de una puesta de sol que tomé. Y como puedes ver, Adobe crea una paleta de colores usando los colores de la foto. Podemos pasar a la rueda de colores y podemos ver exactamente en qué parte de la rueda de colores están los colores. Si quieres, puedes moverlas para elegir diferentes colores de la foto. También está la pestaña de gradiente de extracción, que esencialmente hace exactamente lo mismo excepto que crea un degradado para ti. Y para guardarlo, podemos subir aquí y hacer clic para descargar como un botón JPEG. 8. Fondo animado de degradado: Bien. Así que ahora vamos a crear nuestro fondo degradado. Lo primero que vamos a hacer es importar nuestra paleta de colores. Podemos colocar nuestra paleta de colores en nuestra línea de tiempo. Presiona S para subir la escala. Lo bajaremos y lo pondremos en la esquina. Ahora vamos a crear un nuevo sólido. Usando el seleccionador de color, elegiremos nuestro color sólido para mover nuestro sólido a la parte inferior de la línea de tiempo Podemos duplicar la capa con Control D, buscar el efecto de relleno en efectos y presets y agregarlo a nuestra nueva capa sólida Vuelve a usar el seleccionador de color para elegir nuestro siguiente color. Nuevamente, vamos a duplicar nuestra capa. Usa el recogedor de color. Depende de ti cuántas capas quieres tener y cuántos colores quieres usar. Ahora que tenemos todas nuestras capas sólidas, vamos a dibujar algunas máscaras usando la herramienta Pluma. Ahora vamos a dibujar una máscara sobre cada una de nuestras capas sólidas. Bien. Ahora que hemos dibujado máscaras sobre nuestras capas, agreguemos un poco de animación. Buscar el efecto de desplazamiento turbulento. Colóquelo en una de sus capas sólidas. Presiona Alt y haz clic en el cronómetro Evolution. Vamos a usar un tiempo de expresión multiplicado por 50. Como puedes ver, agrega un poco de animación a nuestra capa sólida. Y lo que vamos a hacer es que vamos a copiarlo y pegarlo en nuestras otras capas. Control C para copiar, control V para pegar. Ahora selecciona todas las capas sólidas y presiona F para que aparezca la pluma de la máscara, y vamos a subir estos números a algo realmente alto hasta que obtengas un bonito degradado. Y eso es esencialmente todo. Siempre puedes ajustar tus máscaras y las plumas de tu máscara para conseguir una apariencia que te guste. Y siempre puedes volver atrás y cambiar tus colores. Aquí hay un par de otros ejemplos que creé cambiando las máscaras y cambiando los colores. Para darle un aspecto más granuloso, vamos a usar una capa de ajuste Tengo una capa, nueva capa de ajuste. Con la capa de ajuste seleccionada, busca el efecto ruido HLS auto, cambia el tipo a grano, y podemos convertir la ligereza hasta algo así como ocho También podrías cambiar la velocidad de la animación cambiando este número en la expresión. Espero con ansias ver lo que ustedes son capaces de llegar a. 9. Exportación: Aquí tienes una lección rápida sobre cómo exportar tu animación. Primero, vas a querer recortar tu área de trabajo. Este es el tiempo que va a durar tu animación cuando exportes. Voy a hacer los míos 5 segundos presionando N en el teclado o arrastrando el final del área de trabajo Ahora podemos ir a Archivo, Exportar, agregar a la cola de Adobe Media Encoder. Una vez que Media Encoder esté abierto, podemos hacer clic aquí para mostrar nuestras propiedades. Formato F, voy a elegir H 0.264. Y además de preset, puedes ver toda una lista de presets que Adobe ha creado para ti Para este, voy a elegir YouTube diez ADP. Aquí podemos nombrar nuestra animación y elegir dónde la vamos a exportar. Y debido a que elegimos un preset, realmente no necesitamos preocuparnos por ninguna de las otras configuraciones. Podemos bajar, hacer clic en Bien y luego hacer clic en la Flecha Verde para Exportar. 10. Outro: Enhorabuena, y gracias por tomar esta clase. Ahora puedes compartir tu proyecto en la galería de proyectos para que todos puedan ver las paletas de colores que creaste 11. Lección adicional: las otras armonías de colores: Entonces ahora echemos un vistazo a algunas de estas otras armonías de color que no vimos antes Bajemos nuestra pestaña de armonía de color. Split de cortesía. En lugar de tener un color complementario, toma el color complementario y lo divide en dos colores que están uno al lado del otro en la rueda de colores Aquí hay algunos ejemplos que encontré de la armonía complementaria dividida. Bien, sigamos bajando la lista. A continuación, tenemos cuadrado, que parece ser el más sencillo tomando un color de cada lado de la rueda de colores. Aquí hay algunos ejemplos de la armonía cuadrada. Echemos un vistazo a la tríada. Así que la tríada puede pensarse como un triángulo. Es similar al cuadrado excepto que solo estamos usando tres puntos en la rueda de colores. Aquí hay algunos ejemplos de tríadas. Sigamos adelante. Echemos un vistazo al compuesto. El compuesto parece ser un poco interesante. Compuesto parece ser una mezcla de complementarios y análogos. Tiene un color complementario, y ambos colores complementarios también tienen un color análogo. Aquí hay algunos ejemplos de la armonía compuesta que pude encontrar. La sombra es casi exactamente lo mismo que la monocromática. Tanto las tonalidades monocromáticas como las tonalidades utilizan diferentes tonalidades del mismo