Este é um efeito bem legal para usar sobre cenas gravadas, usando fontes com estilo manuscrito ou fontes bem finas, mas nada impede de testar outros estilos, é claro. A ideia deste tutorial surgiu de uma conversa com o Léo Silveira no FB, ele me perguntou como fazia e eu só tinha uma vaga ideia de como fazer. Aí, coincidência ou não, o Diogo Garmatter me enviou seu vídeo Walking in Curitiba onde usou este efeito e perguntei a ele como fazia. Assim como vocês, sempre continuo aprendendo mais sobre After Effects pra compartilhar com vocês. Bom, confiram aí a videoaula em português.
Resultado final do projeto AEdicas – Jittering Text
O que é preciso para fazer?
- Adobe After Effects (Tutorial foi feito no CS5.5)
- 20 minutos do seu precioso tempo.
- (Opcional) Fonte Blanch – disponível no site Lost Type.
Download do projeto AEdicas – Jittering Text (After Effects CS5.5)
Caso sinta dificuldades ou queira apenas estudar o projeto, aqui estão os arquivos para download. Você será redirecionado para o site Gumroad, não se assuste.
Projeto AEdicas – Jittering Text.
Acompanhe o passo-a-passo do projeto
Este é um efeito bem legal para você fazer, bem rápido e fácil de realizar Além disso, você pode salvar um projeto base e sempre ter ele em mãos. Criaremos um mapa de distorção para usar em conjunto com o efeito Displacemet Map do After Effects. Este efeito aplicaremos no texto, o qual transformaremos em Shape Layer para ter mais controle sobre a forma de revela-lo. Acompanhe aqui o passo-a-passo nesta videoaula em português.
Extras
No tutorial falamos sobre Converter textos em Shapes. Aqui está nosso post sobre o assunto.
Agora é com vocês…
Agora passo a bola para vocês criarem alguma coisa com este efeito. No tutorial, acabei por acidente ou sorte, mexendo em um dos parâmetros e vendo que talvez dê para criar uma transição bem maluca usando o Displacement Map, algo para estudar. Quem fizer algo legal com este tutorial, deixa o link aí nos comentários, ok?
- E aí, gostou deste tutorial?
- Onde você pode utilizar este efeito? Mande o link do vídeo aí.
- Sugestões para os próximos tutoriais, envia pra gente. (Nem sempre dá pra fazer, mas deixamos anotado)
Compartilhe esta videoaula e participe do nosso crescimento
Dúvidas? Escreve aí nos comentários.
Ótimas ideias a todos
Adriano Dorow Darosi
ensina a fazer um efeito de uma televisao que tem uma especie de um livre? é um tv que esta dividida em duas partes, ou seja duas folhas e depois funciona como um livro animado. quando uma pagina vai para a direita, aparece outra e assim sucessivamente como se fosse um livro numa tv espalmado nao da para explicar muito bem
Opa, vc teria um exemplo disso? Não consegui visualizar esta cena muito bem. Se tiver algo parecido, coloca aí pra galera ver.
Muito legal poder contar com vcs!!!
Obrigado Gildo! Feliz por vê-lo por aqui!
ensina a fazer um efeito de uma televisao que tem uma especie de um livre?
Vc tem um exemplo ai?
E eu, iniciante total no mundo do AE, achando que se desenhava, à mão, cada um dos frames desse efeito. hahaha Excelente tutorial! Agora vou acompanhar o trabalho de vocês e recomendar pra galera que tem interesse em motion design. Abraços! 🙂
Essa é outra forma de fazer, dá pra inventar outras coisas dai, frame a frame é mais fácil de mudar um pouco os estilos de caligrafia e ter outras possibilidades.
Tem outras maneiras tbm, no Youtube alguém comentou que usando wave warp tbm dá pra fazer.
Recomenda mesmo, precisamos da participação de vocês aqui pra melhorar o nosso meio. Abraço Jamal.
Olá.
Acompanho o seu seu blog e gosto muito.
Me interesso bastante por After Effects e gostaria de fazer cursos na área.
Conhece a Faculdade Impacta? Acha que ela poderia me ajudar?
http://www.impacta.com.br/curso/After-Effects-CS6-Modulo-I.php
Obrigado.
Lucas, que bom que o AEdicas está ajudando em seu crescimento.
Olha, não conheço esta Faculdade não. Eu sempre digo uma coisa, conhecimento nunca é demais, mas cada pessoa tem um estilo de aprendizagem. Eu gosto de aprender sozinho, na internet mesmo, buscando tutoriais. Vou começar um curso na Melies, o curso online deles. Dizem que é muito bom.
Abraço.
Verdade Adriano Doronw, a Melies é bem recomendada e também pretendo fazer vários cursos por lá. On line é claro.
Abraço a todos.
Passando pra agradecer! Desde que conheci o site e o canal de vcs tenho começado a olhar com outros olhos meu trabalho e after effects… um leque de opções surge a cada tutorial e informação que vcs disponibilizam aqui! Mto obrigado! Forte abraço!
Obrigado Diogo. Ficamos muito felizes com isso. É bom ouvir isso, nos dá o incentivo para continuar este projeto e fazê-lo crescer assim como cada uma das pessoas que acessam o AEdicas. Abraço!
Massa demais, Adriano!
No dia em que vc publicou esse tutorial, um cliente me pediu exatamente esse efeito. Eu não sabia como fazer no C4D (imagino como fazer, através dos canais de textura, o problema é tempo pra estudar isso), mas aí vi teu tutorial e bang! No After certamente será mais rápido e leve. Valeu dmais!
Uma hora dessas poderia rolar um esquema de eu fazer um tutorial pro AE dicas daquele efeito que usei no início do meu Reel. É feito no C4D, mas finalizado obrigatoriamente no After e tem muita gente que pergunta como se faz e pá. Geralmente é feito em PS por re-trace, mas descobri uma malandragem de como fazer pelo C4D.
Abs!
Ah, que bom que deu certo então. Fico feliz.
Sobre o tutorial, pode mandar ai que publicamos no AEdicas, com certeza, seria muito legal!
Abraço!
Muito bom Adriano, tenho acompanhando o seu site e tem me ajudado bastante com dicas e atalhos e ideias para expandir as animações.
Queria um dia, fazer uma animação assim: http://vimeo.com/90281529
Essa animação foi feita apenas no after?
Allan, fico feliz em vê-lo por aqui.
Esse vídeo deve ter sido uma combinação de Illustrator com After Effects.
Olá Adriano!
Você está me salvando com estes tutorias, obrigado mesmo!
Estou fazendo um vídeo Institucional, mas algo bem simples.
Estou querendo fazer na mesma linha de segmento que este vídeo: http://www.youtube.com/watch?v=1E5WTK-76BU
Ele é simples né?
Mas estou apanhando pra fazer ele ser continuo na linha do tempo.
Obrigado!
Que bom que estamos lhe ajudando Caio.
Este vídeo de referência é bem simples sim. A linha do tempo dá pra fazer de várias formas. Por exemplo, usando Shape Layer e Repeater ou desenhando no Illustrator uma tripa bem grande. No After, tbm tem várias possibilidades, uma delas é criar uma composição com uma largura bem grande (ex.: 5000×1080), fazer todas as animações no tempo que quiser. Essa composição vc joga dentro de outra (1920×1080 por exemplo) e ai só anima o position, movendo até a próxima parte. Essa é uma das formas. Veja se consegue e me avise.
Abraço.
Olá, gostaria de saber onde faz busca de trilhas???
Muito Obrigado!!!!
Thiago, dá uma olhada neste post, pego algumas delas nestes sites. Nos comentários a galera indica mais alguns https://aedicas.com/dicas2/de-vida-aos-seus-projetos-conheca-05-sites-com-trilhas-sonoras/
Esse é o vídeo que eu fiz utilizando o efeito. Brigado por compartilhar o conhecimento. https://www.youtube.com/watch?v=JX8ukPVtDBo&feature=youtu.be
Legal o vídeo Ricardo! Sempre que tiver algo que utilizou os tutoriais aqui do AEdicas, fique a vontade para divulgar aqui.
Massa os tutoriais e a iniciativa!
Abs
Obrigado!