Transcrições
1. Introdução: Olá, meu nome
é Armins Guzman. Sou animadora, ilustradora e roteirista
residente em Portugal, originária da
República Dominicana Minha equipe e eu temos mais de nove anos de
experiência produzindo belos vídeos
explicativos animados para centenas de
empresas em todo o mundo, como Intel, De Ly, Bayer, Porsche e Neste curso, você
aprenderá a criar algumas das minhas animações de texto favoritas de forma rápida e fácil,
sem usar nenhum plug-in. Depois de terminar o curso, você poderá
criá-los para projetos de
animação que você vê na tela
como um profissional. Primeiro, daremos uma olhada na interface
do After Effects e mostrarei os atalhos de teclas mais
usados Feito isso, a parte mais engraçada começará, dando vida aos nossos
projetos animados Você aprenderá quatro técnicas
diferentes para criar
animações de texto incríveis em tempo recorde E, claro, você
poderá baixar todos os projetos que
criaremos durante o curso. Este curso é ideal
para animadores, ilustradores,
designers gráficos, artistas criativos
e, em geral, para qualquer pessoa
que queira criar animações de texto
profissionais com um
software gráfico em movimento líder no Com paciência, atitude
positiva e perseverança,
você terá sucesso Agora é sua vez de participar do curso e se animar
em nível profissional
2. Antes de começar: Olá. Estou muito feliz que você tenha decidido
fazer este curso. Essa ideia surgiu graças
a duas de minhas alunas, Yanyan e Sophie Lomans, que me perguntaram como
criar uma animação de texto, como as que eu uso nas
apresentações dos Então, vou mostrar como criar minhas animações
de texto favoritas de maneira rápida e fácil. Depois de cada aula,
fornecerei diretrizes para garantir que você obtenha
os melhores resultados. Portanto,
siga-os e pratique. Estou entusiasmado em ver seu trabalho,
então, envie suas proteções para a página inicial do curso. Se você tiver
comentários ou perguntas, sinta-se à vontade para publicá-los
no fórum de discussão. Mal posso esperar para ver
o que inventar. Então, vamos começar.
3. Primeiros passos: O. Olá. Antes de começarmos a
animar o projeto, vamos entrar em contato com a interface do
After Effect Vamos trabalhar com
o espaço de trabalho padrão, mas você pode escolher
sua opção preferida. O primeiro passo é
criar uma nova composição. Então vamos compor
uma nova composição. Abra uma nova
composição de 1920 por 1080 em 24 quadros, aguarde 5 segundos e
dê um nome a ela Perfeito. Agora, com a
ajuda da ferramenta de texto, escrevemos gráficos em movimento. Vamos dar uma olhada rápida na interface
do After Effects. O painel em que você vê
o texto é uma janela de exibição. Este painel mostra os resultados de nossos designs e animações. Na parte inferior, você pode
ver o painel da linha do tempo. É neste painel que
passaremos mais tempo criando
nossas animações. A partir daqui, podemos modificar facilmente as
propriedades de transformação da camada. Com os novos efeitos posteriores, ao selecionar uma camada, um novo painel chamado propriedades aparece
automaticamente. Vou ampliá-lo um pouco para que você
possa vê-lo melhor. Esse painel nos permite trabalhar mais
rápida e intuitiva
acessando as diferentes
configurações da camada em
um único Se você tiver a
atualização mais recente instalada e não conseguir ver esse painel, poderá abri-lo nas
propriedades do Windows. Mas não se preocupe. Você não precisa ter esse
painel para seguir o curso. É apenas um plugin
que permite economizar um pouco de tempo,
mas nada mais. Se olharmos para a esquerda, podemos ver o painel do
projeto onde todas as composições
que criamos e todos os arquivos que
importamos aparecerão E no topo, podemos
encontrar as ferramentas essenciais. Perfeito. Agora,
vamos aprender os
cortes de teclado mais conhecidos deste curso O corte de caracteres se refere
às propriedades das camadas e
às ferramentas comumente usadas Vamos ver como abrir as propriedades da camada
com um único clique. Pressione A para o
ponto de ancoragem, P para deposição, S para a balança, R para a
rotação e t para capacidade. Obviamente, se você tiver a versão mais recente
do After Effects, não precisará usar
o corte de caracteres, pois você pode acessar diretamente as propriedades da
camada a partir daqui Agora, vamos ver como acessar as principais ferramentas com
o toque de uma tecla. Pressione v para a ferramenta de seleção, mantenha espaço para a ferramenta manual, W para a ferramenta de rotação, y para a ferramenta panorâmica para trás e controle T ou T no
Mac para a ferramenta de texto. Vou excluir
a camada de texto que
foi criada. Em projetos e recursos, você tem um arquivo PDF disponível para download com os atalhos
mais úteis Nos vemos na próxima aula.
4. Texto minimalista: Olá. Nesta lição, você criará o projeto que você vê na
tela de forma muito simples. Primeiro, vamos criar
o plano de fundo. Vamos para a camada, nova, sólida. Nomeamos a camada
e clicamos em K. E aplicamos a rampa de gradação de
efeitos Ao aplicar o efeito, um gradiente de duas cores é
criado automaticamente Vou trocar as cores
por outras mais atraentes. Nas opções de efeitos, podemos alterar facilmente a
localização das cores. Perfeito. Também podemos escolher
o tipo de gradiente. Vou deixá-lo na rampa linear. Eu gosto mais.
Vamos modificar um pouco o texto que criamos
na lição anterior. Selecionamos o texto e modificamos a fonte
no painel de caracteres. Vou usar a fonte preta
Poppins. A partir daqui, removemos o campo e colorimos
o traçado de branco. E no
painel de parágrafos, centralizamos o texto. Aumentamos sua escala e colocamos o texto no
centro da composição. Também podemos definir a
entrelinha para que os textos não fiquem tão
separados um do outro. Para finalizar a configuração do texto, vou deixar
o traçado com uma espessura de dois pixels Aproveito esta oportunidade
para lembrá-lo
mais uma vez de que, se você tiver a atualização
mais recente do After Effects, poderá fazer todas essas
modificações que
fizemos no
painel de propriedades com mais facilidade. Eu sei que muitos de vocês ainda
não têm essa atualização. Então, decidi não
trabalhar com esse painel. Mas se você tiver, eu o
encorajo a usá-lo. Ok, vou esconder
o painel de propriedades dele. E duplicamos a camada com controle D ou D comum no Mac Em seguida, com a ferramenta de texto, selecionamos a palavra
movimento e excluímos. Feito isso, selecionamos a camada com um
duplo clique e clicamos
na seta de alavanca para
alterar rapidamente o traçado do campo Bem, já temos nosso
texto pronto para ser animado. Por enquanto, vamos
desativar a camada de texto na parte superior, para que isso não nos incomode Agora vamos converter
a camada de texto em uma camada de forma. Selecione a camada de texto, escreva, clique, crie formas a partir do texto. Entramos nas opções
de configuração e selecionamos Adicionar caminhos de corte Trim Paths é uma opção
interessante
das camadas de formas que nos permite animar traços Clicamos no cronômetro para criar um quadro-chave
na propriedade final e definimos seu valor como 0%. Em seguida, avançamos 2
segundos e configuramos para 100%. E nós pré-visualizamos. Nós quase o temos. Agora precisamos
suavizar a aceleração e a aceleração do movimento para tornar a animação mais suave Para fazer isso, selecionamos
dois quadros-chave, clique com o botão
direito, assistente de quadros-chave, ECE Vamos dar uma olhada novamente. Excelente. Agora está melhor. Selecionamos a camada acima. Por volta da segunda, criamos
um quadro-chave com opacidade de 0%. Avançamos para as
duas segundas opacidade igual a 100%. E não. Opa, esqueci de
ativar a camada. Desculpe. Agora, sim, criamos uma maravilhosa animação de texto de
forma rápida e fácil. Nos vemos na próxima aula.
5. Texto repetido: Oi, todo mundo. Nesta lição, vamos criar
o segundo projeto do CRs Para criar um texto
para esta lição, trabalharemos com o
ADov Illustrator Também poderíamos fazer isso
com o Ado After Effects, mas o Illustrator nos permite
criar mais rápido e
com mais liberdade No Adobe Illustrator,
vamos criar um arquivo de 1080 por 1920 pixels em um
estilo vertical para o Instagram Vamos deixar o resto dos valores padrão como
você vê na tela, 72 pixels por polegada
e cor RGV Com a ferramenta retangular, criamos o plano de fundo Simplesmente clicamos e arrastamos até que
a área de trabalho seja coberta. Feito isso, nós o colorimos e
eliminamos o traço. Para trabalhar com mais conforto, inserimos a camada no painel de camadas e
bloqueamos o retângulo Em seguida, selecionamos a
ferramenta de texto e escrevemos a animação. Com um duplo clique,
selecionamos o texto e
aumentamos seu tamanho. Vou testar 160 pixels
e colocá-los
dentro da composição. Novamente, vou selecionar
a fonte poppings black. Vamos remover o preenchimento e
dar um traço branco. Colocamos o texto na composição e atribuímos
a ele um
traço de seis picos de vendas, por exemplo. Vamos duplicar
o texto clicando e
arrastando enquanto mantemos pressionadas as teclas principais antigas. A tecla antiga nos permite
duplicar o texto, e a tecla principal nos ajuda a nos
mover em linha reta Perfeito. Agora,
pressionamos o controle várias vezes até que a tela
seja preenchida com o texto Ao fazer isso, o
texto é duplicado, mantendo a mesma distância
entre todos os textos Bom. E agora selecionamos todos os textos e ajustamos seu
tamanho à composição. Se mantivermos a tecla principal pressionada, podemos manter as proporções
do texto intactas Perfeito. Para finalizar o design, selecionamos vários
desses textos
e, ao clicar
nesse símbolo aqui, trocamos a cor
do traçado pela
cor do campo. Ok, pronto, e nós o
salvamos no local desejado com
o nome em texto repetido. Clique em O K
na janela pop-up. Ok, agora vamos importar o
design para o After Effects. Vamos para arquivo,
Importar, importar arquivo. Pesquisamos e selecionamos o
arquivo que queremos importar. Como não criamos
camadas no Illustrator, podemos importá-las
diretamente como gravação Clique em O K novamente
na janela pop-up. E arrastamos a camada de
ilustração importada sobre esse símbolo para criar uma composição com o mesmo tamanho do arquivo
que importamos. Agora, para criar a animação, vamos aplicar
um efeito muito simples. Com a camada de texto selecionada, vamos efetuar
esse tipo de conjunto. A partir dos controles do efeito, podemos configurar o efeito. Se você não conseguir ver essa janela, poderá ativá-la a partir dos controles de efeito da
janela. Ok. Volte para as configurações, criamos um quadro-chave
no centro do chift dois Mova o final da
composição e desloque-a verticalmente. Vamos dar uma olhada. Graças a esse efeito, podemos criar um maravilhoso efeito tributário
repetido uma
forma muito simples. Também podemos modificar
a duração da composição
a partir das configurações da
composição. Também vou modificar o nome
da composição. Agora, para adaptar a duração
da camada à duração
da composição, simplesmente
reduzimos o zoom
na linha do tempo a partir daqui e arrastamos a camada até
o final da composição Com a camada selecionada, pressione a tecla U para revelar os quadros-chave
que
criamos anteriormente e arraste
o último quadro-chave até o final da composição E pronto, agora nossa
animação dura 10 segundos. Nos vemos na próxima aula.
6. Texto louco: Olá. Nesta lição, criaremos o terceiro projeto
curs Como sempre, criamos
uma nova composição. Nesse caso,
vamos criar uma animação em formato quadrado
para mídias sociais. Crie uma nova
composição de 1080 por 1080 em 24 quadros, 10 segundos e
dê um nome Se clicarmos duas vezes
na ferramenta retangular, podemos criar uma camada de forma, do tamanho da decomposição Isso funcionará como plano de fundo
da nossa animação e nós a colorimos. Em seguida, selecionamos o
te e escrevemos uma palavra. Selecionamos o texto com um duplo clique e
aumentamos seu tamanho. E colocamos o texto no
centro da área de trabalho. Vamos deixar
o texto como está
agora, com um
campo branco e sem traçado. Bem, nós já
criamos o texto. Agora vamos
criar a animação. Entramos na
configuração do texto e selecionamos animar todas as propriedades de
transformação Em seguida, selecionamos no
seletor Weekly. Graças a essa opção, podemos criar animações aleatórias muito
engraçadas automaticamente, sem a
necessidade de criar quadros-chave opção do seletor de oscilação, podemos configurar nossa animação Nesse caso, queremos
animar todas as letras separadamente para que possamos deixar a
opção com base nos caracteres Em seguida, vamos para a
posição e atribuímos a ela um valor de 12 no eixo y, pois queremos apenas que os
textos se movam verticalmente
e, na rotação, atribuímos o valor oito Dessa forma, dizemos para ele
se mover aleatoriamente em uma faixa de 12 pixels e girar em
uma faixa de oito graus Vamos dar uma olhada
na nossa animação. Observe que quanto maior
o valor que você atribuir, mais exagerada será
a animação Por exemplo, se na rotação
atribuirmos um valor de 50, a animação fica muito
mais fora de controle. Vamos deixar às oito. Você também pode animar o
resto das propriedades. Por exemplo, vamos
animar a escala. Só precisamos modificar seu valor e ele será animado
automaticamente Mas, neste caso, eu só quero animar a
posição e a rotação Então, vamos
desfazer a animação. E o mesmo com o resto
das propriedades. Ótimo. Também podemos definir a velocidade da
animação por segundo para a opção wiggles
second Vou configurá-lo para três, para que ele se mova um pouco mais rápido. Também vou deixar
a correlação com um valor zero para
que as letras
se movam de forma totalmente independente uma da outra e, assim, dêem uma aparência mais divertida
e descontrolada Como você pode ver,
existem muitas outras opções, mas essas são as
mais importantes. A verdade é que
nunca precisei tocar em
mais do que essas opções. Para finalizar,
duplicamos a camada
com o controle D ou o
comando D no mac Com um duplo clique, selecionamos a camada de texto abaixo
e modificamos a cor. E mudamos um pouco a camada
superior. Também vamos adicionar uma animação de entrada de uma
forma muito rápida. Selecionamos as duas camadas enquanto
pressionamos a tecla chit. Vamos até os efeitos
e predefinimos um painel. Predefinições de animação,
texto, animação e selecionamos o slide para cima por predefinição de
caracteres
com um Tão simples quanto isso. Agora, selecionamos as duas camadas e pressionamos a tecla U para
revelar os quadros-chave. Se selecionarmos os quadros-chave
finais, podemos modificar a duração
da animação. Com o botão direito do mouse, aplicamos EC ease para suavizar a animação A maioria dos
prosts de animação não é muito útil, mas aqueles que começam
com a palavra slide permitem criar
animações que podem ser úteis para você
muito, muito rapidamente Ok, agora
só há um problema. Podemos ver que os textos abaixo se movem de forma diferente
dos textos acima, mas queremos que eles se movam
ao mesmo tempo nos textos acima. Para corrigir isso, basta
pré-compor a camada abaixo. Escrevemos, clique em pré-compor. Agora, se dermos uma olhada,
já o temos. Nossas letras dançam
graciosamente com o mínimo esforço. Nos vemos na próxima aula.
7. Sombra longa dinâmica: Oi, pessoal. É hora de
trabalhar no último projeto do CRs Como sempre, começaremos
criando uma nova composição. Nesse caso,
vamos criar uma nova composição de
1980 por 1080
em 24 quadros, dar 5 segundos e nomeá-la Clicamos duas vezes
na ferramenta retangular para criar uma camada de forma, o tamanho da composição
e a colorimos Agora, com a ajuda
da ferramenta de texto, escrevemos um texto e colocamos no centro
da composição. Vou diminuir seu tamanho. Vamos deixar
o texto como está agora, com um telefone estourando preto, com um campo branco
e sem traço Para criar a animação
desta lição, será muito complicado fazer isso criando quadros-chave Por esse motivo,
vamos usar um método alternativo
muito mais rápido e fácil. Vamos inserir as opções de
configuração de texto e clicar em Animar todas as propriedades
de transferência Animator 1, selecionamos
na expressão seletora
e no seletor de expressão F 1, abrimos a guia
ao lado da Perfeito. Agora, com o Control
V ou o V comum no Mac, colamos a expressão
que você vê na tela. Vou abrir um pouco
a expressão para que você possa vê-la
melhor. Mas não se preocupe. Você pode encontrar a expressão
em projetos e recursos, para poder
copiá-la e colá-la rapidamente. Essa expressão nada
mais é do que um código de script Java que ajuda a criar animações de
texto complexas uma
forma muito simples Agora, é tão
simples quanto modificar os valores das propriedades
que queremos animar Se você quiser
animar, por exemplo, a escala, definimos
seu valor em 0% Dessa forma, o
texto começará na escala de
0% e terminará em
seu valor original, ou
seja, em 100%. Se visualizarmos o Voila, criamos uma
animação incrível que
levará muito tempo
para ser feita manualmente Também podemos modificar o valor
das outras propriedades. Por exemplo, vamos
animar a posição. Vamos
modificar o valor
do eixo Y para que ele
apareça na parte inferior. Se quisermos uma animação um pouco mais
exagerada, podemos expandir rapidamente o valor Mas eu prefiro
deixar como estava antes. Vou deixá-lo às 50. Também vamos
modificar o valor
da rotação para que ela gire ligeiramente
quando aparecer. Perfeito. Em nosso estúdio de
animação, usamos essa expressão constantemente para criar animações de
texto Você também pode alterar facilmente os valores
da expressão. Você pode alterar o
valor da frequência, decaimento, atraso e duração No entanto, com a configuração que deixamos por padrão, ela funciona muito bem. Agora, vamos criar
um efeito de sombra longa. Para isso, precisamos duplicar a camada que criamos Feito isso,
pré-compomos uma camada
que permanece abaixo e a chamamos de sombra longa É necessário pré-compô-lo
para que a animação funcione corretamente E com a
composição selecionada,
vamos efetivar, desfocar e aumentar a
nitidez do ventilador de rádio TC Por favor, não confunda
com o efeito de desfoque do rádio. Na opção de tipo,
selecionamos Zoom direto. Podemos deixar o valor em 40. Essa opção nos permite decidir o comprimento
da sombra longa. Podemos modificá-lo posteriormente,
se acharmos necessário. A opção central nos permite decidir a direção
da sombra longa. Vou definir -1.000
no eixo x e -2.000
no eixo y. Eu já usei o
efeito outras vezes, e esses valores funcionam
muito bem para mim. Perfeito. Agora vamos
aplicar o efeito de níveis. A ideia aqui é arrastar a entrada
Alpha preta
e a entrada Alpha branca até o início
do histograma para obter uma sombra
mais consistente Para fazer isso rapidamente, podemos elevar os valores na entrada preta zero e na entrada branca cinco. Mas há um
problema. Ok, minha bolsa. Primeiro de tudo, você precisa
selecionar o canal Alpha. E agora, sim, podemos definir entrada preta para zero
e inseri-la para cinco. Ótimo. Estamos quase conseguindo, pessoal. Agora, se modificarmos os valores do efeito de desfoque radial CC, veremos que podemos
modificar facilmente a sombra Com a quantidade, modificamos
o comprimento da sombra. E com o centro,
modificamos sua direção. Para finalizar, vamos
modificar a cor da nossa sombra. Para isso, adicionamos
o efeito de sensação. Vamos efetivar, gerar, sentir e escolhemos a
cor que mais gostamos. Nossa incrível animação está completa e pronta para ser
compartilhada nas redes sociais. Em detalhes. A borda direita
da sombra projetada está
um pouco fora de foco. Para dar mais contraste, podemos reduzir o valor
da entrada Alpha para um. Corrigido. Nos vemos
na próxima aula.
8. Renderização: Olá. Agora que temos
nossos projetos prontos, podemos exportá-los. Lembre-se de que
a composição que temos atualmente está pronta e
será exportada Para isso, vamos para a
composição e selecionamos adicionar a um cotter médio de um
dov A Median Cotter nos ajuda a exportar
projetos com mais eficiência. Primeiro, escolhemos o codec. Nesse caso,
vamos usar o H 264. Ele exporta o
vídeo em MP quatro, o
formato mais usado na web. Em relação à resolução de saída, podemos escolher a fonte correspondente, opção de negociação de V
alto ou médio para evitar erros e exportá-la no mesmo tamanho em
que trabalhamos no projeto. Por fim, escolhemos um local para explorar o vídeo e
dar um nome ao arquivo. Para finalizar, clique
na parte inferior do play aqui. E com isso, tudo
estará pronto. Quando o processo estiver concluído, você poderá abrir seu
vídeo e compartilhá-lo com todos nós na galeria
Carros anterior Estou ansioso
para ver seu trabalho.
9. Considerações finais: Parabéns por
concluir o curso. Estou muito feliz por ter sido seu guia durante toda
essa jornada. Mal posso esperar para ver você colocar
tudo o que aprendeu em ação criando sua
animação do zero. Por favor, não se esqueça de
compartilhar seus projetos
na galeria de projetos ou
me marcar em suas postagens no Instagram. Estou muito entusiasmado em fornecer feedback para
ajudar você a melhorar. Lembre-se de que a prática
leva à perfeição e cometer erros é
apenas parte do aprendizado. Confira meu perfil
para atualizações sobre novas aulas e outros cursos relacionados à
animação Seu feedback é valioso para mim. Portanto, reserve um momento
para deixar uma avaliação
do curso e compartilhar sua
experiência com outras pessoas. Obrigado por
fazer parte desta turma, e mal posso esperar para ver você
em meus outros cursos em breve. Continue com o trabalho incrível.
Carminys Guzmán, Motion grapher
