Transcrições
1. Apresentação: Você quer desbloquear recursos
secretos no
Adobe After Effects? Nesta aula,
mostrarei três recursos para fazer animações como essas e
potencializar seu design de movimento. Olá, pessoal. Meu nome é Isaiah Cardona, e sou diretor de arte e designer de
movimento baseado
no coração dos EUA. Nos últimos seis anos, trabalhei com o
Adobe After Effects para criar uma variedade de trabalhos para
clientes, desde animações
simples a vídeos
mais complexos. After Effects lhe dá
o poder de evocar animações
e animações
incríveis e, ao não aprender
o software, você está perdendo uma
enorme vantagem que pode ajudá-lo na
sua projetos de movimento. A capacidade de dar vida à
sua visão à sua forma mais completa é um sentimento
muito satisfatório mas o After Effects é um programa grande e complexo com um
milhão de efeitos, painéis e predefinições, e é difícil
saber o que todos
fazem sem que alguém lhe mostre. Ao longo da minha carreira,
houve momentos em que eu passava horas tentando fazer algo no Effects sem
perceber que havia um recurso secreto
que poderia automatizar o processo e
acelere meu fluxo de trabalho. Como professor do Skillshare com várias
aulas de design de movimento sob meu cinto, eu queria criar uma aula no After Effects para compartilhar alguns dos meus recursos e
histórias escondidas favoritas sobre como eles
melhorou drasticamente meu trabalho, incluindo Preservar transparência
subjacente, esboço de
movimento, preenchimento
sensível ao conteúdo, além de um recurso bônus para
ajudá-lo a exportar GIFs animados. Cada recurso foi elevado na área
do meu trabalho,
incluindo
acelerar meu fluxo de trabalho e
corrigir magicamente tipos de problemas e filmagens, melhorar a
qualidade da animação. Depois de se acostumar a usar esses recursos
em seu trabalho, você pode continuar
aprendendo a usá-los para animações
ainda mais complexas e
personalizar. Esta classe é para designers de
movimento que se
sentem confortáveis com o básico do After Effects e desejam aumentar o nível de seu
fluxo de trabalho e artesanato. Se você nunca ouviu falar
desses recursos ou
usou apenas alguns, até o final desta aula, você terá todo o conhecimento de como e quando usá-los e quando estiver pronto para desbloquear esses poderosos truques
After Effects Então, vamos começar.
2. Boas-vindas: [MÚSICA] O que esperar nesta classe. Para cada lição,
guiarei você por um recurso oculto e
lhe direi o que ele faz, como eu o uso e por que ele é super útil. Esta classe é estruturada para efeitos posteriores
intermediários a
avançados usuários de efeitos posteriores
intermediários a
avançados, pois se baseia
no conhecimento básico de efeitos posteriores para
ajudá-lo a melhorar seu fluxo de trabalho e
habilidades no programa. Se você quiser
acompanhar
comigo , incluí
na
seção de recursos os arquivos de trabalho que uso para demonstrar cada recurso. Seu projeto de classe é
usar um ou mais
dos recursos que abordaremos
em um projeto de sua escolha, porque há
tantos usos diferentes para cada recurso, esse projeto é
realmente aberto. Se você perceber que
um projeto que você animou anteriormente
poderia ter um desses recursos
para tornar algo mais fácil ou funcionar melhor, então você pode voltar e
reanimá-lo ou talvez o meu
exemplos têm faíscas, novas ideias de novos projetos que você pode animar, não importa
o que você crie, basta incluir uma nota para
dizer quais recursos você usou nesse projeto e,
se você tiver alguma dúvida, sinta-se à vontade para postar eles na seção
de discussão da classe e , em seguida, na próxima lição,
mergulharemos em nosso primeiro recurso
oculto, que é o Preenchimento sensível ao conteúdo.
3. Preenchimento de conteúdo: Nesta lição,
vou orientá-lo
pelo primeiro recurso oculto, Preenchimento
sensível ao conteúdo. O que ele faz? Se você é um profissional do Photoshop, esse recurso será
muito familiar para você. preenchimento sensível ao conteúdo salvou o dia tantas
vezes removendo um objeto da gravação
e preenchendo o espaço vazio com pixels
circundantes, assim como a magia, ele se foi. Por que isso é útil? Ao longo da minha experiência
profissional, eu me deparo com situações em que
minha equipe descobriu depois uma filmagem que precisávamos
remover um objeto de uma cena, ou talvez precisássemos apenas algum espaço para
colocar texto ou logotipo em. Agora temos que resolver
esse problema e postar. O bom é que o Content-Aware Fill tem sido
a solução perfeita para isso. Como usá-lo. Vou orientá-lo pelo meu processo de pensamento
sobre como faço para editar uma cena
usando o Content-Aware Fill. A primeira etapa do
processo é criar uma máscara ao redor do objeto que
você deseja remover. Tento examinar não apenas
o objeto que quero remover, mas também
considero o plano de fundo e como posso ter um preenchimento de conteúdo mais
contínuo. Por exemplo, se houver um padrão complexo
por trás do objeto, posso selecionar uma área maior que inclua o padrão completo. Também remova-o
, pois será muito complexo para ter um resultado
contínuo. Outra coisa que é útil
considerar é o quanto
seu objeto se move. No meu exemplo, o objeto
está completamente estacionário, mas se fosse um objeto em movimento, eu poderia expandir minha seleção de área para cobrir a área total
em que o objeto estará ou eu poderia ajustar meu mascara à medida que eu esfrego
a linha do tempo, então o programa está
preenchendo apenas
o conteúdo do objeto e tem menos
área que ele precisa tentar corrigir. Definitivamente lembre-se, reserve tempo adiantado para assistir seu clipe primeiro e ver qual é a melhor seleção de máscara
para suas necessidades. Para criar uma máscara, vou garantir que minha camada de
vídeo esteja selecionada. Então eu vou clicar
na Ferramenta Caneta e rastrear
ao redor do meu objeto, e agora minha cena ficou preta. Não se preocupe, tudo o que você
precisa fazer é ir até a máscara e
clicar em “Subtrair”, que inverterá o
efeito para que a máscara subtraia a seleção
do resto do clipe. Dica profissional, se o objeto
se mover durante o vídeo, você precisará ajustar a
máscara em diferentes pontos da gravação para que ela permaneça
alinhada com o objeto. Quando estiver satisfeito com minha máscara, vou ativar o painel de preenchimento
sensível ao conteúdo. Para encontrá-lo, vá para
Janela acima
e, em seguida, até Preenchimento
sensível ao conteúdo, então tudo o que você precisa fazer é
clicar em “Gerar camada de preenchimento”. Como você pode ver aqui, ele gera uma nova
camada na parte superior composta por uma sequência de imagens
do campo e da área. Agora vou orientá-lo
sobre um problema comum que você pode encontrar e
como você pode resolvê-lo. Digamos que você pressione a camada
“Gerar preenchimento”, mas você recebe uma mensagem de erro. O que você faz? Bem, a primeira coisa que eu
faria é verificar como sua máscara está sendo
aplicada à camada. Para que a camada de
preenchimento de conteúdo funcione, você precisa ter um
buraco em sua cena. Quando você cria uma máscara, ela
estará automaticamente no modo de adição, o que significa que apenas a
seleção é mostrada, que é o oposto
do que queremos. Ao trocar o assunto, você obterá um buraco que
você sempre pode confirmar observando a tela
Destino de preenchimento do painel. Aqui você pode ver que ele tem
um orifício transparente. Agora você está pronto. Para recapitular, esse recurso
pode ser usado em tantos aplicativos diferentes. Lembre-se, revise a gravação primeiro e desenhe sua seleção de
máscara acordo com a complexidade do objeto e
o
resto da cena,
e lembre-se de que, se o objeto estiver se movendo por toda parte, você precisará ajustar
os pontos da máscara para
corresponder à
posição do objeto. Agora é sua vez de
praticar esse exercício usando os recursos da classe
ou seus próprios clipes, e postar na seção de
discussão se você tiver alguma
dúvida ou precisar de ajuda. Na próxima lição, vou guiá-lo através um truque secreto para
recortar animações.
4. Preservar transparência básica: [MÚSICA] Nesta lição,
vou orientá-lo pelo recurso oculto,
preservar
a transparência subjacente. Levei vários anos
até que eu realmente aprendesse o que todas as configurações no painel
da linha de tempo fizeram. Acho que preservar a transparência
subjacente foi o último
recurso sobre o qual aprendi e definitivamente se tornou
um dos meus recursos favoritos. O que ele faz? Ele só mostra a camada
em pixels visíveis. Uma ótima maneira de pensar
sobre esse recurso é como o traçado de
recorte no Photoshop. Por tanto tempo eu
queria uma maneira de capturar essencialmente várias camadas em
uma camada como o Photoshop, e preservar a
transparência subjacente faz isso. Vejamos um exemplo. Neste exemplo, tenho
duas camadas, um círculo e um texto branco, e ambas estão em um plano de fundo
transparente. No passado, quando eu
gostaria que o círculo só
aparecesse no texto. Eu teria que duplicar
a camada de texto e usar fosco alfa no painel fosco
da faixa
e, como você pode ver, ele faz o trabalho, mas tem
algumas desvantagens, como você só pode
rastrear uma camada, e você tem que duplicar
a camada inferior. preservação da
transparência subjacente resolve esses
dois problemas. Para ativar o recurso, vá para o painel da linha de tempo e clique na caixa na coluna T, e agora essa camada só fica visível quando eu a
movo sobre o texto. Uma coisa a
ter em mente com esse recurso é que a
camada ativada será visível para todos os objetos não transparentes. Por exemplo, se eu tivesse
um fundo sólido, como você pode ver aqui, então eu sempre veria
o círculo, pois não
há áreas transparentes abaixo dele. Agora vou mostrar um exemplo
mais avançado agora, e isso estará nos recursos
da classe se você
quiser acompanhar comigo. Neste projeto, tenho uma configuração de animação de onda
colorida, e quero que
ela apareça no texto que
diz planos de papel. Tudo o que preciso fazer é
voltar ao painel da linha de tempo
e, em seguida, marcar cada
caixa na coluna T para
ativar a transparência
subjacente preservar para essas camadas
e, como você pode ver agora, eles são cortados ao texto. Como eu uso isso
na prática real? Gosto muito de usar esse
recurso para adicionar texturas
animadas a palavras
ou formas em uma composição. Como você pode ver aqui, adicionei textura a
esses textos também. Importante,
preservar a transparência subjacente é um recurso oculto que
você deve usar. Antes de saber sobre
esse recurso, eu gastaria muito mais
tempo usando soluções alternativas. O uso da
transparência subjacente realmente acelerou meu fluxo e me dando mais flexibilidade desde que o
configurei em várias camadas. Agora é sua vez de praticar esse exercício usando
os recursos da classe ou seus próprios arquivos. Como sempre, sinta-se à vontade para postar qualquer pergunta na seção de
discussão, e terei
prazer em ajudá-lo. Na próxima lição, vou orientá-lo
através do motion sketch, que o ajudará a criar
sem esforço movimento
orgânico em animação.
5. Esboço de movimento: [MÚSICA] Nesta lição, discutirei o motion sketch, que é um dos meus recursos favoritos de
economia de tempo quando se
trata de animar
objetos ao redor da tela. O que ele faz? esboço de movimento
registra o movimento e o traduz em quadros-chave. Esse recurso é ótimo para
quando você quer capturar o movimento de um objeto
de forma muito orgânica, o que eu descobri
me ajudou a elevar a
qualidade do movimento. Como isso funciona? Para ativá-lo, vá para Janela, depois até o esboço de movimento
e, em seguida, isso
abrirá um painel. Vamos percorrer as
configurações neste painel. Primeiro você tem a
opção de ajustar a velocidade na qual seu
movimento é capturado. Essa é uma das razões
pelas quais eu adoro esse recurso. No passado, eu
teria que traçar os quadros-chave da posição
ao longo da linha do tempo. Mas com o esboço de movimento, After Effects acompanhará
a velocidade com que você se move e traçará para você. Com essa configuração, você
pode até acelerar ou diminuir a velocidade
da animação final. Acho isso extremamente
útil à medida que movo o mouse muito devagar até que
isso possa acelerar o ritmo, então não é tão lento. Para acelerar a animação, tudo o que você precisa fazer é
aumentar o número
e, em seguida, diminuindo
o número, você pode diminuir a animação. Você também
poderá
reposicionar manualmente os
quadros-chave também. A próxima configuração que
temos é suavizar. Você pode controlar a
suavidade do movimento aumentando ou diminuindo
o valor aqui. Quanto maior o valor, mais
o After Effects
suavizará o movimento geral que afeta o número
de quadros-chave usados. Eu tendo a manivela a minha
até cerca de 70, pois estou muito instável enquanto movo meu
cursor ao redor do quadro, e o valor mais alto ajuda a tornar o caminho final muito suave. Você também tem opções para
mostrar o wireframe
do objeto que você está movendo em segundo plano enquanto
captura o movimento. Vou demonstrar o que parece com os dois fora. Aqui você só vê o
cursor e os pontos indicando os diferentes quadros-chave
do movimento em um fundo
preto. Agora, quando você verifica o wireframe, você verá um quadro
ao redor do objeto, que eu achei útil
quando precisei levar em consideração a forma ou o
tamanho do objeto que estou movendo. Isso é especialmente útil quando meu objeto é
menor que o comp. Mas o que você faz quando
precisa navegar pelo objeto em torno de outros
objetos em sua composição? É aí que a verificação do
plano de fundo é útil. Como isso torna tudo visível, agora eu posso navegar no meu
plano ao redor das palavras. Para lhe dar uma
visão sobre o meu processo, para um projeto como esse, vou sempre verificar o wireframe
e o plano de
fundo como eu quero que meu objeto, que é o plano de papel, navegue pelo à medida que ele se move pela tela. Se eu não tivesse
esses aspectos mostrados, acabaria fazendo uma adivinhação desnecessária
ao vivo. Mas o que você faz quando
precisa do seu objeto para reajustar essa animação de
avião? Essa animação ficaria ruim
se o avião apontasse apenas em uma direção e estivesse para trás durante todo
o movimento. Dica profissional, você pode usar o oriente
automático para ter seu objeto linha real
automaticamente durante toda
a animação. Para fazer isso, você
irá para Camada, depois para Transformar e depois para Orientação automática. Em seguida, no pop-up, clique em Orientar ao longo do
caminho e, em seguida, clique em Ok. Agora o avião está
se ajustando como orientação, o que é incrível,
mas está voando para trás. Para resolver isso, vou tocar na tecla R para aumentar a rotação, e vou ajustar a rotação até que
o caminho esteja voltado para a direção
correta. Normalmente, quando estou trabalhando
em uma animação como essa, vou ativar o orient ao longo do caminho e reajustar a rotação
de um objeto antes mesmo de usar o motion sketch para
acelerar meu fluxo de trabalho e permitir que eu veja
os objetos se movendo da maneira certa desde
o início. Como isso melhorou meu trabalho? Esse recurso definitivamente me
economizou muito tempo. Antes de descobrir o esboço de
movimento, eu criaria todos os
quadros-chave à mão e girava objetos
ao longo do caminho, que é muito demorado. Isso definitivamente
acelerou meu fluxo de trabalho. Agora é sua vez de
enfrentar esse exercício usando os recursos da classe
ou seus próprios arquivos, e sinta-se à vontade para postar na seção de discussão
se precisar de ajuda. Na próxima lição, mostrarei um recurso de bônus que
permitirá
exportar seu projeto do After Effects como
uma lacuna animada.
6. Bônus: como exportar Gif animadas: Nesta lição,
vou orientá-lo exportação de um projeto
como um GIF animado. Primeiro, por que isso é
um recurso útil? GIFs do Animate são um
formato popular usado na Web. Nós os vemos em todos os lugares, desde nas plataformas de
mídia social até no nosso bate-papo e mensagens de texto. Usuários ao vivo não sabem, você pode gerar
um GIF usando as configurações do
After Effects Media Encoder. Como fazer isso? Assim como explorar um vídeo. Você vai até o arquivo superior, depois até Exportar clicar em Adicionar à fila do Adobe
Media Encoder. Atualmente, minhas configurações estão definidas para renderizar um arquivo de vídeo MP4. Para alterar a configuração, vou para a coluna Formatar e
clicar na seta para baixo, e irei animar
GIF e clicar nele. Como você pode ver, o formato do arquivo
agora mudou para GIF. Para fazer ajustes no GIF, clique em GIF animado para
obter as configurações de exportação. Uma desvantagem desse método
para criar GIFs é que as configurações de exportação
são mais
voltadas para vídeos e não GIFs,
portanto, você não tem muitas
dessas configurações úteis disponíveis em outras
aplicativos como o Photoshop. Quando usar isso? Para mim, uso esse
recurso quando só quero criar um GIF rápido
para mostrar ao cliente, que não preciso me preocupar otimizar o tamanho do GIF. Para recapitular, eu apenas oriento você exportação de GIFs
animados usando o After Effects e falar sobre alguns prós e contras de
usar esse recurso. Agora, é sua vez de
exportar um GIF animado do seu projeto e enviá-lo para a galeria de projetos do aluno. Em seguida, na lição final, vamos encerrar esta aula.
7. Considerações finais: [MÚSICA] Parabéns
por completar esta aula. Agora você tem quatro novos truques em seu kit de ferramentas do After Effects, incluindo corrigir erros de
gravação com preenchimento sensível
ao conteúdo, recortar animações em formas ou impostos usando o
subjacente preservado transparência, criando animações suaves
usando o Motion Sketch e explorando composições
como GIFs animados. Espero que esses
novos recursos tenham ajudado a inspirá-lo a buscar novas oportunidades criativas e projetos
mais complexos
para usar suas novas habilidades. Para continuar expandindo
suas habilidades, recomendo que você
reserve um momento para enviar seu projeto
para a galeria de aulas, e compartilhar com a comunidade
Skillshare é uma ótima maneira de ajudar a
inspirar uns aos outros . Se você gosta de fazer essa aula, considere seguir-me no Skillshare e confira algumas das minhas outras aulas sobre
design de movimento e animação. Obrigado novamente por
fazer esta aula, e espero vê-lo
em um futuro em breve. Adeus por enquanto. [MÚSICA]
Isaiah Creates, Art Director & Motion Designer
