Transcrições
1. Introdução: Se eu dissesse que
você pode criar animações
em pé facilmente , mesmo
sem experiência prévia Oi. Anger Marta,
cofundadora da perdi, um estúdio de animação onde trabalho como diretora criativa Nos últimos dez anos, produzimos belos vídeos
animados esplêndidos para centenas de
empresas em todo o mundo, como Intel, elit,
ger, Pose e muitas outras Neste curso, vou
te ensinar como fazer milhares de animações de forma rápida
e fácil com efeitos posteriores Meu software de animação favorito. Começaremos
organizando os designs no Adobe Illustrator para trabalhar
com eficiência no After Em seguida, mergulharemos na interface de efeitos colaterais e exploraremos suas ferramentas mais
importantes Mostrarei como preparar todos os elementos para
animá-los facilmente. Assim que Taste começa a parte mais
empolgante, dando vida às nossas
ilustrações Você aprenderá a criar quadros-chave em
expressões, efeitos e tudo o que precisa para começar a criar animações divertidas e
profissionais Você poderá baixar
todos os arquivos que usamos durante o curso para seguir as instruções
em tempo real, facilitando a
aplicação do que está aprendendo. Este curso é ideal para ilustradores e
designers gráficos que desejam aprender como criar
animações incríveis com facilidade e
no menor tempo possível e bloquear seu potencial. Participe agora.
2. Projeto de curso: Ok Olá, para
o projeto final, você criará uma
animação do zero, aplicando tudo o que aprendeu ao longo do curso. Esse é um curso
fácil de seguir. Para concluir este curso, você só precisará
ter efeitos colaterais de AV e AB Illustrator
instalados em seu PC No final de cada aula, fornecerei algumas diretrizes. Eu recomendo segui-los para obter os melhores resultados
deste curso. Estou ansioso para
ver seu progresso. Não hesite em enviar seu trabalho para a galeria de
projetos do curso. Se você tiver alguma dúvida, estou aqui para ajudar.
Espero que você goste.
3. Preparação dos arquivos: Nesta lição,
prepararemos nossos designs para animá-los de forma eficiente
no After Effects Eu uso o Tdbllustrator
para criar o design. Faça o download do
arquivo do ilustrador de projetos e recursos para aplicar tudo o que aprendido durante o
curso em tempo real A organização é
fundamental na animação. Isso tornará nosso trabalho
no After Effects mais eficiente e
nos ajudará a trabalhar mais rápido. Com base nessa abordagem, vamos ver como organizar as camadas em um DBA Illustrator A ideia é separar todos os elementos que vamos
animar em camadas Se abrirmos o painel de camadas, podemos ver como
separamos nosso design. Primeiro, criamos uma camada para o focinho e outra
para a cabeça Além disso, geramos
uma camada para cada uma
das orelhas para que pudéssemos
animá-las de forma independente. Em seguida,
criamos uma camada para o skate e
outra para o corpo Também poderíamos colocar o corpo
acima do skate, mas fica melhor
se o colocarmos embaixo Para finalizar, criamos uma
camada para animar a cauda, as linhas e
o plano de fundo Nesse caso, não vamos
animar o plano de fundo, então deixamos a nuvem, o sol e o céu na mesma camada Quando começarmos a animar, você entenderá melhor por que
precisamos organizar as
camadas dessa forma
4. Adobe After Effects: Olá, novamente. Antes de começarmos a
animar os projetos, vamos entrar em contato com a interface do
After Effects O primeiro passo é
criar uma nova composição, então vamos para composição,
nova composição. Abra uma nova
composição de dez 80 por dez 80 em 24 quadros. Espere 10 segundos e dê um nome. Como segunda etapa, importaremos nosso
design do Adobe Illustrator para importar um arquivo, clicaremos
duas vezes no painel
do projeto e selecionaremos
o arquivo desejado Quando importamos um arquivo
em camadas na opção importar como, devemos selecionar a composição e
manter os tamanhos das camadas Como você pode ver, uma composição e uma pasta com camadas
foram criadas. Vamos trabalhar
na composição. Primeiro, arraste a composição
importada para a composição principal. Vamos dar uma olhada rápida na interface
do After Effects. O painel em que você vê o
design é a janela de exibição. Este painel mostra os resultados de nossos designs e animações. Na parte inferior, podemos
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 as novas
atualizações do After Effects 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 de forma mais rápida e intuitiva acessando as
diferentes configurações da camada em
um único Se você tiver as atualizações mais recentes instaladas e não
conseguir ver esse painel, poderá abri-lo nas
janelas e propriedades. Mas não se preocupe. Você não precisa ter esse painel
para seguir o curso. É apenas um
plug-in 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 incêndios que
importamos aparecerão E no topo, podemos
encontrar as ferramentas essenciais.
5. Ferramentas essenciais: Olá. Nesta lição, veremos as ferramentas
mais importantes usaremos durante o curso. Vamos clicar duas vezes para inserir
a composição do skor dog e eu mostrarei como as
diferentes ferramentas funcionam A ferramenta de seleção nos permite
selecionar e mover elementos
e redimensioná-los. Se mantivermos pressionada a tecla shift
enquanto ajustamos o tamanho, ela manterá as
proporções intactas A ferramenta manual nos permite
navegar dentro do painel de
composição. Com a ferramenta Zoom, podemos
ampliar ou reduzir a imagem. Clicar aumentará o zoom
e manter
pressionada a tecla antiga enquanto
clica diminuirá o zoom. A ferramenta de rotação nos permite
girar os objetos selecionados
em torno desse ponto de ancoragem Podemos alterar a localização dos pontos de
ancoragem usando a ferramenta pan behind
ou a ferramenta de ponto de ancoragem Observe que a
rotação se comportará forma diferente dependendo de onde o ponto de ancoragem está localizado Agora, vamos ver como acessar as principais ferramentas com
o toque de uma tecla. Pressione v para a ferramenta de seleção, segure espaço para a mão e C
para o Zoom também. W para a ferramenta de rotação e y para a panela atrás da ferramenta. Antes de continuarmos,
vamos salvar nosso projeto. Vá para o arquivo, salve e simplesmente salve seu projeto
no local escolhido.
6. Antes de animar: Olá de novo. Antes de
começarmos a animar, vou te ensinar uma
técnica que você usará
com muita frequência no
After Effects, camadas parentais No momento, se movermos qualquer uma das camadas usando
a ferramenta de seleção, veremos que elas
se movem de forma independente. Mas precisamos, por exemplo, quando o corpo do cachorro se move, suas outras partes
sigam seu movimento. Para corrigir isso, precisamos
vincular as camadas, basta selecionar o ícone em espiral da camada
da cabeça e
arrastá-lo até a camada do corpo e fazer o mesmo com a camada
da cauda Selecione o ícone em espiral
e arraste-o até o corpo. Agora, se movermos o corpo, a cabeça e a cauda
seguem seu movimento. Seguindo a mesma lógica, queremos que as orelhas e o focinho sigam o
movimento da cabeça Nós os vinculamos à cabeça. No menu Pai e link, podemos ver o nome da camada para
a qual
criamos os pais. Nesse menu,
também podemos realizar o processo
parental Só precisamos selecionar
a camada desejada. É uma técnica muito básica
que você usará em muitas ocasiões ao
criar suas animações.
7. Como adicionar movimento às imagens: Vamos começar com a parte
mais interessante dar vida à nossa
ilustração. Primeiro, vamos criar uma nova
composição para combinar as camadas que compõem o
cão para trabalhar com mais conforto Para fazer isso, selecionamos as
camadas enquanto pressionamos tecla de controle e
as janelas
ou a tecla de comando e o Mac. Clique com o botão direito, Precomose. Dê um nome e pressione a tecla OK. Se clicarmos duas vezes, podemos
acessar as camadas dos cães. OK. Agora vamos começar a
colocar os pontos de ancoragem Nas camadas, vamos
animar sua rotação. Os pontos de ancoragem serão
os pontos de referência em torno dos
quais as camadas girarão
quando as animarmos É muito simples.
Selecionamos a panela atrás da ferramenta, depois selecionamos a cabeça e colocamos o ponto de ancoragem
no ponto de referência em torno qual queremos que a
camada gire Se você não
tiver certeza se colocou o ponto de ancoragem
no lugar certo
com a ferramenta de rotação, você pode girar a camada e
verificar se a rotação funciona Faremos o mesmo
processo com o focinho, as orelhas e a cauda Se você perceber, não
colocamos os pontos de ancoragem
no corpo porque
não animaremos sua rotação Vamos voltar à composição do cão
patinado
e, seguindo o mesmo método que vimos na lição
anterior, vinculamos o cachorro à camada
do skate Se movermos o skate, o cachorro segue seu movimento.
Agora, vamos animar o
movimento do skate Vá até o ponto na linha do tempo que você deseja que a
animação comece Você pode ver o
indicador de tempo aqui. Queremos que a animação
comece do começo. Portanto, verifique se você está no
início da linha do tempo. Selecione a camada do skate. Queremos animar sua posição, então precisamos abrir
a propriedade position e criar um quadro-chave Para fazer isso, clique no símbolo do cronômetro ao
lado da posição Se você notar que um
diamante azul foi criado no
indicador de hora na linha do tempo Os quadros-chave são marcadores de tempo
que indicam no
After Effects onde queremos alterar
o valor de uma propriedade Agora, mova o skate até o ponto em que você deseja que
a animação comece Em seguida, avance
na linha do tempo. Selecione o skate
e mova-o até o ponto em que você deseja que
a animação vá Se você notar ao
mover o skate, um novo quadro-chave
foi
criado automaticamente onde o
indicador de tempo O problema é que, para criar uma animação orgânica como a
que você vê na tela, precisaríamos criar
muitos quadros-chave e perderíamos
muito tempo. A solução cria uma expressão
muito simples. Vou reverter a
ação usando Control Z ou man Z no Mac Primeiro, precisamos separar as
dimensões da posição para fazer isso, clique com o botão
direito do mouse na posição e escolha dimensões separadas. Agora, podemos aplicar uma
expressão em um único eixo. Nesse caso, queremos criar uma animação aleatória
no eixo horizontal. Isso está no eixo x. Para criar uma expressão, clicamos no cronômetro enquanto
pressionamos a tecla Alt e escrevemos a expressão que você vê na tela
e visualizamos Ótimo, criamos uma animação
fantástica em apenas alguns segundos sem precisar criar
muitos quadros-chave A expressão wiggle
é uma ferramenta poderosa que permite criar
movimentos ou animações aleatórios O primeiro número
representa a frequência. É quantas vezes por segundo você deseja que a
propriedade se mexa O segundo número
representa a amplitude. É o quanto você deseja que a
propriedade se mova ou mude.
8. Animação de cães: Vamos continuar
animando as linhas. Primeiro de tudo, vamos
desativar a camada de linhas. Vamos garantir que nenhuma camada seja
selecionada editando, desmarcando tudo e criando
uma linha com a ferramenta caneta Aplicamos um
traço de dez P x e a cor branca. Podemos modificá-lo aqui ou no painel de
propriedades. Além disso, na opção de tampa de linha, escolhemos tampa redonda. Podemos encontrar a mesma opção no traçado nas propriedades da
camada. Na opção de traços, clique duas vezes no símbolo de adição Aplicamos um valor
de 5005050 na lacuna. E aplicamos uma
expressão e um deslocamento. Como já vimos, para
criar uma expressão, precisamos clicar
no cronômetro enquanto pressionamos a tecla antiga e escrevemos a expressão
que você vê na tela Graças à expressão temporal, dizemos ao After Effects
que o valor do deslocamento avança 1.000 pixels em
uma direção negativa Ou seja, da esquerda para a direita. Agora vamos continuar animando as diferentes
partes do cachorrinho Com um duplo clique,
inserimos a composição do cão. Se for mais
confortável para você,
você pode ativar a opção alternar o grau de
transparência E vamos começar a
animar o focinho do cachorro. Abrimos a rotação e aplicamos a expressão
que você vê na tela. Como vimos na lição
anterior, ao aplicar essa expressão, criamos um movimento aleatório com uma aparência muito natural. Agora, para trabalhar ainda mais rápido
com o botão direito do mouse,
copiamos a expressão e a colamos na cabeça. Vamos dar uma olhada.
Ótimo. E, novamente, colamos a expressão
em uma das orelhas. Vou modificar um pouco os valores da expressão. Nesse caso, queremos
simular o movimento
criado pelo vento, então vamos aumentar
a frequência e a
amplitude do movimento Novamente, copiamos a expressão
e a colamos na segunda orelha. Também podemos
colá-lo na cauda, que também se moverá de
forma semelhante devido ao vento. E nós pré-visualizamos. Fantástico.
Na próxima lição, adicionaremos os
toques finais à nossa animação
9. Toques finais: Olá novamente. Nesta lição, adicionaremos os
toques finais à nossa animação Selecionamos o cachorro e aplicamos
o efeito de distorção de onda. Na opção de direção, procuramos um ângulo horizontal, seguindo a
direção do ar. Definimos a altura em
cinco e a largura em 650. E damos uma olhada. Ok,
vamos exagerar o efeito Para fazer isso, vamos
aumentar a velocidade em. Nós pré-visualizamos e Bo
10. Renderização: Agora que temos nossos projetos
prontos, podemos exportá-los. Para isso, vamos até a
composição e selecionamos Adicionar ao Adobe
Media Encoder O Media Encoder nos ajuda a exportar
projetos com mais eficiência. Primeiro, escolhemos o Codec. Nesse caso,
usaremos o H 2604. Ele exporta o vídeo em MP quatro, o
formato mais usado para a web. Em relação à resolução de saída, podemos escolher a opção de taxa de bits
alta ou média da fonte correspondente opção de taxa de bits
alta ou média para evitar erros e exportá-la no mesmo tamanho em que
trabalhamos no projeto. Por fim, escolhemos o
local para onde
exportaremos o vídeo e
atribuímos um nome ao arquivo. Para finalizar, clique
no botão play aqui
e, com isso, tudo
estaria pronto. Quando o processo estiver concluído, você poderá abrir seu
vídeo e começar a compartilhá-lo em suas redes
sociais.
11. Considerações finais: Quero parabenizá-lo
por concluir este curso. Ao longo dessas lições, você aprendeu
muitas coisas. Prepare seus designs
em um ilustrador Roby, como funciona a interface de efeitos posteriores As
ferramentas mais importantes. Camadas principais. Crie animações, aplique
expressões e efeitos e algumas dicas para
acelerar seu processo de trabalho E tudo isso em apenas 20
minutos do curso. Agora é o momento perfeito para
aplicar tudo o que você aprendeu durante o curso
criando uma animação
do zero. Você pode usar os arquivos do curso ou animar seus designs.
Depende de você. Vá em frente e envie
seus projetos para
a galeria de projetos do curso e me
leve para sua postagem no Instagram. Ficarei feliz em
analisá-los e dar feedback. Eu valorizo muito sua opinião. Se você gostou do curso,
por favor, deixe-me um comentário. Eu ficarei muito grato.
Tenha um bom dia.
Guillermo Ortega, Creative Director
