O interessante de finalizar essa animação foi experimentar um processo diferente, usando mix de programas! 👌🤓

Então vou separar em dois momentos:

1. processo da lineart

2. processo das cores.

Lineart

A primeira parte foi tudo feita no Procreate Dreams do Ipad. Fiz no começo do ano (2024), por volta de Março, baseado em alguns sketches da Helô dessa joaninha aqui:

Acredito que foi a primeira animação (e única por enquanto🤣) que fiz nesse programa. Foi mais pra testar como ele funcionava e se eu me adaptava à ele tb.

Aqui foi pra testar se ia ficar legal dar alguma textura pra linha, pra tentaaaar se aproximar um pouco mais da textura de lápis do sketch, mas ainda tentando deixar algo mais livre tb.

Aí, como nós dois (eu e a Helô) gostamos de como poderia ficar, reforcei o traço pra dar mais leitura.

Aqui testei ajustar um pouco o model da caneca, principalmente por conta do fundo (a parte de baixo) dele.

E por fim, adicionei mais alguns intervalos e atrasei um pouco o movimento do bracinho subindo, pra tomar mais tempo (‘curtir’ mais o movimento, assim como a Joaninha ta curtindo o cafezinho dela🤣).

Cores

Eu tinha finalizado toda etapa de LineArt e queria colocar alguma corzinha, mas posterguei até recentemente…😅 (eu acho q era uma mistura de medo/preguiça/e não saber como fazer 🤓)

Tinha feito um primeiro estudo de cores, no Procreate msm, e passei pra Helô dar uma olhada e sugerir o que poderia mudar.

A Helô pegou e fez por cima um teste de cores, já no Krita, pra ver o que daria pra fazer pra dar um Tcham! 🤣✨

**Achei que o final que eu fiz tava parecido, mas olhando agora.. faltou mais desse amarelo brilhoso (daria um charminho a mais… 😰)

Bom, daí depois de mili meses, resolvi testar a ideia que eu tava tendo de fazer a finalização no Krita, pq não tava achando muito intuitivo fazer no Dreams (o que me desanimou e me fez postergar mais ainda).

No Dreams, a interface do programa ficava um pouco pequena, e como teria várias camadas de efeitos e cores, tava me dando um troço. 😅

Daí, fui animando as cores no Krita msm, com os brushes padrões dele, e tentando imitar “as pinceladas" do estudo de cor da Helô.

No fim, talvez fosse só mudar a ordem das camadas praquele “amarelo brilhoso legal” aparecer e ficar bem encima de tudo e/ou mudar o tipo dela de ‘Normal’ pra ‘Overlay’ ou algo do tipo…. 😂😢🤣 mas enfim.. fim!

Softwares usados:

• Procreate Dreams (animação lineart)

• Krita (finalização/cores)

• Aseprite (exportação dos gifs)

Pra quem quiser ver a animação do processo em vídeo, o link pro Shorts do Youtube aqui!

E bom, esse foi “mais um” daqueles desenhos que “pedem” pra ser animados!

Muitas vezes quando vejo um desenho da Helô eu tenho essa sensação do desenho querer ser animado. 🤣

Mas tem horas que não me sinto preparado pra animar o desenho porque ele parece muito complexo ou porque “eu” acabo complicando demais na minha cabeça: começam a vir situações onde aquela pose se encaixaria, só que nem sempre são movimentos simples. 😅 (na verdade, é como se eu visse um longa-metragem na minha cabeça 🤣)

Quando a ideia só está na mente, parece super funcionar, mas na hora do “vamo vê”, vc meio q tem que ir descobrindo as formas q se encaixam melhor (até pq, tudo tá sendo criado a partir de um único desenho de referência).

Mas, nesse caso, a coisa parecia mais simples pq, teoricamente, era só um ciclo de corridinha de perfil, porémm…

Vamo lá pro processo pra descobrir!

Primeiro, eu importo a foto que eu tirei do desenho pra servir de referência. (imagem la encima)

Pra essa anima, como era em pixel art, eu diminui bem a resolução pra poder sentir mais os ‘crunch crunch’ dos pixels, mas tb não muito, pq se eu diminuísse demais, eu teria q ir simplificando cada vez mais o design dela.

Daí, eu rabisquei por cima do desenho (numa camada diferente) pra saber se o formato de resolução tava ok.

Então, tentei animar um ciclo da corrida, tentando resolver mais as pernas. O restante eu deixei com formas abertas, pq eu num sabia como ia resolver ainda. Dá pra perceber no gif, pq fica piscando onde eu num sabia resolver.😂

Esses 2 primeiros momentos (gif 1 e 2) foram bem desafiadores. Nesse 2o momento, eu quis testar adicionar mais um intervalo pro movimento da corrida poder ficar mais suave. Só que com isso, mais um desenho… E então… acabei ficando mais perdido do q já tava! 🤣🤣

Só fiz “mais ou menos” onde que iam ficar as pernas e as mãos, mas sem saber como resolver o design em cada posição…

Demorei algum tempinho pra sair do lugar e chegar nesse momento (alguns dias…😅). Como não sabia como resolver, batia uma mistura de preguiça/frustração/insegurança que me travou legal…

Pegava pra animar, sentava, fazia um rabisco ou outro, e aí ia embora frustrado! 🤣

O que ajudou foi criar coragem e ir resolvendo as pequenas partezinhas que eu tinha maaais ou menos ideia de como poderia ficar. Conectando uma linha aqui, outra acolá, criando mais uma ali e ali… Mas tentando manter as coisas soltas e sabendo q poderia sofrer ajustes mais pra frente.

Daí o processo voltou a andar mais! (ufa) Comecei a limpar as linhas, tentando melhorar a leitura de cada parte. Mas ainda dá pra ver que tinham coisas que eu não sabia como resolver, tipo os bracinhos, mãos e cabelo (pq tavam “abertas” ou com as linhas sujinhas ainda).

Aqui, testando umas corzinhas e uma sombra no chão, mas já tentando melhorar aquelas partes pendentes do gif 4.

Aí, vira e mexe quando eu faço as coisas por aqui, eu mostro pra Helô pra poder ter um outro olhar e aí melhorar os pontos q eu num tava prestando tanta atenção. Nesse caso, ela preferiu fazer umas observações/sugestões no MSpaint. 👀
Foram eles:

• testar adicionar um fiozinho de cabelo atrasado

• adicionar orelha

• deixar + claro a sombra interna da camiseta

• escurecer bermuda

• diminuir largura da sombra

Depois que vimos os gifs lado a lado (que tá lá no começo), a gente gostou da cor da bermuda dos dois jeitos (+ escuro e + claro). Mas acho q sempre é valido o teste dessas coisas pra ver o q vai dar. Às vezes pode fica “bãaaao”… ou pode ficar bom msm! 👍

Também acabamos tirando o fiozinho de cabelo extra, pra ficar mais ‘clean’ e fim.

Ainda acho que o sketch da Helô tem um charminho que acabou não ficando na animação… mas, de uma forma geral, acho q isso tb é uma parte legal do processo.. essa coisa de ir adaptando as coisas conforme o ‘barco anda’. Aprendendo a ser cada vez mais flexível e continuar seguindo em frente, msm não indo do jeito q a gente espera (às vezes a gente nem sabe o q esperar tb) ✌️🌚

Software usado: Aseprite (animação e exportação dos gifs)

Há uns bons anos atrás, fiz a animação desse desenho (só que em outro estilo) para divulgar o e-book “Meditação” da Helô. Naquela época, eu até publiquei o processo da animação no Tumblr (vc pode dar uma olhada aqui).

Mais recentemente, como tava mexendo com pixel, pensei em refazer nesse estilo (pixel) e aproveitar para divulgar o e-book (de novo)!

“Meditação” é um “livro ilustrado” que mostra um pouquiiiiiinho das experiências que a gente teve com meditação de forma curta e divertida. E que, neste instante, está gratuito! (Então, corre lá! Ou aqui!)

Aproveita que é por pouco tempo (5 dias), mas se não estiver, não se preocupe que de tempos em tempos a gente coloca de novo!

E bom, pra quem tem interesse em saber um pouco mais sobre o processo dessa animação, aqui vai! *Mas antes, pra quem quiser ver a animação do processo em vídeo, o link pro Shorts do Youtube aqui!

Primeiro, um rascunho meio rápido tentando seguir a ilustração da capa do “livro”. Se não me engano, tentei fazer bem desapegado, talvez até tenha feito com o mouse. 🤣

Tentei limpar o traço pra ficar só com um pixel (de espessura), com exceção dos olhos. Acho interessante ter grosso e fino, mas nesse caso queria testar algo mais clean.

Aqui, coloquei cores chapadonas só pra ter uma ideia de como tava ficando e, de novo, usando o original como referencia. Talvez tenha até usado o conta gotas pra surrupiar as cores. 👀

Na maioria das vezes, gosto de fazer um frame finalizadão pra ter uma noção de como vai ficar no final, pq se funcionar em um frame, provavelmente vai rolar quando a animação estiver completa. E também pra me manter motivado, saber mais ou menos pra onde eu to indo.

Aí, fiz todos os cabelos se movimentando juntos, sem atraso entre uma mecha e outra. Acho mais fácil pra pensar. 😅

Depois, aí sim, vou atrasando uma ou outra. Ah, e nessas etapas iniciais de animação gosto de fazer as linhas coloridass, pra poder diferenciar uma coisa da outra. (imagem 5 e 6)

Às vezes, no rough (img 5),vou deixando umas linhas abertas, sem conectar… Aí só vou me atentar a isso (conectar/limpar as linhas/fechar as formas) quando estou nesta etapa (img 7).

Aqui, o desafio era simular o efeito de brilho que tinha na testa (do original). Naquela versão foi fácil pq o próprio programa (ToonBoom) criava o ‘glow’. Pra essa versão, tentei simplificar o que dava, mas também sem deixar muito chocho.

Aqui, queria deixar as cores um pouquinho mais quentes, um pouco mais ‘cozy’, sei lá. 🤣

Ajustando o efeito pra durar toda troca de cores e ajustando a composição pra ficar mais próxima da capa.

E por fim, adicionando uma animação de degradê nas bolhas, meio q brilhandinho bem de leve.

Basicamente acredito q foi isso, ou pelo menos é o que eu tenho registrado em gifs aqui! (faz alguns meses que fiz, então não lembro direito 😅)

Mas bom, o legal é se desafiar com esses processos e linguagens diferentes. Testar coisa nova! (principalmente quando a gente tá travado ou se cobrando demais..)

Espero que tenha sido divertido acompanhar um pouco desse processo 👽🖖

Software usado: Aseprite (animação e exportação dos gifs)

*Atualizado 12-02-24: link pro Shorts, no começo do post

Como arte e animação em pixel ainda é algo novo pra gente, resolvi fazer esse estudo pra praticar mais e testar algumas coisas, meio que testar os limites dos pontos (pixels)! 🤣

Então peguei de referência uma pose do Goku que o Akira Toriyama fez no mangá do Dragon Ball, e tentei criar algo.

Fui me perguntando ao longo do processo: “e se eu fizer tal coisa? E se eu atrasar esse movimento? E se eu adicionar um pixel aqui?” e etc.

Daí ia lá, testava… e se ficasse estranho, eu voltava! 😅👍

Tentando também sempre salvar versões a cada mudança mais significativa, pra que qualquer coisa eu pudesse voltar pra uma versão antiga. 

Vou tentar resumir tudo nas etapas do processo a seguir e *pra quem quiser ver a animação do processo em vídeo, o link pro Shorts do Youtube aqui!:

É isso! Espero que não tenha ficado muito grande o post..

E que tenha sido uma viagem divertida pelos pixels! 👽🖖

.

Software usado: Pixel Studio e Aseprite (para reexportação)

Referência: Dragon Ball Volume 01 - Página 05 (logo após capa do capítulo)

*Atualizado 12-02-24: link pro Shorts, no começo do post

Com o design pronto, comecei a brincar com a animação.

As etapas de animação foram mais ou menos essa:

1. Idle do corpo e cabeça (já atrasando um pouco o rabinho)

2. Atrasando a orelha

3. Testando atrasar os pixels da cabeça (pra deixar o movimento menos duro)

4. Adicionando os efeitos de brilhinho

5. Ajustando o efeito pra parecer mais brilhinho do que fumaça saindo

6. … não entendi muito bem esse gif 🤣(mas mudou um pouco a cor do fundo)

7. Final: com ajuste das cores (pra tentar deixar mais quente/alegre)

Pra assistir a animação loopando eu deixei em Frame delay em 0,1 (como padrão ele vem em 0,3) pra ela pra ela tocar um pouco mais rápido, e tb dei um Apply for all frames pra aplicar isso em todos os frames.

Exportando a animação

E por fim, para exportar a animação ou imagem, é só dar um CTRL + S (como se fosse salvar), e na janela que abrir, vc pode definir o formato que vc quer salvar/exportar.

O legal é que ele já te mostra 3 versões de tamanho do que vc tem feito. Então é até legal, durante o processo, ficar apertando pra salvar pra ver como que ta ficando sua ilustração ou animação! 👍 Bem divertido! E também é uma forma de ver de longe, pra poder ver o geralzão do que vc ta fazendo.

E então, vc pode salvar nos formatos que já aparecem nessa janela, na versão gratuita! Aí é só clicar em Save e escolher a pasta pra onde vai salvar, e voilá! Tá pronto! 🙌

Atenção e cuidado básico

Agora, uma coisa que não achei muito prático no Pixel Studio é que ele não dá CTRL + Z depois que vc deleta um frame.

Então, se depois que vc deletar o frame e quiser voltar, o programa não volta.. O CTRL + Z só volta os últimos movimentos que vc faz com as ferramentas… não com a lixeira. 😢

Vc meio que acaba perdendo aquele frame… pra todo sempre… (até onde eu sei..)

No meu caso, o q ajudou foi eu ter salvo um arquivo novo a cada etapa nova que eu fazia.

Salvei como .psp, que parece ser o formato do programa.

Então, pude voltar pra versão que eu não tinha deletado aquele frame…

Quando vc for deletar algo, aparece uma janelinha meio que perguntando se vc quer deletar o frame ou a layer (camada). Daí se vc não quiser deletar é só fechar essa janela.

E é isso!
Bora brincar com os pontos!

O que vc vai ver:

• O que é o Pixel Studio

• Mudar idioma

• Ferramentas e atalhos básicos

• Redefinir atalhos

• Processo de animação simples

• Exportar a animação

• Atenção e cuidado básico

• *Vídeo do processo no Shorts (link aqui)

Requisitos:

• Mouse ou tablet (mesa digitalizadora)

• Pixel Studio (versão gratuita)

O que é Pixel Studio?

Resumindo, é um programa que te permite fazer ilustrações e animações em Pixel Art. Ele possui a versão gratuita e a paga. A diferença é que a paga libera alguns recursos extras como ‘Tema Escuro’, mais tipos de exportação, mais cores na paleta de cores, etc. 

Mas na versão gratuita acredito que já dê pra fazer bastante coisa, inclusive o idle do Beppo foi feita nessa versão.

Mudando idioma

Acabo me perdendo e ficando confuso quando os termos/palavras estão traduzidas do inglês para o português (tipo: file, open, save, frame, brush, etc.) então eu prefiro usar os em inglês mesmo. 

Mas se preferir, pode deixar em português, no problemo! 👍

Se quiser mudar: clique na engrenagem da barra lateral de ferramentas > UI > Clicar na bandeira do país

Ferramentas e atalhos básicos

• Lápis (B)

• Borracha (E)

• Baldinho

• Conta gotas (D)

• Zoom in/out (Rolagem do botão do meio mouse)

• Pan (Espaço)

• Undo (Ctrl + Z)

• Redo (Ctrl + Y)

• Avançar frame (G)

• Voltar frame (F)

• Play (Enter)

Deixei marcado em negrito os atalhos que alterei. O que acho bom de alterar esses é que fica mais fácil de alternar entre as ferramentas sem mexer muito a mão. 🤣

Redefinindo atalhos

Para adicionar ou redefinir atalhos precisamos abrir a janela de Hotkeys: clique na engrenagem da barra lateral de ferramentas > Toolbar > Ícone do teclado

Alguns atalhos eu alterei para ficar mais ou menos com o que eu já tava acostumado no ToonBoom (que é um software pago de animação).

Mas qualquer coisa, se vc quiser voltar pro padrão é só clicar em “reset” na janela das Hotkeys.

Processo de animação

Agora bora pra animação!

No meu caso, usei de referencia um estudo do Beppo* q a Helô tinha feito num papel quadriculado.

(Pra quem não conhece, “Beppo” é o nosso mascote dottopointesco!)

Mas vc tb pode tentar criar direto no programa, rabiscando com a ferramenta lápis. É legal pq é um processo de tipo esculpir pixels, vc vai descobrindo as forma e entendendo um pouco mais dessa frase: “Cada pixel importa” - de algum youtuber que não me lembro, perdão. 

Criei um projeto novo no tamanho de 16x16 pixels, pra tentar manter o Canvas mais limitado, e não detalhar muito, já que o próprio design já tava em 12x13 pixels.

Acabei usando o “Advanced Template” pra habilitar as camadas na timeline de animação.

No programa fomos adaptando o design em Pixel Art pra ficar mais parecido com o design original dele (o do logo).

Mexemos principalmente na cabeça pra ficar parecendo mais com um caldeirãozinho, de onde sai os brilhinhos.

Coloquei tb uma cor de fundo pra contrastar com o brilhinho.

Continua no post seguinte

Dicionário de Animação em “DottoPointês”

Caso tenha algum termo que vc não conheça, vc pode checar o dicionário que criamos para alguns termos! Talvez esteja lá 👍 e se não estiver, pode deixar nos comentários! 🙏

*Atualizado 12-02-24: link pro Shorts, no começo do post

Abaixo, listamos alguns termos de maneira “dottopointesca*”! E se você tiver alguma dúvida e/ou souber de mais termos que não estão nesta lista, deixe um comentário!

Técnicas

• Animação: (ou anima) Qualquer tipo/formato de vídeo com uma sequencia de imagens, dando a ilusão de movimento.

• 2D: Duas dimensões, geralmente chamadas de eixo X e Y (largura e altura, respectivamente).

• 3D: Três dimensões, eixos X, Y e Z (largura, altura e profundidade, respectivamente). Também conhecido como “CG” (“Computação gráfica”), gerado por computador.

• Full¹: “by 1” ou 24 frames para completar 1 segundo de animação.

• Tradicional: Feito com lápis e papel.

• Digital: Feito no computador (ou celular ou tablet…).

• Cut-Out: Geralmente papel recortado, mas também é usado para se referir ao cut-out digital.

• Cut-Out Digital: Mesma ideia do cut-out, mas feito no computador.

• Stop Motion: Animação de objetos, fotografando cada “mexidinha” do objeto. Também usado para se referir ao pixilation.

• Pixilation: Animação de pessoas.

• Flipbook: Bloquinho de papel com um desenho em cada página que você “folheia” para ver a ilusão do movimento.

• Rotoscopia: Desenhar por cima de um vídeo gravado.

• Motion Graphics: animação de elementos gráficos (linhas, textos, ícones, formas geométricas…).

• Motion Capture: (ou mocap), gravação do movimento e posteriormente (ou em tempo real) colocado num modelo/boneco 3D.

• Special Effects: animação de “efeitos especiais”.

• Pixel Art: Arte com pixels.

• Marionetes, fantoches, ventríloquos…: outros exemplos de animação.

• Estroboscópio, Taumatrópio, Praxinoscópio, Zootrópio, entre outros…: exemplos de “brinquedos óticos” antigos.

Termos

• Frame a Frame: “Desenhado”, na mão, na raça, não necessariamente 24 frames (full) ou by 2… Tanto para animação tradicional, quanto para digital.

• Straight Ahead: Animar um frame seguido do outro, em sequência (frame 1, frame 2, frame 3…). Não necessariamente “by 1”.

• Pose to Pose: Animar começando pelas poses principais (keys), depois breakdowns e depois os demais intervalos.

• Rough: (O famoso “rafi”). Rascunho, indicação, marcação…

• Block: Etapa de animação que ajuda a visualizar a animação como um todo, sem intervalar.

• Pré-block: Um block mais “cru”, menos trabalhado, mas que ajuda bastante para se ter noção do timing.

• Blocado: Animação com poucos intervalos, dando a impressão de movimento “mais durinho”.

• By1: (ou “on ones” ou “por 1”), “animar full”, 24 frames para 1 segundo. “By2” (ou “on twos” ou “por 2”), seria animar 12 frames e duplicá-los, gerando os 24 frames.

• Keyframe: Frames principais para a realização de um movimento, frames que “contam a história”.

• Key: Mesma coisa que “keyframe”, mas no “digital” também é usado para se referir a “qualquer pose” (ou “pontinho na timeline”).

• Extremos: São as poses onde ocorrem uma mudança na direção (ou “os finais de uma ação onde a direção muda”).

• Breakdown: Frame que te ajuda a visualizar “como” o movimento será realizado e/ou indicar “detalhes” do movimento (ex.: peso de um objeto ou personagem).

• Intervalos: Frames que não são “principais”, nem “breakdowns”, mas que ficam entre eles.

• Tween: Intervalos automáticos, feitos pelo próprio programa de animação.

• Ease: “Curvas” para ajustar “a velocidade” de um tween (acelerar, desacelerar, constante, s…).

• Timing: É o “tempo” em que cada movimento acontece, não necessariamente a “quantidade de frames”. Poucos frames, movimento rápido. Muitos frames, devagar.

• Spacing: É o “tanto que o objeto se desloca” em relação a algo.

• Onion Skin: É uma ferramenta que permite visualizar os frames anteriores e/ou posteriores (como uma mesa de luz).

• Flipar: Do inglês, “to flip”. “Folhear” a animação. Ou ato de ir de um frame para o outro, seguinte ou anterior. Ou ação de inverter/espelhar algo (eixo X e Y…).

• Playar: (Soa como “pleiar”). Do inglês, “to play”. Ação de dar “play” na animação.

• Resetar: “Voltar ao padrão”.

• Renderizar: (ou exportar) Ação de gerar/”revelar” os frames de uma animação.

• Render: Animação finalizada exportada, pode ser em vídeo, sequencia de imagens…

• Thumbnail: Uma imagem “miniatura” para pré-visualizar algo.

• FX: Do inglês, “effects”. Abreviação para “efeitos”.

• BG: Do inglês, “background”. Abreviação para “cenário”.

• CHAR: Do inglês, “character”. Abreviação para “personagem”.

• PROP: Objetos usados ou não pelos personagens.

• Pré: Se refere a toda parte da produção antes de começar a etapa da animação em si (ex.: todos os itens abaixo, com exceção da “pós”).

• Pós: Se refere a etapa de pós-produção para a finalização do vídeo (ex.: juntar todos os renders, colocar efeitos…).

• Storyboard: Como se fosse uma história em quadrinhos da animação que ainda será feita.

• Storyreel: Quadros do storyboard colocados num vídeo, determinando duração das cenas, planos…

• Animatic: É como se fosse um storyreel, mas descrevendo mais as ações, expressões, timing…

• Lineup: Uma imagem de referência usada para ver a relação de altura entre os personagens…

• Model: Termo usado para se referir às proporções padrões do personagem (para verificar se estão dentro ou fora do padrão).

• Model Sheet: Página(s) de referência com as poses do personagem e/ou objetos, com ângulos variados.

• Turn Around: São as poses de um mesmo personagem, visto em 180º ou 360º (ex.: frente, 3/4, perfil…).

• Expression Sheet: Página com as expressões de um personagem.

• Rig: “Esqueleto” para a mecânica de um personagem ou objeto.

• Setup: Arquivo “montado” com todos os elementos que aparecerão e/ou serão usados em cena.

• Layout: Pode se referir ao setup, mas também pode conter partes “pré-blocadas” de uma animação.

• Antecipação: “Preparação” para uma ação.

• Acomodação: Desacelerar um movimento, geralmente para pará-lo.

• Cushion: Tipo uma “amortecida”, um “squash-stretch” suave.

• Aceleração²: Objeto vai aumentando o deslocamento.

• Desaceleração²: Objeto vai diminuindo o deslocamento.

• Constante: (ou ease zero) Objeto desloca sempre “o mesmo tanto”.

• Ease S: Acelerar e desacelerar.

• Hold: “Segurar” parado, “congelar” um frame. Segurá-lo por um tempo, sem alterações.

• Moving Hold: É como uma super desaceleração, quase parando, feito com poses muito parecidas.

• Keep Alive: Pequenas ações para “lembrar” que o personagem está “vivo” (piscadas, troca de peso nas pernas, mexidinha de cabeça…), sem chamar muita atenção.

• Idle: Parecido com o “keep alive”. É a animação/movimento que o “personagem” faz quando está parado, principalmente em games.

• Squash: “Amassar”.

• Stretch: “Esticar”.

• Exagero: Para que o movimento fique mais “legível”, aparente (e/ou “convincente”), dar uma “elasticidade” ou “deixar engraçado”…

• Staging: “Distribuir” as ações (ou enquadramento) de uma cena para “guiar” o olhar do espectador.

• Arcos: “Trajetos” que dão mais fluidez.

• Ações secundárias: Ações ou movimentos que auxiliam a (interpretação de uma) ação “primária” (ex.: lamber os lábios antes de morder um lanche).

• Overlap: Partes que se movem e param em tempos diferentes.

• Follow Through: (ou follow thru) Movimentos que continuam ocorrendo mesmo depois que o “corpo” parou de se mover.

• Drag: Um tipo de “atraso”, “segurando um pouco” o movimento.

• Overshoot: (ou “passa e volta”) É quando o movimento “passa e volta”, antes de parar.

• Stagger: Tipo um “vai e volta” (“resistência”) na direção do movimento. Pode ser usado para passar diferentes sensações (ex.: freada, dificuldade em alcançar algo…).

• Shake: Chacoalhada.

• Head Shake: Chacoalhada de cabeça.

• Take: É uma reação de surpresa e/ou susto.

• Double Take: É como se fosse uma antecipação de um susto, com o susto. (ex.: você olha normal, volta, olha de novo, mas assustado).

• Smear: É um tipo de “rastro único” para ajudar na impressão de movimento rápido.

• Múltiplos: É como um smear, mas com “múltiplas” partes daquilo que se deseja fazer o “rastro” (ex.: vários olhos, em um único frame, durante uma virada de cabeça).

• Desenho sólido: Para que as formas pareçam estar num “espaço tridimensional” (“respeitando a perspectiva”), passando a impressão de volume, peso e equilíbrio.

• Silhueta: Imagem “sólida” com um “contorno” legível.

• Appeal: Algo que deixe o personagem (ou objeto ou “coisa) “interessante” de se ver.

• Pan³: Rotacionar a câmera horizontalmente, no seu próprio eixo.

• Travelling: Movimento com a câmera realizado com “carrinho e trilhos”.

• Track/Truck: Andar com a câmera “lateralmente” ao “objeto”.

• Whip: É como a pan, mas mais rápida, dando um efeito “borrado”.

• Tilt: Rotacionar a câmera verticalmente, no seu próprio eixo.

• Dolly: Aproximar ou afastar a câmera fisicamente.

• Zoom³: “Aproximar” (“in”) ou “afastar” (“out”), sem mover a câmera.

• Dolly Zoom: Aproximar ou afastar a câmera fisicamente e dar um zoom in/out ao mesmo tempo, mantendo o “objeto” do mesmo tamanho.

• Arco: Mover a câmera fisicamente (“traçando” circulo) ao redor do “objeto”.

• Roll: Rotacionar a câmera, tipo de “ponta cabeça”.

• Follow: Seguir o “objeto” com a câmera.

• Over the shoulder: Câmera posicionada “nos ombros” de um personagem.

• Cut on action: Cortar um plano/cena no meio do movimento.

• Hook Up: Continuar a ação no plano/cena seguinte (ou manter a continuidade das cenas) (ex.: posição de props…).

• Fade: “Escurecer” (“to black”) ou “clarear” (“to white”) toda a tela.

• Wipe: Um tipo de transição de uma cena para outra.

• Íris: Um tipo de wipe. Quando a “tela” vai se “fechando (ou abrindo)”, em círculo (também dá para fazer utilizando outras formas: estrela, coração…).

¹Sobre o termo “full“: Você também pode ouvir usarem esse termo para se referir a animações “desenhadas”, mesmo que elas não sejam “by1”.

²Sobre aceleração e desaceleração: Em cada lugar está escrito de um jeito, mas já que estamos no Brasil, nós achamos que é mais fácil chamar de “aceleração” e “desaceleração“… No livro “The Animator’s Survival Kit“, do Richard Williams, “slow/ease out” são “acelerações” e “slow/ease in“, “desacelerações”. No blog da “Animation Mentor“, “slow out” é aceleração, “slow in“, desaceleração. E na página do Google sobre “Fundamentos Web“, “ease out” é desaceleração e “ease in“, aceleração. (Confuso, não?!)

³Sobre pan: nós também usamos para nos referir ao deslocamento horizontal ou vertical da câmera, mas talvez o correto seria chamarmos de “tracking”, “truck” e/ou “travelling”, mas aparentemente somos muito “rebeldes” para falarmos o termo correto…

*“Dottopointesca” é a explicação “bastante simplificada” daquilo que nós (DottoPointo) entendemos e/ou da forma que utilizamos esses termos durante o trabalho (no “dia-a-dia”). Portanto, as explicações dos termos podem “variar” de acordo com a área (cinema, animação…), estúdio, interpretação de cada um… O importante é que a gente consiga se “entender” e/ou “perceber” o que as coisas são, sem ser, necessariamente, “explicados da mesma forma”.

Notas de edições:

19/02/22: Adicionado “rough”.

03/07/23: Adicionado “idle”.