Usando o Procreate para animação: tutorial e guia

A animação pode ser intimidante, principalmente se você tentar usar alguns dos softwares mais avançados e complexos. Mas qualquer pessoa pode aprender a criar animações com o Procreate. Os recursos de animação do Procreate 5 são intuitivos e fáceis de usar, e em poucas etapas você poderá dar vida a criações novas ou existentes com o Procreate GIF. Abaixo, explicaremos como. 

A animação do Procreate usa as técnicas de animação quadro a quadro. Em outras palavras, você vai usar diversos quadros da mesma ilustração, fazendo pequenas alterações em cada um. Em seguida, o Procreate vai reproduzir esses quadros em um loop, criando a ilusão de movimento. Veja abaixo um detalhamento do passo a passo para criar seu próprio Procreate GIF. 

Primeiro, você terá de escolher uma ilustração existente que quer animar (ou criar uma do zero, se preferir). Crie uma versão da ilustração especificamente para a animação deslizando para a direita sobre o ícone de tela e selecionando “duplicar”. Assim você ainda terá uma versão completa de sua ilustração — com todas as camadas intactas — caso queira fazer alterações ou usar o original. 

Neste momento você também pode cortar a imagem se quiser apenas trabalhar com uma parte da ilustração original. 

Em seguida, você terá de mesclar camadas com base especificamente no que pretende animar. No exemplo abaixo, a instrutora da Skillshare, Brooke Glaser, queria animar duas mãos separadas segurando casquinhas de sorvete, então ela mesclou as diferentes camadas que compõem cada mão e cada casquinha (ou seja, o sorvete, o granulado, a mão e as unhas). Você também pode remover camadas se houver algo que não queira incluir na animação. 

A instrutora da Skillshare, Brooke Glaser, explica como mesclar camadas em uma ilustração com base nos elementos específicos que você quer animar. 

Em seguida, você terá de ativar a ferramenta de animação do Procreate, chamada Assistência de Animação. Vá para o ícone de ferramenta no canto superior esquerdo, clique em “tela” e selecione a opção Assistência de Animação. Uma nova barra de ferramentas de animação vai aparecer na parte inferior da tela. 

Agora, você criará quadros duplicados da imagem que preparou e começará a fazer ajustes incrementais. Para duplicar o quadro, mantenha pressionado o botão “adicionar quadro” na barra de ferramentas Assistência de Animação, e um segundo quadro vai aparecer. 

Dentro do novo quadro, você pode mover qualquer elemento que queira animar. Basta selecionar o elemento que quer mover e arrastá-lo para a posição desejada. Ao mover cada objeto, você verá uma versão semitransparente do elemento na posição original — isso é chamado casca de cebola. Ela mostra o quadro que veio antes, para que você possa ver com mais precisão como a imagem vai se mover quando for animada. 

Neste momento, mesmo com apenas dois quadros, você já pode reproduzir a animação. Ela será picotada e curta, obviamente, mas vê-la em movimento vai dar uma boa ideia do que fazer em seguida. 

Glaser demonstra a duplicação de um quadro e as mudanças incrementais que, no fim das contas, criarão a ilusão de movimento. 

A adição de mais quadros permitirá que você crie uma animação mais suave e mais longa. A partir daqui, você vai basicamente repetir o processo descrito no passo 3. No entanto, certifique-se de duplicar seu quadro mais recente (em vez do original) para que você possa fazer ajustes incrementais na animação. Você pode reproduzir a animação a qualquer momento para decidir se quer adicionar mais quadros ou fazer outros ajustes. 

A adição de mais quadros criará uma animação mais suave. 

Dependendo do movimento que criou, você poderá notar trancos ou solavancos. Isso acontece porque a animação do Procreate faz loops padrão do movimento — em outras palavras, ele reproduz a animação do início ao fim, e começa novamente do início. Se você criou um balão subindo para o topo da ilustração, por exemplo, ele saltará de volta para a parte inferior da tela cada vez que a animação recomeçar o loop. 

Você pode consertar isso ativando a opção ping-pong. Nas configurações da barra de ferramentas Assistência de Animação, selecione “ping-pong”. Isso fará com que a animação seja reproduzida para frente e para trás (em modo de repetição), suavizando o movimento. 

A versão final do GIF do sorvete criado por Brook Glaser usa a configuração de ping-pong, que reproduz a animação para frente e para trás em modo de repetição.  

Quando terminar e estiver feliz com seu GIF, o Procreate facilita o compartilhamento de sua criação com o mundo. Clique no ícone de ferramenta no canto superior esquerdo e depois em “compartilhar”, o menu suspenso vai sugerir três opções de formato para compartilhamento: GIF, PNG animado e MP4 animado. 

Dependendo de onde você quiser compartilhar sua animação, talvez seja necessário alterar o tamanho do arquivo. Para reduzir o tamanho, você pode selecionar a resolução pronta para a Web, que reduzirá significativamente o seu arquivo. Uma outra opção é duplicar a tela original e usar a ferramenta de corte e redimensionamento na versão duplicada para reduzi-la. 

Nos passos acima, descrevemos como criar um tipo simples de animação chamada animação de posição. Ela consiste em pegar um objeto que você já desenhou e simplesmente mover sua posição na tela. Existe uma grande variedade de efeitos que você pode obter com esse estilo: um carro passando pela tela, um balão flutuando no céu, duas taças de champanhe brindando. 

No entanto, você também pode criar outros estilos de animação com o Procreate:

Nesse tipo de animação, você fará alterações ou modificações em algo que já desenhou. Por exemplo, alterando a opacidade do amarelo na abóbora abaixo, você pode criar a aparência de uma luz cintilante. Você também pode alterar o tamanho de um objeto ou criar, por exemplo, o efeito de bolhas subindo em um copo de bebida ou da fumaça saindo de uma xícara de café.  

Alterar a opacidade do amarelo nesta imagem cria a ilusão de uma luz cintilante dentro da abóbora. 

Para criar uma animação nesse estilo, você terá de redesenhar o objeto que está animando, mas isso pode ser tão simples ou complexo quanto quiser. Por exemplo, para fazer uma personagem piscar os olhos, você só teria de redesenhar suas pálpebras abrindo e fechando. Para fazer letras se mexendo, você redesenharia as mesmas palavras algumas vezes, com pequenas diferenças. 

Essas letras se mexendo foram criadas redesenhando as palavras várias vezes com pequenas diferenças, dando a ilusão de movimento. 

Assistência de Animação: essa é a principal ferramenta de animação do Procreate. Ao habilitar a Assistência de Animação, uma barra de ferramentas específica para animação vai aparecer, onde você pode duplicar e ajustar quadros e reproduzir a animação. 

Fundo de Animação: com esse recurso, você pode bloquear um fundo para sua animação. Esse fundo fixo será exibido em todos os quadros de sua criação. 

Primeiro Plano de Animação: por outro lado, esse recurso pode bloquear um elemento de primeiro plano, para que ele seja exibido em cima de todos os quadros de sua animação.

Casca de Cebola: essa camada transparente permite que você veja a imagem anterior na sequência da animação. O Procreate também inclui uma codificação de cores na casca de cebola: vermelho para quadros anteriores e verde para quadros futuros. 

Ping-Pong: ao ativar essa configuração, você pode fazer o replay da animação para frente e para trás, em vez de em um loop. 

Loop: com essa configuração, sua animação será reproduzida do início ao fim, depois voltará para o começo e fará o replay do início ao fim novamente, em modo de repetição. 

One Shot: quando essa configuração estiver ativada, sua animação será reproduzida do início ao fim uma única vez antes de parar. 

Quadro: em animação, um quadro é uma imagem individual dentre uma série de imagens. Quando reproduzidas em uma sequência, essas imagens criam a ilusão de movimento. 

Quadros por segundo: você pode usar o recurso de quadros por segundo para acelerar ou diminuir a velocidade de sua animação. 

Animação de posição: nesse tipo de animação, um objeto existente é animado simplesmente pela sua movimentação na tela. 

Este GIF mostra a animação de posição — uma menina e um conjunto de balões flutuando no céu. 

Animação de transformação: outro tipo de animação do Procreate, a animação de transformação exige que você faça modificações em partes das imagens que já desenhou. Juntas, essas modificações criam a ilusão de movimento ou mudança.  

Animação de redesenho: um passo à frente da animação de transformação, esse tipo de animação requer que você redesenhe um objeto ou uma imagem várias vezes para criar os quadros para sua animação. 

Criar uma animação com o Procreate é um jeito fácil e divertido de dar vida às suas ilustrações. Mesmo que você nunca tenha feito um Procreate GIF, essas etapas vão dar as ferramentas de que você precisa para criar e compartilhar uma minianimação num piscar de olhos.