Por tr\u00e1s de incont\u00e1veis exemplos bem-sucedidos, encontram-se princ\u00edpios da anima\u00e7\u00e3o que interessam aos profissionais da \u00e1rea. S\u00e3o os famosos detalhes t\u00e9cnicos que fazem a m\u00e1gica acontecer!<\/p>\n
Sim! Falamos aqui dos 12 princ\u00edpios da anima\u00e7\u00e3o<\/strong> descritos no livro “The Illusion of Life: Disney Animation” (1981), de Frank Thomas e Ollie Johnston, dois dos principais animadores da Disney.<\/p>\n Neste guia, abordaremos, portanto, um pouco cada um desses 12 princ\u00edpios b\u00e1sicos, mencionando exemplos e sugest\u00f5es de como eles podem ser aplicados na pr\u00e1tica.<\/p>\n Para chegarmos l\u00e1, dividimos este conte\u00fado nos seguintes t\u00f3picos:<\/p>\n Ao longo deste conte\u00fado, voc\u00ea tamb\u00e9m ter\u00e1 acesso a materiais complementares para aumentar seu repert\u00f3rio em temas associados. Confira!<\/p>\n <\/a><\/p>\n O tamanho do mercado global de anima\u00e7\u00e3o foi estimado em 372,44 bilh\u00f5es de d\u00f3lares recentemente e deve atingir mais de 587,1 bilh\u00f5es at\u00e9 2030<\/a>.<\/p>\n Os principais fatores respons\u00e1veis \u200b\u200bpelo crescimento do mercado s\u00e3o os avan\u00e7os e desenvolvimentos nos setores de comunica\u00e7\u00f5es e tecnologia, o crescimento da ind\u00fastria de m\u00eddia e entretenimento e a penetra\u00e7\u00e3o da internet em novas regi\u00f5es.<\/p>\n Sem esses avan\u00e7os tecnol\u00f3gicos e infraestruturais, talvez a anima\u00e7\u00e3o n\u00e3o tivesse ocupado tanto espa\u00e7o na \u00e1rea de cria\u00e7\u00e3o e marketing.<\/p>\n Tanto a t\u00e9cnica tradicional quadro a quadro (stop motion) quanto as abordagens modernas, que incluem as t\u00e9cnicas avan\u00e7adas de motion graphics<\/a>, fazem sucesso em v\u00eddeos animados para as empresas.<\/p>\n As anima\u00e7\u00f5es comerciais s\u00e3o famosas pela narrativa, pelos estilos e pela resposta emocional (e, \u00e0s vezes, nost\u00e1lgica) que evocam, enquanto anunciam sutilmente os produtos.<\/p>\n Ou seja, a anima\u00e7\u00e3o transformou para sempre a percep\u00e7\u00e3o das marcas, e o mais importante: as pessoas se lembram delas com facilidade.<\/p>\n Por isso, \u00e9 fundamental conhecer os princ\u00edpios da anima\u00e7\u00e3o para crescer profissionalmente \u2014 conforme veremos a seguir! <\/p>\n Voc\u00ea tamb\u00e9m pode se interessar por estes conte\u00fados:<\/strong><\/p>\n <\/a><\/p>\n Antes de falarmos dos 12 princ\u00edpios da anima\u00e7\u00e3o, queremos refor\u00e7ar a import\u00e2ncia de o animador buscar conhecimentos t\u00e3o espec\u00edficos e basilares para um setor como esse.<\/p>\n Uma mente criativa e uma forte imagina\u00e7\u00e3o visual s\u00e3o habilidades indispens\u00e1veis para um animador de sucesso. Mas a criatividade e a imagina\u00e7\u00e3o devem se aliar a uma forte curiosidade<\/strong> em buscar t\u00e9cnicas e ferramentas que podem melhorar seu trabalho.<\/p>\n O trabalho do animador \u00e9, portanto, meticulosamente detalhado e, sem as t\u00e9cnicas ou ferramentas certas, h\u00e1 o risco de se trabalhar longas horas e ainda n\u00e3o entregar o que existe de melhor na \u00e1rea. Ent\u00e3o, a sede de conhecimento ser\u00e1 sua melhor aliada na sua trajet\u00f3ria para dominar os 12 princ\u00edpios da anima\u00e7\u00e3o!<\/p>\n <\/a><\/p>\n Que tal conhecer, enfim, os 12 princ\u00edpios da anima\u00e7\u00e3o da Disney? A lista \u00e9 a seguinte:<\/p>\n Para entender como cada um dos princ\u00edpios da anima\u00e7\u00e3o pode ser aplicado e seus exemplos, veja as explica\u00e7\u00f5es a seguir!<\/p>\n <\/a><\/p>\n Esmagar (squash) e esticar (stretch) d\u00e3o flexibilidade <\/strong>aos objetos animados.<\/p>\n A maneira mais f\u00e1cil de entender como esses princ\u00edpios funcionam \u00e9 olhar para uma bola quicando.<\/p>\n \u00c0 medida que come\u00e7a a cair e ganhar velocidade, a bola se estica pouco antes do impacto (stretch). Ao atingir o solo, ela se esmaga antes de se esticar novamente quando decola (squash).<\/p>\n Observe que, quando \u00e9 esmagada ou esticada, a largura e a profundidade do objeto precisam corresponder de acordo com o movimento.<\/p>\n O princ\u00edpio esmagar e esticar acontece com frequ\u00eancia na vida real. H\u00e1 muita compress\u00e3o e alongamento no rosto quando algu\u00e9m fala, por exemplo, porque o rosto \u00e9 uma \u00e1rea muito flex\u00edvel.<\/p>\n O Squash e Stretch podem ser usados em momentos diferentes da anima\u00e7\u00e3o porque adicionam efeito c\u00f4mico e tornam os objetivos mais reais. Por exemplo, durante um piscar de olhos, assim que algu\u00e9m fica surpreso ou assustado.<\/p>\n <\/a><\/p>\n A antecipa\u00e7\u00e3o \u00e9 um (ou mais de um) pequeno movimento antes do movimento principal.<\/strong><\/p>\n \u00c9 quando a sua anima\u00e7\u00e3o prepara o p\u00fablico para uma a\u00e7\u00e3o que est\u00e1 prestes a acontecer, fazendo com que esse movimento ganhe uma ilus\u00e3o maior de realidade.<\/p>\n Um dan\u00e7arino, antes de pular, precisa dobrar os joelhos.<\/p>\n Um jogador de golfe, antes de dar a tacada, tem que balan\u00e7ar o taco para tr\u00e1s.<\/p>\n Antes de um atleta correr, ele dobra o corpo na dire\u00e7\u00e3o oposta, levanta os bra\u00e7os e uma perna.<\/p>\n A antecipa\u00e7\u00e3o parece ser uma maneira natural para as criaturas se moverem. Na anima\u00e7\u00e3o, \u00e9 o que torna os movimentos de um objeto mais cr\u00edveis.<\/p>\n Ent\u00e3o, se uma pessoa animada precisa avan\u00e7ar, primeiro ela deve voltar. Se um personagem for pegar um copo na mesa, ele deve primeiro mover a m\u00e3o para tr\u00e1s.<\/p>\n A antecipa\u00e7\u00e3o n\u00e3o apenas aumenta o impulso, mas permite que o p\u00fablico saiba que o personagem est\u00e1 prestes a se mover.<\/p>\n <\/a><\/p>\n A encena\u00e7\u00e3o \u00e9 um princ\u00edpio baseado em valores teatrais para chamar a aten\u00e7\u00e3o do espectador para os elementos mais importantes de uma anima\u00e7\u00e3o.<\/p>\n Esse princ\u00edpio consiste em mover os elementos para que o p\u00fablico fique focado naquilo que \u00e9 mais importante.<\/p>\n A encena\u00e7\u00e3o envolve desde a localiza\u00e7\u00e3o dos personagens at\u00e9 os elementos de fundo e em primeiro plano, o humor do personagem, o \u00e2ngulo da cena e o tempo dos movimentos.<\/p>\n Nem sempre \u00e9 \u00f3bvio, mas o desafio de encenar vai al\u00e9m de simplesmente colocar a luz sobre o personagem principal e pronto. Muitas vezes, pequenos detalhes no fundo ou mesmo a dire\u00e7\u00e3o do olhar de um secund\u00e1rio ajudam a guiar o foco do p\u00fablico. S\u00f3 que, para isso funcionar, \u00e9 quase um exerc\u00edcio de empatia: o animador precisa adivinhar para onde um ser humano vai naturalmente olhar primeiro naquela cena. N\u00e3o \u00e9 todo dia que conseguimos ser invis\u00edveis como narradores, mas quando funciona, a cena flui com naturalidade absurda.<\/p>\n Sem falar que a encena\u00e7\u00e3o n\u00e3o \u00e9 receita fixa. Depende do tom, do g\u00eanero, do conte\u00fado da anima\u00e7\u00e3o e at\u00e9 do humor do dia do animador, para ser honesto. J\u00e1 vi situa\u00e7\u00e3o em que uma escolha ousada de palco quase virou desastre porque o timing visual n\u00e3o colaborou, mas o erro ensina r\u00e1pido \u2013 \u00e9 s\u00f3 testar e ajustar at\u00e9 encontrar aquele equil\u00edbrio que instintivamente “faz sentido”. Pode n\u00e3o parecer ci\u00eancia exata, mas \u00e9 a\u00ed que mora o charme todo do processo criativo.<\/p>\n Ampliar o zoom ajuda a chamar a aten\u00e7\u00e3o para a express\u00e3o de um personagem, enquanto a c\u00e2mera afastada destaca os movimentos em cenas de a\u00e7\u00e3o.<\/p>\n Todos os elementos colaboram para que voc\u00ea tenha o pleno controle de para onde as pessoas est\u00e3o olhando<\/strong> a cada instante da anima\u00e7\u00e3o.<\/p>\n <\/a><\/p>\n Siga Direto e Pose a Pose s\u00e3o duas t\u00e9cnicas de desenhar movimentos realistas e fluidos na anima\u00e7\u00e3o. Veja como funciona cada uma:<\/p>\n O m\u00e9todo pose a pose d\u00e1 mais controle sobre a a\u00e7\u00e3o. Voc\u00ea pode ver desde o in\u00edcio onde seu personagem estar\u00e1 no come\u00e7o e no fim, em vez de esperar que o tempo certo.<\/p>\n Ao fazer as poses principais primeiro, voc\u00ea pode detectar erros importantes mais cedo. Mas como a a\u00e7\u00e3o \u00e9 planejada, o efeito pode n\u00e3o ser t\u00e3o espont\u00e2neo quanto outras t\u00e9cnicas.<\/p>\n J\u00e1 o Siga Direito \u00e9 menos planejado e, portanto, mais surpreendente e realista. \u00c9 uma t\u00e9cnica que pode ser \u00fatil para dar mais realismo a sequ\u00eancias de movimentos previs\u00edveis.<\/p>\n Dominar ambas as t\u00e9cnicas \u00e9 a melhor abordagem para ser um animador de sucesso. Ao aprender a combinar os dois princ\u00edpios, \u00e9 poss\u00edvel conquistar um maior controle sobre a\u00e7\u00e3o e espontaneidade ao mesmo tempo.<\/p>\n <\/a><\/p>\n Quando um objeto para depois de estar em movimento, existem partes do objeto que continuam se movimentando<\/strong>.<\/p>\n Na anima\u00e7\u00e3o, isso pode ser chamado de Follow through ou, em portugu\u00eas, Siga em Frente.<\/p>\n Quando um personagem corre, seus bra\u00e7os e pernas podem se mover em uma velocidade diferente da cabe\u00e7a<\/strong>.<\/p>\n Essa diferen\u00e7a entre as partes \u00e9 conhecida na anima\u00e7\u00e3o como Overlapping Action ou, em portugu\u00eas, A\u00e7\u00e3o Sobreposta.<\/p>\n Ambas as t\u00e9cnicas descrevem o mesmo princ\u00edpio, mas de diferentes maneiras.<\/p>\n Dominar as duas pode garantir que as suas anima\u00e7\u00f5es tenham movimentos mais suaves e realistas.<\/p>\n <\/a><\/p>\n O princ\u00edpio da acelera\u00e7\u00e3o e desacelera\u00e7\u00e3o parte de uma no\u00e7\u00e3o simples: conforme se movem, os objetos precisam de um tempo para ganhar velocidade ou parar.<\/p>\n Quando uma pessoa corre, ela come\u00e7a a se mover lentamente antes de ganhar impulso e acelerar. Na anima\u00e7\u00e3o, esse movimento pode ser chamado de slow out (ou acelera\u00e7\u00e3o).<\/p>\n Quando o carro freia, ele se move lentamente antes de parar por completo. Na anima\u00e7\u00e3o, esse movimento pode ser chamado de slow in (desacelera\u00e7\u00e3o).<\/p>\n Os efeitos de acelera\u00e7\u00e3o e desacelera\u00e7\u00e3o na anima\u00e7\u00e3o s\u00e3o obtidos adicionando mais quadros no in\u00edcio e no final de uma sequ\u00eancia de a\u00e7\u00e3o.<\/p>\n <\/a><\/p>\n Os movimentos na vida real n\u00e3o acontecem em linha reta, e na anima\u00e7\u00e3o tamb\u00e9m n\u00e3o.<\/p>\n A maioria dos objetos segue naturalmente um movimento circular<\/strong> quando entra em movimento, e as suas anima\u00e7\u00f5es devem refletir esse arco.<\/p>\n Os arcos operam ao longo de uma trajet\u00f3ria curva que adiciona a ilus\u00e3o de vida a um objeto animado em a\u00e7\u00e3o.<\/p>\n Sem arcos, uma anima\u00e7\u00e3o \u00e9 r\u00edgida e mec\u00e2nica.<\/p>\n Se um personagem estiver virando a cabe\u00e7a, ele primeiro abaixar\u00e1 a cabe\u00e7a durante a virada para criar um movimento de arco.<\/p>\n Voc\u00ea tamb\u00e9m quer garantir que as coisas mais sutis se movam em arcos. Por exemplo, quando um personagem animado anda, at\u00e9 as pontas dos dedos dos p\u00e9s devem se mover em um movimento arredondado e arqueado para parecer real.<\/p>\n <\/a><\/p>\n A\u00e7\u00f5es secund\u00e1rias s\u00e3o gestos que suportam a a\u00e7\u00e3o principal para adicionar mais dimens\u00e3o \u00e0 anima\u00e7\u00e3o do personagem.<\/p>\n Digamos que um cervo morde uma folha pulverizada com repelente e logo em seguida cospe a folha da sua boca.<\/p>\n A a\u00e7\u00e3o prim\u00e1ria \u00e9 o cervo cuspir a folha quando percebe que n\u00e3o \u00e9 boa. A a\u00e7\u00e3o secund\u00e1ria pode ser o abanar da cauda que mostra o al\u00edvio do cervo por ter expelido o gosto horr\u00edvel da boca.<\/p>\n Em outra anima\u00e7\u00e3o, a a\u00e7\u00e3o secund\u00e1ria pode ser o movimento sutil do cabelo de um personagem enquanto ele anda ou uma express\u00e3o facial de prazer ao comer algo saboroso.<\/p>\n Seja qual for o caso, a a\u00e7\u00e3o secund\u00e1ria n\u00e3o deve desviar a aten\u00e7\u00e3o da a\u00e7\u00e3o prim\u00e1ria<\/strong>.<\/p>\n Ela serve para enfatizar a a\u00e7\u00e3o prim\u00e1ria, dar mais vida \u00e0 anima\u00e7\u00e3o e criar uma a\u00e7\u00e3o mais convincente, mas nunca distrair os espectadores nem dominar toda a cena.<\/p>\n Confira tamb\u00e9m estes materiais sobre o assunto:<\/strong><\/p>\n <\/a><\/p>\n Ao mover um objeto mais r\u00e1pido ou devagar do que ele se moveria naturalmente no mundo real, o efeito n\u00e3o ser\u00e1 cr\u00edvel.<\/p>\n O tempo na anima\u00e7\u00e3o \u00e9 o que d\u00e1 aos objetos e personagens a ilus\u00e3o de se mover dentro das leis da f\u00edsica.<\/p>\n Na anima\u00e7\u00e3o, o tempo refere-se ao n\u00famero de desenhos entre as a\u00e7\u00f5es. Se uma bola viaja da esquerda para a direita em 24 a\u00e7\u00f5es, isso seria o tempo.<\/p>\n No geral, quanto mais desenhos entre as a\u00e7\u00f5es, mais lento \u00e9 o movimento completo. Quanto menor \u00e9 o n\u00famero de desenhos, mais r\u00e1pido \u00e9 o movimento.<\/p>\n Usar o tempo correto permite que voc\u00ea controle a rea\u00e7\u00e3o dos seus personagens e objetos.<\/p>\n Isso n\u00e3o quer dizer que voc\u00ea n\u00e3o pode empurrar as coisas um pouco al\u00e9m do limite do veross\u00edmil, especialmente ao criar um mundo imagin\u00e1rio.<\/p>\n Se fizer isso, \u00e9 necess\u00e1rio que o exagero de tempo seja aparente. Se o movimento exagerado n\u00e3o for suficientemente evidente, a a\u00e7\u00e3o ficar\u00e1 apenas inveross\u00edmil.<\/p>\n\n
Os princ\u00edpios da anima\u00e7\u00e3o ganham espa\u00e7o no mercado<\/h2>\n
\n
A import\u00e2ncia da qualifica\u00e7\u00e3o na \u00e1rea de anima\u00e7\u00e3o<\/h2>\n
Os 12 princ\u00edpios da anima\u00e7\u00e3o<\/h2>\n
\n
1. Esmagar e Esticar (Squash and Stretch)<\/h3>\n
2. Antecipa\u00e7\u00e3o (Anticipation)<\/h3>\n
3. Encena\u00e7\u00e3o (Staging)<\/h3>\n
4. Siga Direto e Pose a Pose (Straight Ahead Action and Pose to Pose)<\/h3>\n
\n
5. Siga em frente e A\u00e7\u00e3o Sobreposta (Follow through and Overlapping Action)<\/h3>\n
6. Desacelera\u00e7\u00e3o e acelera\u00e7\u00e3o (Slow in and Slow out)<\/h3>\n
7. Movimento em arco (Arcs)<\/h3>\n
![\"Movimento](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/movimento-em-arco-1024x176.png\")
8. A\u00e7\u00e3o secund\u00e1ria (Secondary Actions)<\/h3>\n
\n
9. Temporiza\u00e7\u00e3o (Timing)<\/h3>\n
![\"Esmagar](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/esmagar-e-esticar.png\")
![\"Antecipa\u00e7\u00e3o\"](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/antecipacao.png\")
![\"Encena\u00e7\u00e3o\"](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/encenacao.png\")
![\"Siga](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/siga-direto-pose-a-pose.png\")
![\"Pose](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/pose-a-pose.png\")
![\"Siga](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/siga-em-frente.png\")
![\"A\u00e7\u00e3o](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/acao-sobreposta.png\")
![\"Desacelera\u00e7\u00e3o](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/desaceleracao-e-aceleracao.png\")
![\"Movimento](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/movimento-em-arco2-1024x163.png\")
![\"A\u00e7\u00e3o](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/acao-secundaria.png\")
![\"Temporiza\u00e7\u00e3o\"](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/temporizacao.png\")
![\"\"](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/exagero.png\")
![\"Desenho](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/desenho-volumetrico.png\")
![\"Apelo\"](\"https:\/\/rockcontent.com\/br\/wp-content\/uploads\/sites\/2\/2022\/06\/apelo.png\")