Em algum momento, tabelas e gráficos podem ser difíceis de criar e animar no After Effects, especialmente gráficos de pizza. Este método muito simples e rápido obtém os números exatos, permitindo enormes flexibilidade.
Um dos meus clientes está no setor bancário. Escusado será dizer que eu crio um monte de gráficos animados pelos vídeos deles. Os gráficos de barras são bastante simples (embora possam ser um pouco entediantes), mas eu estava lutando com uma maneira fácil de criar gráfico de setores. Eventualmente, desenvolvi esse método que me permitia ser exato nos valores, além de ser fácil de criar e animar dentro e fora da tela.
O primeiro passo é criar um pré-composto dentro de qualquer comp que você esteja trabalhando. O aspecto realmente não importa, mas deve ser razoavelmente grande; Eu geralmente faço um sólido mesmo tamanho que meu comp pai e pré-componha isso. Neste exemplo, vou nomear o pré-compilador de “Gráfico de pizza”. Todos, exceto o passo final na elaboração do gráfico de pizza, ocorrerão neste pré-composição. Clique em qualquer uma das imagens abaixo para ampliá-la.
O próximo passo é pegar um sólido no seu pré-compasso e definir X Ponto de ancoragem e valores de posição para 0. Isso o fixa no lado esquerdo da tela. Assim, quando você o escala para cima ou para baixo, o lado esquerdo permanece no lugar.
Agora, duplique o primeiro sólido quantas vezes for necessário para que você tenha o mesmo número de sólidos que precisa de fatias no gráfico de torta. Defina as cores no gráfico para as cores que você deseja que cada fatia tenha. Eu geralmente vou de escuro no topo para luz na parte inferior. Quando o gráfico estiver completo, começará no topo e seguirá sentido anti-horário ao redor do círculo, começando pela camada superior (você verá como isso funciona em algumas etapas).
Agora vamos digitar os valores reais. Aqui está o conjunto de dados de exemplo que vou usar:
{A = 10%, B = 15%, C =7%, D = 23%, E = 15%, F = 30%}
Vamos fazer isso por escala, que tem a vantagem de compartilhar o mesmo “máximo” que um gráfico de pizza faz de 100%. Eu usei números redondos, mas valores com casas decimais funciona bem com esse método.
O que você faz é desvincular os valores da escala, vá de cima para baixo e defina cada fatia X-scale para o valor dessa fatia específica mais a escala da camada acima dela. Portanto, a escala do primeiro sólido é apenas “10%”, pois não há uma camada acima dela. A escala do segundo sólido é “15%” + os 10% da primeira camada = 25% (você pode simplesmente digitar a matemática na entrada da propriedade e ela fará a soma por você). A escala do terceiro sólido é “7% ”+ Os 25% da camada acima = 32% – e assim por diante. Você pode ver os valores finais aqui:
Se a matemática o confunde, funciona tão bem quanto configurar algumas expressões. Coloque o “valor” real de cada fatia no X-scale, em seguida, clique no cronômetro para a posição de cada camada e cole esta expressão, sem as instruções para usar o expressão pickwhip:
X = valor[0]+ (escolha a camada acima do valor da escala X);
Y = valor[1];
[X,Y]
Se você fizer as contas sozinho ou configurar as expressões para fazer isso por você, terá os mesmos valores e resultados:
Agora, volte para a composição principal e aplique o “Coordenadas polares”Para o pré-composto:
Altere o Tipo de conversão para “Rect to Polar” e defina Interpolation para “100%”, reduza a pré-composição um pouco e pronto! Você tem um gráfico de pizza perfeito:
Uma última coisa que gosto de fazer é uma animação de introdução que é bem fácil também. Volte ao pré-composto, programe todos os sólidos para o inferior e, em seguida, faça o quadro-chave da escala X do sólido inferior de “0%” para “100%”:
Espero que este método de criação gráficos de pizza no After Effects ajuda você com vídeos pesados de informações e animações!
