Teoria das cores simplificada: um pequeno curso de design gráfico de movimento

1. Apresentação: Ter uma compreensão básica da teoria das cores é importante para gráficos em movimento. Nesta aula, apresentarei uma introdução à roda de cores e à psicologia das cores, mostrarei a maneira mais fácil de gerar uma paleta de cores e, juntos, animaremos um fundo gradiente Mal posso esperar para ver o que você cria. 2. Primeiros passos: Para esta aula, você precisará do Adobe After Effects Adobe Media Encoder para exportar Incluirei um arquivo de gradiente completo na página de projetos e recursos O projeto da classe é criar uma paleta de cores e, juntos, criaremos um fundo gradiente. Sinto-me à vontade para publicar seu projeto na galeria do projeto. Adoro ver as coisas que você cria. 3. Roda de cores e harmonias de cores: Aqui estamos na roda de cores da Adobe. Mas, na verdade, você pode usar qualquer roda de cores encontrada na Internet. Para manter essa aula curta, vamos nos concentrar apenas nas três harmonias de cores mais usadas em gráficos em movimento Lembre-se de que essas não são as únicas harmonias de cores, mas são as mais usadas A primeira harmonia de cores que vamos ver é análoga O mesmo acontece quando você usa cores que estão lado a lado na roda de cores Por exemplo, verde sempre fica bem com amarelo, vermelho sempre fica bem com laranja. O roxo sempre fica bem com o azul. Eu criei um quadro Pintrs com amostras de harmonias de cores que examinamos nesta aula Eu realmente sugiro que você procure inspiração para suas paletas de cores Você pode encontrar o link na página de projetos e recursos. Aqui estão alguns exemplos da harmonia de cores análoga. A próxima harmonia de cores que veremos é chamada de monocromática Monocromático é quando você usa tons diferentes da mesma cor Este é bem simples. Aqui estão alguns exemplos da harmonia monocromática. A terceira harmonia de cores que vamos ver é complementar. Gratuito é quando você usa cores no lado oposto da roda de cores. Por exemplo, laranja sempre fica bem com azul, verde sempre fica bem com vermelho e assim por diante. Aqui estão alguns exemplos da harmonia complementar. A 4. Cores neutras: Preto e branco, assim como marrom, são todos neutros, o que significa que podem ficar bem em praticamente qualquer composição. Aqui estão alguns exemplos de cores neutras usadas em composições 5. Psicologia das cores: OK. Outra coisa que você pode considerar ao escolher suas paletas de cores é a psicologia das cores, que são os diferentes significados e sentimentos que cores diferentes podem transmitir Por exemplo, o vermelho pode transmitir força, entusiasmo, amor, rosa pode transmitir sinceridade, compaixão O roxo transmite luxo, realeza e espiritualidade. A laranja transmite sucesso, confiança e bravura. O amarelo pode transmitir felicidade, criatividade e calor. verde pode transmitir cura, natureza, frescor e o azul pode transmitir paz, confiança 6. A maneira mais fácil de gerar uma paleta de cores: Nesta lição, mostrarei a maneira mais fácil de gerar uma paleta de cores É tão fácil que quase torna o resto dessa classe irrelevante, mas ainda acho importante entender por que ela escolhe as cores que Vamos usar um site chamado Coolers. Quando estiver no site da Coolers, você pode clicar no botão Iniciar o Gerador Quando estivermos dentro do gerador, pressione a barra de espaço e ela fará todo o trabalho para você e escolherá paletas de cores que ficam bem juntas Se você gosta de uma cor, você pode pressionar esse botão de bloqueio para manter essa cor. Eu gosto dessa cor roxa, então vou mantê-la, e então você pode continuar pressionando a barra de espaço. Depois de ter uma paleta de cores de sua preferência, você pode ir até Exportar e salvá-la como uma imagem 7. Outra maneira de gerar uma paleta: Ok, então digamos que você não queira criar uma paleta de cores usando os outros métodos Então, de que outra forma podemos criar uma paleta de cores? Bem, aqui estou de volta à roda de cores da Adobe e vou mostrar outro método que é super fácil. Se você for até aqui, poderá encontrar a guia de extração do tema. Podemos clicar para selecionar um botão Arquivo. Aqui está uma foto muito desfocada de um pôr do sol que eu tirei. E, como você pode ver, a Adobe cria uma paleta de cores usando as cores da foto Podemos ir até a roda de cores e ver exatamente onde as cores estão na roda de cores. Se quiser, você pode movê-los para escolher cores diferentes da foto. Há também a guia Extrair gradiente, que basicamente faz exatamente a mesma coisa, exceto que cria um gradiente para você E para salvá-lo, podemos ir até aqui e clicar para fazer o download como um botão JPEG 8. Fundo de gradiente animado: OK. Então, agora vamos criar nosso fundo gradiente A primeira coisa que vamos fazer é importar nossa paleta de cores Podemos colocar nossa paleta de cores em nossa linha do tempo. Pressione S para abrir a escala. Vamos reduzi-lo e colocá-lo no canto. Agora vamos criar um novo sólido. Usando o seletor de cores, escolheremos nossa cor sólida para mover nosso sólido para a parte inferior da linha do tempo Podemos duplicar a camada com o Controle D, pesquisar o efeito de preenchimento nos efeitos e predefinições e adicioná-lo à nossa nova camada sólida Use o seletor de cores novamente para escolher nossa próxima cor. Novamente, duplicaremos nossa camada. Use o seletor de cores. Depende de você quantas camadas você deseja ter e quantas cores deseja usar. Agora que temos todas as nossas camadas sólidas, vamos desenhar algumas máscaras usando a ferramenta Caneta. Agora vamos desenhar uma máscara sobre cada uma das nossas camadas sólidas. OK. Agora que desenhamos máscaras sobre nossas camadas, vamos adicionar um pouco de animação. Procure o efeito de deslocamento turbulento. Coloque-o em uma de suas camadas sólidas. Pressione Alt e clique no cronômetro Evolution. Vamos usar um tempo de expressão vezes 50. Como você pode ver, ele adiciona um pouco de animação à nossa camada sólida. E o que vamos fazer é copiar e colar em nossas outras camadas. Controle C para copiar, controle V para colar. Agora selecione todas as camadas sólidas e pressione F para mostrar a pena da máscara, e vamos aumentar esses números para algo muito alto até obter um bom gradiente E é basicamente isso. Você sempre pode ajustar as máscaras e as penas da máscara para obter a aparência que desejar E você sempre pode voltar e mudar suas cores. Aqui estão alguns outros exemplos que eu criei alterando as máscaras e alterando as cores. Para dar uma aparência mais granulada, vamos usar uma camada de ajuste Tenho uma camada, nova camada de ajuste. Com a camada de ajuste selecionada, pesquise o efeito de ruído HLS auto, altere o tipo para granulação e podemos aumentar a luminosidade para algo como oito Você também pode alterar a velocidade da animação alterando esse número na expressão. Estou ansioso para ver o que vocês são capazes de inventar. 9. Exportação: Aqui está uma lição rápida sobre como exportar sua animação. Primeiro, você vai querer cortar sua área de trabalho. Esse é o tempo que sua animação durará quando você exportar. Vou fazer os meus 5 segundos pressionando N no teclado ou arrastando a extremidade da área de trabalho Agora podemos ir para Arquivo, Exportar, adicionar à fila do Adobe Media Encoder Depois que o Media Encoder estiver aberto, podemos clicar aqui para abrir nossas propriedades Formato F, vou escolher H 0,264. Além da predefinição, você pode ver uma lista completa de predefinições que a Adobe criou para Para este, vou escolher o YouTube ten ADP. Aqui podemos nomear nossa animação e escolher para onde vamos exportá-la. E como escolhemos uma predefinição, não precisamos realmente nos preocupar com nenhuma das outras configurações Podemos descer, clicar em OK e, em seguida, clicar na seta verde para exportar. 10. Conclusão: Parabéns e obrigado por fazer este curso. Agora você pode compartilhar seu projeto na galeria de projetos para que todos possam ver as paletas de cores que você criou 11. Aula bônus: as outras harmonias de cores: Então, agora vamos dar uma olhada em algumas dessas outras harmonias de cores que não vimos antes Vamos desligar nossa guia de harmonia de cores. Dividir gratuitamente. Em vez de ter uma cor complementar, ele pega a cor complementar e a divide em duas cores que estão lado lado na roda de cores Aqui estão alguns exemplos que encontrei da harmonia complementar dividida. Ok, vamos continuar analisando a lista. Em seguida, temos o quadrado, que parece ser o mais simples, tirando uma cor de cada lado da roda de cores. Aqui estão alguns exemplos da harmonia quadrada. Vamos dar uma olhada na tríade. Portanto, a tríade pode ser pensada como um triângulo. É semelhante ao quadrado, exceto que estamos usando apenas três pontos na roda de cores. Aqui estão alguns exemplos de tríades. Vamos continuar. Vamos dar uma olhada no composto. O composto parece ser um pouco interessante. O composto parece ser uma mistura de complementar e análogo. Ele tem uma cor complementar, e ambas as cores complementares também têm uma cor análoga Aqui estão alguns exemplos da harmonia composta que consegui encontrar. A sombra é quase exatamente igual à monocromática. Tanto o monocromático quanto os tons usam tons diferentes da mesma cor