Nós não vamos usar a técnica tradicional com Cel Animation, que também é super legal (recomendo tentarem), mas vamos mostrar uma forma mais prática de gerar animações neste estilo. Essa técnica vai permitir um resultado interessante e é rápida de fazer e aprender. Lembrem-se de deixar seu like no vídeo, compartilhar com a galera e convidar mais pessoas a fazer parte do nosso canal. Assista para aprender.
Galera, se precisarem de um template de After Effects entre no link ai embaixo. Você será redirecionado para a página do Videohive, um dos sites da Envato. Saiba mais no artigo do AEdicas sobre o assunto: Templates do After Effects no Videohive.
O que vamos precisar?
- Adobe After Effects (na videoaula utilizo a versão CC 2014.2)
- Cerca de 01 hora pra completar o projeto. (30 min de tutorial)
- Um ícone ou logo que deseje animar.
Download do projeto e dos materiais da videoaula
Para que você possa acompanhar o tutorial, baixe os arquivos necessários e o projeto. Você será redirecionado para o site Gumroad, não se assuste, lá você pode doar o quanto quiser pelo projeto ou baixá-lo gratuitamente. No projeto, talvez, você encontrará uma versão um pouco diferente da que foi feita no tutorial, repare nas diferenças e aprenda ainda mais.
Se optar pela doação, saiba que este investimento será revertido na produção de mais conteúdo para o canal e blog do AEdicas. Agradecemos sua colaboração!
Faça uma doação ou adquira gratuitamente
Passo a Passo de como fazer Liquid Motion no After Effects
Pra começar a produzir uma animação neste estilo, vamos usar o ícone de um Laptop. Depois, indo até o canto do ícone, surge uma linha (por enquanto) que animamos com stroke. Pra alcançar o look de uma gota, usamos displacement map, turbulent displace e roughen edges. O displacement map é controlado através de uma mapa de distorção criado com Fractal Noise. Para completar o reveal do ícone, usamos uma máscara, aplicamos os mesmos efeitos, ajustamos e mudamos a layer do laptop para Luma Matte. Depois, duplicando e modificando os parâmetros da primeira “gota”, conseguimos acrescentar detalhes que ajudam a vender a ideia de Liquid Motion a quem assiste ao vídeo. Bom, vou deixar vocês com o tutorial. Assistam aí.
Inscreva-se no nosso canal do YouTube e Convide seus amigos!
Aprenda mais com as dicas e tutoriais do AEdicas…
Tutorial Adobe After Effects: Shape Layers, Motion Trails e Long Shadow
Tutorial de After Effects – Composição Banner 3D
O que pretende fazer com estas dicas? Troque ideia com outras pessoas que assistiram à videoaula.
Ótimas ideias a todos.
Adriano Dorow Darosi – AEdicas e SpaceRocket
O projeto não abre no After Effects CC, diz que foi feito na versão 13.2 (Windows 64)
=(
Veja lá no Gumroad, salvei uma versão CC do projeto. Qq coisa me avisa.
O projeto não abre na minha versão CS6 :/
Jamile, vou enviar a versão CS6 para você.
MUITO BOM! Pena que o projeto nao abre em CS6 🙁 Poderia disponibilizar uma versao anterior.
Vou fazer estas versões. Demora um pouco mais porque preciso usar outro PC pra isso. Vou disponibilizar uma opção no caso deste projeto.
Adriano, tem a versão para o CS6?
Infelizmente ainda não. Preciso instalar o CC para poder salvar para o CS6.
Muito Bom bom, Pena que não abre na versão CS6…
Ah pois é. Estou sem a versão CC pra conseguir salvar no CS6. Vou anotar esta sugestão, principalmente, para os próximos materiais.
Existe conceito motion flow? Vocês já ouviram falar?
Esse nome não ouvi falar. Como é pra ser isso?
Adriano, boa noite, muito bom as aulas, mas infelizmente o projeto não abre no Mac, enfim mas parabéns pela iniciativa e espero que consiga muitas doações para continuar esse projeto. parabéns .
Estranho, deveria abrir normal, os projetos do After são os mesmos no Mac e no PC.
Olá, você poderia me disponibilizar o projeto para o CS6? Obrigada!
Não lembro se vc já mandou, mas envia um e-mail pra aedicas@gmail.com ai te passo ele no CS6.
Muito bom, parabéns mesmo, porém o projeto não abre no meu AE 2017 CC </3
Estranho não abrir, foi feito numa versão anterior.
é preciso doar para te-lo
Não, pode ter ele sem doar nada, só colocar 0.