Animando textos, formas e padrões simples: fundamentos do After Effects

1. Vídeo de introdução: Olá, sou Martin. Nesta aula, vou ensinar-lhe como animar gráficos de telefone assim. [MÚSICA] Para o nosso primeiro projeto, você criará seus próprios gráficos de telefone e os animará usando a técnica que vou te ensinar, como mascaramento, dimensionamento, caminhos de deslocamento, criação de padrões, animador de texto, eco e muito mais. Esta classe é adequada para designers gráficos ou ilustradores que desejam animar seu próprio design. Você não precisa de nenhuma experiência do After Effects, mas precisa conhecer um pouco de ilustradores. Bem, te vejo na aula. 2. Preparação de arquivos: [MÚSICA] Estamos aqui no Illustrator. Para preparar o arquivo do Adobe Illustrator para animação, o que você precisa prestar atenção é separar todas as camadas que você planeja animar separadamente. Separei todos os arquivos aqui, e este é o arquivo que você pode baixar na pasta do projeto. Aqui está o nosso telefone, o telefone e então este é o polegar, então você vê que eu separei tudo o que eu quero animar separadamente como uma camada diferente. After Effects pode ler a camada, sim, esta é o coração, esta é a caixa preta, sorridente. Eu quero animar o rosto sorridente, e circular de forma diferente, é por isso que eu preciso separá-los, então eu chamo de rosto vermelho sorridente, e certifique-se de nomear todas as camadas caso contrário, ela receberá confuso no After Effects. Este é o círculo, este é o rosto verde, verde sorridente, rosto rosa sorridente, rosa sorridente, esta é a barra verde, placa branca, aqui está o texto do amor, a placa amarela, o comando, o branco texto bolha, placa verde. Agora, este, geralmente quando queremos animar, precisamos liberar a máscara de recorte se houver algo que tenha máscara de recorte, mas para esse caso específico, nós realmente recriaremos tudo no After Effects. Eu só preciso de um guia de como ele se parece, portanto, não preciso liberar a máscara de recorte. Este eu coloquei em uma camada chamada follow, placa vermelha, marcador, marcador branco placa. Separei todas as fitas separadamente porque quero animá-las individualmente, e a placa preta e depois adicionar texto, a placa amarela, este seu texto e, em seguida, a placa inferior azul. Essas são todas nossas camadas. Uma coisa que você também deve tomar nota é este telefone, este é uma imagem bitmap, é um PNG, talvez seja uma prática melhor incorporar o link, se você não sabe como fazer isso você pode ir para Janela e, em seguida, links. Eu incorporei este, mas se você não o fez, você pode selecionar no telefone ou qualquer coisa, um ativo PNG ou ativos de bitmap , e você pode ir aqui. Se você não tiver incorporado, a opção será incorporada, basta incorporar e, em seguida, ela será incorporada ao seu arquivo de IA. A próxima coisa é salvar, você pode ir para Arquivo, Salvar Como, portanto, este, vou apenas nomeá-lo Masking UI_AE_02. Eu costumo colocar AE como um nome de codificação para minha nomeação, isso significa que esse arquivo seremos usados para animação. Vou apenas clicar em “Salvar”, certifique-se de fazer este arquivo compatível com PDF, caso contrário, After Effect não poderá ler seu arquivo e, em seguida, você pode clicar em “Ok” e depois vê-lo no After Effects. 3. Adaptação ao design: [MÚSICA] Agora que seu arquivo está pronto para animação, há poucas coisas que você pode fazer. Primeiro, se você quiser usar o design fornecido, este design que eu separei as camadas, você pode usar esse design para animar diretamente no after effects, ou de outra forma, aquele que eu na verdade, recomendo que você faça é recriar seu próprio design. Você pode recriar seu próprio design de duas maneiras. Primeiro é apenas adaptar esse design. O que quero dizer com adaptar é que você pode simplesmente mudar o texto para outros textos que você quer. Digamos que isso esteja se tornando seu nome ou isso se tornando outras palavras. Basta alterar as palavras e você pode alterar apenas o ícone, mas você pode manter todo o sistema de grade aqui. Você pode alterar a cor para sua própria paleta de cores e, sim, é isso, e você pode usar o arquivo. O último método é recriar completamente tudo isso. Isso pode levar mais tempo para você. Será ótimo porque você terá seu próprio design original. Mas se você quiser fazer isso, o que eu recomendo que você faça é garantir que você mantenha que há pelo menos uma camada de texto como esta. Há também outra camada de texto que é base de traçado porque tentaremos animar a linha e também manter pelo menos dois ícones como este ou assim. Talvez ele se torne estrela ou talvez se torne um dos ícones que você quer. Também faça um padrão, pelo menos padrão simples com base em um elemento, porque também vamos animar o padrão. O último é o elemento duplicado, que é como eco agora porque tentaremos explorar o efeito chamado eco para torná-lo camadas duplicadas. Certifique-se de que seu design tenha todos esses elementos e que você esteja pronto. Não se esqueça de separar todas as camadas assim, e você estará pronto para animação. [MÚSICA] 4. Gestão em pastas: [MÚSICA] Antes de entrarmos no After Effects, há uma coisa muito importante a saber, que é o gerenciamento de pastas para o After Effects. After Effects está usando o sistema de empréstimos. Isso significa que ele vinculará todos os ativos em sua própria pasta. Portanto, se você mantiver seus ativos em pasta diferente, ele realmente se tornará um link ausente. A maneira como você organiza seus arquivos deve ser assim. Esta é a pasta do projeto. Você pode nomear o que quiser e deve fazê-lo antes mesmo de criar o arquivo After Effects. Caso contrário, depois que o After Effects vincular todos os arquivos, ele ficará ausente se você alterar a nomeação. Certifique-se de nomear corretamente esse nome, o que quiser. Meu projeto é chamado de IU de mascaramento. Dentro desta pasta, você criará um monte de pastas como esta. Este é o seu arquivo de IA. Se você tiver o arquivo do Photoshop, criará outra pasta chamada Photoshop. Este é o arquivo que criamos anteriormente, Masking UI_AE_01, e é o original. Seja qual for o arquivo AE que o After Effects arquivo que você salvará mais tarde, você salvará nesta pasta. Isso será se você tiver alguma filmagem de ação ao vivo da sua câmera, você pode colocá-la aqui. Se você tiver algum JPEG, você pode colocar aqui. Se você tiver algum PNG, você pode colocar aqui. Se você tiver referência, você pode criar uma pasta de referência e assim por diante. A saída é para o arquivo renderizado. Você pode manter todo o arquivo de renderização aqui. Garante que tudo esteja dentro da mesma pasta. Se, por acaso, você tiver que mudar de computador, você só precisa trazer essa pasta, a pasta principal, e nada faltará link. O próximo é o After Effects. 5. Import e navegação em AE: [MÚSICA] Se esta for a primeira vez que você abre seu After Effects, você verá uma janela de boas-vindas como esta. Pode estar vazio para você, para mim porque abri muitos arquivos diferentes antes, então verei meus arquivos recentes. Irei ignorar isso no momento e iniciar um novo projeto. Se você não vir o mesmo como o meu, na verdade, iremos para o Window Workspace. Estou usando o espaço de trabalho padrão. No After Effects, você pode personalizar como deseja ver sua janela. Se você mover acidentalmente algo assim, por exemplo, ou fechar acidentalmente algo assim, você pode realmente redefinir tudo isso você pode realmente redefinir tudo isso indo para Window Workspace, redefinir padrão para o layout salvo e ele voltará a como é a configuração de fábrica. Vamos importar nosso arquivo de IA. Esta é a nossa biblioteca de projetos e importe nosso arquivo aqui. Existem muitas maneiras de importar. Você pode clicar duas vezes aqui e ele abrirá isso e eu irei para minha pasta Masking UI, vá para minha IA, vá para este arquivo. Não clique duas vezes neste arquivo. O que você quer fazer é realmente garantir que este seja o tamanho retido da composição. Se você escolher “Gravação”, ela selecionará apenas uma camada desse arquivo. O que você quer é Composição Retain Layer Size. Vamos apenas fazer isso. Você pode ignorar o último por enquanto. Apenas este e , em seguida, clique em “Abrir”. Isso lhe dará isso. Isso é chamado de composição. Se clicarmos duas vezes nisso, você verá todas as camadas que dissemos anteriormente em nosso Illustrator. Você verá essa pasta também. Ele tem todas as camadas que precisamos, mas já está incorporado dentro desta. Esta é sua janela de visualização. Onde quer que você anime, você verá a pré-visualização aqui. Esta é a sua janela da linha do tempo, você pode ver todos os segundos aqui. Você precisa definir a duração antes de tudo. Se você vir agora a duração geralmente seguiremos o último arquivo que você fez. Anteriormente eu fiz algo com 16 segundos, então é em 16 segundos. A maneira como você ajusta isso é pressionando “Command K” ou controle K no Windows. Comando K abrirá as configurações de composição mas se você não se lembrar desse atalho, você também pode ir para Composição, configurações de composição, consulte Comando K. Então aqui veremos que eu defini isso como 1080 por 1080, que é uma proporção quadrada do Instagram. Vamos apenas manter isso como está. Certifique-se de que isso seja pixels quadrados. Usaremos a taxa de quadros 30 quadros por segundo para este projeto. Esta é a duração. Deixe-me cancelar isso primeiro. Às vezes, você não vê essa duração como um segundo como esse. Se eu pressionar “Comando” ou “Controle” no Windows, ele se tornará quadro. Com esta configuração se eu pressionar “Command K”, o que você vê aqui também é um quadro. Normalmente, queremos usar segundos em vez de quadro porque é mais difícil contar como 30, 31 segundos é a diferença. Eu não vou querer fazer isso, vou cancelar isso e novamente, virei aqui e pressionarei comando. Eles se tornam segundos novamente. Estou bem agora. Então acho que vou mudar essa duração para 10. Ainda não sei como está nossa iteração, mas para o ponto de partida, vou fazer 10 e clicar em “Ok”. Há um monte de ferramentas aqui. Você vê essa ferramenta manual. Você pode realmente pressionar a barra de espaço para isso. Isso pode fazer isso. Você também pode usar a ferramenta manual aqui. Você pode rolar para baixo e para cima aqui. Em seguida, amplie. A ferramenta Zoom é ampliar aqui. Você pode segurar Alt para diminuir o zoom. Você também pode usar a rolagem do meio do mouse para este, ou você também pode usar esse ajuste ou você pode torná-lo maior. Vou usar o ajuste por enquanto. Este é um botão muito importante. Esta é uma configuração para sua animação. O Full lhe dará resolução total, mas usará mais recursos. Será mais lento em seu sistema. Se você animar e então ele virá como você e você animar, você pode mudar isso para metade. Se ainda estiver atrasado, você pode até reduzir o terceiro ou um quarto. Isso não afetará a renderização. A renderização usará a resolução mais alta. Na linha do tempo, você também pode ampliar e diminuir o zoom. O que você precisa saber sobre essa linha do tempo é que se você vir esse 0100f, isso é um segundo. Como estamos usando 30 quadros por segundo, dentro de um segundo você verá 30 quadros. São 15 quadros. Você pode ampliar e diminuir o zoom dessa linha do tempo usando este slide. Você vê quando eu amplio, ele mostra mais como cinco quadros, 10 quadros, 15 quadros, 20 quadros, 25 e este segundo. Em 2 segundos. Você pode usar essa barra ou também pode usar o atalho mais ou menos. Se você pressionar menos para diminuir o zoom e se pressionar mais, ele aumentará o zoom. A próxima coisa que você quer fazer é salvar esse arquivo. Vamos para Arquivo, salvar como e iremos para Mascaramento AE. Vamos salvar na pasta AE, nomeie esta Masking_01. Você pode nomear o que quiser, mas é uma boa prática obter o número 01 e vamos animar. 6. Saturação: A primeira coisa que eu queria fazer é colorir meu telefone. No momento, a cor é rosa e é muito semelhante ao plano de fundo. Quero mudar a cor. Esta é a camada do telefone. Vou selecioná-lo e irei para esses Efeitos e Predefinições. Se você não vir isso, você sempre pode ir para Window find Effects and Preets e certificar-se de que está marcado. Vou aqui e vou digitar matiz e depois tomar Correção de Cor, Matiz/Saturação. Se você não vir isso, você também pode ir para o Effect. Está acinzentado porque precisamos ir aqui, selecionar e depois ir para Efeito, encontrar Correção de Cor e Matiz/Saturação. Esse é o efeito que queremos. Podemos clicar duas vezes ao selecionar essa camada, ou também podemos arrastá-la para nossa camada. No momento em que você arrastar isso, ele terá um parâmetro aqui para a matiz/saturação e isso afetará apenas essa camada. Quero alterar a tonalidade mestre deste telefone arrastando algo assim, então você pode ver que ele está mudando. Você pode mudá-lo para o que quiser. Na verdade, quero encontrar algo como um vermelho escuro talvez. Talvez eu reduza um pouco a leveza e, em seguida, talvez aumente a saturação. Faça com que pareça com isso. Vamos mudar o zoom para caber. Só quero que seja vermelho escuro assim. Você pode mudá-lo para o que quiser. 7. Programação em cores de camadas: [MÚSICA] Agora queremos animar a partir da placa traseira de cada um dos elementos. Para fazer isso, antes de tudo, esconderemos todos os elementos primeiro, então você só verá todas as placas. Vamos encontrar todos eles. Na verdade, vou tentar codificá-los em cores primeiro para que seja mais fácil de ver. Este polegar, como e a parte superior da caixa azul, vamos colorir a camada para azul. Então eu vou esconder o polegar e gostar. Neste coração e caixa preta eles estão juntos, então eu vou colori-los de vermelho e então eu vou esconder o coração. Na verdade, vou bloquear este telefone para não movê-lo acidentalmente. Então esse sorriso, há muitos deles. Vamos colori-los de amarelo. Você pode colorir tudo o que quiser. Vou esconder todo o rosto sorridente. Este prato branco, acho que é suposto ser amarelo também. Esta barra verde vou apenas colorir verde. Texto de amor e a placa amarela, este é suposto ser amarelo, mas vamos apenas colorir laranja e depois esconder o amor. Então este texto de comando e a bolha e o verde no meio, vamos apenas colorir roxo. Vamos esconder isso também. Vá seguir, esconda o seguinte. Colore os dois de vermelho. Este marcador, basta deixar a cor assim. Se você acidentalmente clicar duas vezes em algo, ele abrirá esta caixa, esta janela de visualização que é especificamente para essa camada, você sempre pode voltar aqui, clicar nesta guia e você irá ele abrirá esta caixa, esta janela de visualização que é especificamente para essa camada, você sempre pode voltar aqui, clicar nesta guia e você irá de volta para a guia de composição. Toda essa fita, eu realmente os cobrirei fúcsia, que é um rosa. Este texto de marcador eu os esconderei. Esconda isso, e ambos eu vou colorir amarelo. Esses dois serão azuis e o fundo será fúcsia. Vou bloquear o fundo para que não os movamos acidentalmente. Esta é a preparação para animar cada um deles. 8. Máscara retangular: A primeira técnica que eu quero apresentar é mascarar. Quero animar este prato azul. Vamos subir na parte superior da caixa azul e depois vou ampliar. Pressione “z”, zoom. Pressione “v” para voltar para esta ferramenta, esta é a ferramenta padrão. Primeiro de tudo, você precisa selecionar essa camada. Você irá para essa ferramenta retangular, clicará nela e, em seguida, vamos desenhar uma máscara como essa. Você vê quando eu desenho, está realmente mascarando minha camada, e o que queremos fazer é animar isso daqui para [NOISE] algo assim. Começarei daqui, que é a posição final. Você vê minha camada quando eu usar essa máscara, ela adicionará uma máscara aqui. Quero abrir essa máscara e, em seguida, definir um quadro-chave neste cronômetro no caminho da máscara. Clique aqui, você criará uma forma de diamante que é chamada de moldura chave e eu quero arrastar essa forma de diamante para o lado. No começo, quero fazer essa forma. Vamos clicar duas vezes nesta camada. Pressione “v” novamente, clique duas vezes nesta camada. A propósito, se você não conseguir ver essa máscara, sempre podemos mudar a cor clicando aqui e você pode alterá-la para qualquer cor que seja mais visível; vermelho escuro ou algo assim. Para que você altere isso, você pode clicar duas vezes exatamente na máscara. Clique duas vezes assim. Se você clicar duas vezes, ela criará essa caixa delimitadora e poderá arrastar assim. Se você segurar “Shift” e clicar em um deles, você pode realmente mudar isso e simplesmente mudar um dos cantos, ou se você segurar “Shift”, você pode ajustar ambas as máscaras. Vou desfazê-los. O que eu quero é pegar esses dois e vou dirigir segurando “Shift”. Vou direto para a esquerda, algo assim. Vou cuidar e pressionarei “Barra de espaço” para visualizar minha animação, que você veja algo assim. A velocidade é determinada pela posição desse quadro-chave, portanto, se você acha que isso é muito lento, você pode realmente movê-lo para frente e você pode vê-lo se tornar mais rápido. Se for muito rápido, você pode trazer assim e sua máscara será muito lenta. É assim que você ajusta o tempo. Na verdade, quero balançar nossa região de renderização. Quando jogamos assim; pressione “Barra de espaço”, ela continuará tocando até 10 segundos antes de voltar ao início. Eu quero apenas balançar esta região de renderização. Digamos que dissemos assim, se você renderizar essa coluna, ela estará apenas renderizando essa região. Você verá o que aconteceu se eu balançar assim se eu pressionar “Barra de espaço”. Quando chegar a isso, ele voltará. Isso é bastante útil para julgar sua animação, então acho que é muito lenta no momento e vamos movê-la para aqui. Deixe-me ver. Acho que está tudo bem. Você vê que essa animação é linear, isso é chamado de quadro-chave linear, é o diamante. Linear significa que não há desaceleração ou aceleração na animação e é uma animação muito plana. Vamos mudar isso para Easy Ease, então selecionarei os dois e, em seguida, clicarei com o botão direito do mouse, vá para o Assistente de quadro-chave e colocarei Easy Ease. O atalho é F9, então quando eu clicar que ele me dará parece assim. Isso significa que ele diminuirá a velocidade, aumentando a velocidade e, em seguida , diminuirá novamente. Se eu jogar isso talvez não seja muito perceptível, deixe-me fazer assim. Se eu quiser mostrar isso com mais clareza para você, talvez eu use este Editor de Gráficos e clique nisso. Se você ver, esta é a trajetória da nossa animação. Se eu fizer algo assim, vou torná-lo mais extremo em ambos os lados assim. Agora, se eu reproduzir a animação, você deve ver que ela está realmente mais lenta no início e, em seguida, ela vai aumentar a velocidade. Este é o pico da velocidade e, em seguida, diminuirá novamente. Veja, algo assim. Isso é Easy Ease, mas eu não quero que seja tão extremo, então eu realmente voltarei aqui. Selecionarei o meu quadro-chave novamente e selecionarei “Comando”, pressionarei Comando”. Clique no quadro-chave, ele reiniciará para o estado original que é linear. Vou apenas selecionar os dois e seguida, vou clicar com o botão direito do mouse, usar Easy Ease. Esta é a facilidade fácil padrão. Isso é o que queremos fazer por enquanto; algo assim, mas acho que vou fazer assim. 9. Como transformar propriedades e máscara circular: Agora, eu quero animar essa caixa preta. Vamos para a caixa preta. Quero usar a escala. Este é o básico da animação. Se você abrir qualquer camada que você traz do ilustrador, verá as propriedades de transformação. Esta é a posição. Você pode animar a posição. Esta é a posição x, esta é a posição y assim. Você também pode clicar e arrastar para movê-lo. Isso é escala. Podemos torná-lo maior ou menor, e rotação. Opacidade é transparência. Quero escalar. Este é um ponto de ancoragem. Se você vir esse ponto de ancoragem. ponto de ancoragem é onde está o eixo do objeto. Se o ponto de ancoragem estiver no centro, se eu girar, ele girará do meio. Mas digamos que eu use essa ferramenta. Esta é a ferramenta de ponto de ancoragem e o atalho é Y. Se eu mover isso segurando o comando, vou bloqueá-lo. Se eu movê-lo para o canto inferior esquerdo. Se eu girar agora, ele girará a partir desse canto, então este é um ponto de ancoragem. Quero escalar a partir deste canto. Vamos pegar esse comando segurando, bloqueá-lo no canto superior esquerdo e, no início, pressione F novamente para a ferramenta padrão. Vá para a escala, defina o quadro-chave na escala e, novamente, esta é a posição N, então vou movê-lo para a direita e alterar o número para zero. Vamos jogar isso. Ele vai animar assim. Novamente, é muito lento, então talvez eu faça metade da velocidade e, em seguida, selecionarei os dois e, em seguida, clique com o botão direito do mouse. Assistente de quadro-chave, facilita a facilidade. Vamos pegar nossa animação. Na verdade, quero que o azul anime primeiro em algum lugar em que vou animar, então a caixa preta vai animar. Eu vou deslizar isso talvez aqui e depois vamos ver. Eles não estão chegando ao mesmo tempo. Vamos usar um mascaramento novamente. Selecione a placa branca, selecione esta ferramenta retângulo, faça uma máscara. Vá para abrir este quadro-chave aqui. Esta é a posição N. Mais uma vez, vou movê-lo para algum lugar lá. Em seguida, pressionarei V, clique duas vezes nesta máscara e, em seguida, moverei assim. Selecione ambos, clique com o botão direito, assistente de quadro-chave, facilidade fácil. Então vou cortar o início dessa camada para sabermos que ela começa a partir daqui. Vamos ver a animação. Acho que é um pouco tarde. Vamos começar daqui. Vamos ver se ele começa desde o início. Vamos animar esta barra verde, e eu quero animá-los um por um. A barra verde está aqui. Vou ampliar agora. Segurando a barra de espaço novamente para navegar, pressione V enquanto seleciona a barra verde. Selecionarei minha máscara. Vou desenhar desmascarar assim, e então aqui na barra verde, eu vou realmente duplicar essa máscara algumas vezes. Pressionarei o Comando D para duplicar, e então vou movê-lo para o lado assim. Então eu pressionarei o Comando D novamente, movê-lo para o lado. Pressione Command D novamente, mova-o para o lado. Pressione Command D. Não precisa ser muito preciso. Eu tenho todos eles, e agora, quero abrir cada um deles e definir um quadro-chave na máscara como caminho. Você começará a ver que há toneladas de configurações aqui que realmente não precisamos ver. Se eu for aqui e depois pressionar U, então eu cortei U, ele abrirá apenas os quadros-chave lá que definimos. Não precisamos ver nenhum dos parâmetros que não queremos ver. Esta é a posição N. Mais uma vez, vou movê-los para algum lugar aqui. Selecionarei todos esses e , em seguida, movê-lo para cima assim. Mova todos assim, e depois apare isso. Se jogarmos isso agora, ele vai animar juntos. Mas o que podemos fazer é, deixe-me torná-lo mais rápido, selecionarei todos eles, movê-lo um pouco aqui, e então vamos ver. Agora, eles animam em momentos diferentes. Animações complicadas se você observar a maioria delas, geralmente elas consistem em animações simples, mas elas animam no tempo diferente. Usaremos esse conceito para todo o projeto, e você continuará vendo mais tarde o poder da impressionante linha do tempo como essa. O que eu quero fazer é facilitar a facilidade. Vamos ver nossa animação. Acho que precisamos movê-lo mais cedo. Talvez algo assim. Vamos ver, se encaixar. Não se esqueça de salvar, Command S. Eu quero animar isso e vou para esta ferramenta de máscara e elipse. Vou usar essa elipse desta vez. Certifique-se de selecionar isso. Em seguida, você clicará e desenhará. Mantenha pressionado Alt e Shift para torná-lo proporcional assim. Vamos colocá-lo aqui. Pressione V novamente, clique duas vezes e, em seguida, basta reajustar um pouco para que fique mais ou menos no meio. Você pode usar a tecla de seta para fazê-lo lentamente em algum lugar no meio. Queremos animar isso, expandindo de maneiras circulares. Vamos até a máscara, abra essa máscara e animaremos a expansão da máscara. Se eu arrastar assim, você pode ver que ele vai animar algo assim. Vamos pegar um quadro-chave. Clique no quadro-chave aqui e amplie-o até cobrir a coisa toda, então esta será a nossa posição final. Mova esta posição final para 15 quadros talvez. Vamos encolher isso para baixo. Vamos clicar nisso e, em seguida, pressionar a seta para baixo para que possamos ver lentamente quando é o ponto final. Acho que esse é o ponto final. Ele vai animar de maneiras circulares. É hora de uni-lo. Mais uma vez, vou transformar isso em facilidade fácil, fechá-lo. Vamos em forma. acelerar a animação para esses três porque usarei a mesma técnica, que é mascarar 1, 2, 3, 4, 5. Mais tarde, direi técnicas diferentes para este. Eles parecem muito bons. Você vê apenas por ter a mesma técnica repetidamente, mas quando você os anima em momentos diferentes como este, ficará bem legal. 10. Alpha Matte e pré-composição: Vamos fazer uma técnica diferente para esta. Esta é a fita. Quero animá-los saindo do topo, um por um. Vamos animá-los todos juntos, rosa, verde, fita vermelha. Pressione P para a posição. Defina um quadro-chave para todos eles. Mova todos os quadros-chave para os 15 quadros. Trata-se da animação que usamos para o resto. Então vamos mover a posição Y para cima, talvez em algum lugar aqui e depois mudar todos os quadros-chave para Easy Ease. Easy Ease é a flexibilização mais comum que usamos no After Effects. Vai parecer um pouco estranho porque estamos vindo daqui. O que queremos fazer é mascarar tudo isso dentro desta caixa preta. Existem algumas maneiras de fazer isso. Vou te mostrar o primeiro caminho. Esta é a tinta preta. A primeira maneira é usar alfa fosco. A maneira de fazer isso é duplicando esta placa traseira. Pressione Command D para replicar para que tenhamos dois deles. Então eu coloquei em cima desta fita amarela. Então, nesta fita amarela, você precisará encontrar essa faixa fosca. Se você não vir essa faixa matte, certifique-se de ter isso marcado. Veja este, certifique-se de que está ligado. Caso contrário, você também pode verificar com este modo de alternância. Você precisa encontrar essa faixa fosca. Então, nesta fita amarela, altere isso para alfa fosco. Quando você fizer isso, você verá que essas duas camadas agora estão tendo esse ícone. Isso significa que eles estão muito interconectados agora. Então esta placa agora está escondida. Esta fita amarela está usando esta placa preta como máscara. Se você vir agora, a animação parece assim, não vai mais subir. Esse método é bom, mas você pode ver que ele terá muita camada. Agora, se eu quiser fazer por este, preciso duplicar novamente a placa preta e ela terá muitas camadas. Há outra maneira que é pré-acampar. Vou desfazer este. Estamos de volta a ter apenas um prato preto. Na verdade, selecionarei esta placa preta e depois vou pré-compor isso pressionando Command Shift C. Ou se você não se lembrar disso, você pode ir para Camada, Pré-compor, Command Shift C. Ele perguntará isso pergunta, deixe todos os atributos ou mova todos os atributos. Vou mostrar o que acontece se eu escolher este, deixar todos os atributos. Se eu clicar nisso, nada parece ter acontecido, mas você verá isso se tornar uma pré-composição, e se eu clicar duas vezes nisso, ele realmente criará um grupo que tem apenas ele dentro, e ele cria essa nova composição, algo assim. O tamanho será exatamente como esta camada. Vou desfazer isso e depois farei mais uma vez. Desta vez, selecionarei todas essas camadas, incluindo a faixa de opções. Selecione tudo isso para placa preta. Comando Shift C. Quando faço isso desta vez, se eu selecionar mais de uma camada, você só terá uma opção aqui, que é mover todos os atributos para uma nova composição. Se eu clicar em “OK”, ele realmente agrupará tudo, e se eu clicar duas vezes nisso, agora o que você verá é que todo o grupo está usando o tamanho da composição, que é 1080 por 1080. Você já viu que acabamos da mesma forma como agora, todo o nosso elemento não é máscara, embora eles estejam em um grupo, mas eles ainda estão no topo e não é mascarado pela barra preta. Nós realmente não queremos fazer isso porque isso acabará fazendo com que precisemos fazer fosco alfa para cada um deles novamente. O que eu quero fazer é desfazer isso. Quero usar a primeira técnica na pré-composição. Para isso, na verdade, removerei todas as posições primeiro, pressione U para o quadro-chave e excluirei toda nossa animação. Exclua-os primeiro. Sem animação. Vou pré-compor nosso prato preto. Command Shift C, apenas a placa preta. Deixe todos os atributos e , em seguida, ele se tornará seu próprio grupo. Se eu clicar duas vezes, está aqui. Então eu realmente copiarei colar tudo isso. Na verdade, vou cortá-los, todos esses quatro. Selecione todos eles. Comando X para cortá-los. Vá para o prato preto. Comando V. Você pode vê-los em locais diferentes, então precisamos diminuir um pouco. Você realmente não sabe onde o efeito os colocará, aparentemente está aqui. Vamos levá-los para cima. Pressione V, traga-os para cima. Vamos colocá-los manualmente aproximadamente onde estavam antes. Em algum lugar aqui. Vamos verificá-los lá fora. Parece tudo bem. Parece que eles estão na posição certa. Volte para dentro. Agora podemos reanimá-los. Pressione P para a posição. Anime todos eles. Esta é a posição final. Mova-os para os 15 quadros e, em seguida, mova-os de volta para cima. Selecione todos eles, clique com o botão direito do mouse e depois Fácil Facilidade. Temos exatamente a mesma animação. Mas agora fora tudo está mascarado corretamente e é apenas uma camada, é muito arrumado. Isso é o que queremos. Mas agora a animação parece muito uniforme, vamos compensar o tempo. Selecione todos eles, mova-os ligeiramente em horários diferentes. Vamos verificar a animação. Parece bom e torná-lo um pouco mais rápido. Acho que parece bom. Também precisamos animar a placa preta. Vamos selecionar esta máscara de placa traseira e, em seguida, animar a máscara. Esta posição final. Animar assim. Selecione-os. Clique com o botão Facilidade fácil. Em seguida, mova a fita um pouco depois. É do lado de fora. Parece bom. Vamos diminuir o zoom. A animação parece boa. Vamos salvar isso. 11. Faça os que a extravagantes: [MÚSICA] Agora temos a animação base e ela está parecendo boa até agora. Há outra maneira de tornar essa animação mais complicada. Esta etapa é opcional. Não é muito necessário se você não gostar do efeito, mas deixe-me mostrar um truque. Vamos começar com a placa azul. Vou ampliar aqui. O top da caixa azul. O que eu quero fazer é duplicar isso três vezes e compensar um pouco o tempo. Primeiro de tudo, vou duplicar isso uma vez. Temos exatamente o mesmo, mas irei para efeitos e predefinições e venho aqui, vou digitar fill. Em seguida, vou clicar duas vezes nisso para aplicar esse efeito a esta placa azul. Por padrão, está me dando essa cor vermelha. Eu realmente não quero vermelho, mas vou realmente compensar esse tempo um pouco. Isso acontece um pouco mais tarde do que o primeiro. Vou copiar a cor. Eu tenho exatamente a mesma cor agora, mas quero torná-la mais talvez mais escura, talvez algo assim. Eu clico em OK. Agora, se reproduzirmos a animação, tenho duas exatamente a mesma animação , mas acontecendo em horários diferentes. Se você fizer isso três vezes, deixe-me ver. Vou duplicar mais uma vez e mudar a hora. Vou a algum lugar aqui e deixo a cor ainda mais escura. Se eu jogar agora, na verdade com a mesma animação, você tem três cores diferentes de animação. Se você imaginar que se inscreve em todos eles, isso tornará a animação ainda mais ocupada. Deixe-me tentar fazer isso, mas antes de tudo, o que eu quero é, na verdade, essa cor é nossa cor original. Quero que essa cor esteja no topo de tudo. Na verdade, fizemos um errado, eu deveria vir aqui, copiar. Na verdade, essa cor deve ser mesma que a original. Eu irei para o segundo, pego este campo Comando C e, na parte inferior, vou Comando V, esse efeito. Agora é a mesma cor e depois vou deixá-la mais escura. Algo assim. Agora, o final é a cor correta. Então você vê com esse tipo de efeito, é uma boa prática ser arrumado. Quando você não vir mais a primeira camada, posso pressionar Command e a seta para a direita para ir quadro a quadro. Você verá quando estiver coberto pela segunda camada, vou cortar essa camada pressionando Alt e fechar o colchete. Sei que essa camada termina aqui. Se eu pressionar Command e a seta para a direita novamente, quando a segunda for coberta, também cortarei essa camada e fecharei o colchete. Então esta é a última camada no topo. Esse é o que vou manter. Agora vemos algo assim. Vamos diminuir o zoom, salvá-lo. Algo assim. Vamos fazer isso. Vou acelerar e fazer pelo resto as três duplicações, e nos veremos em breve. [MÚSICA] Percebi que talvez o começo devesse ser quadro-chave linear. Vou pressionar Command e clicar nisso para me tornar um quadro-chave linear , mas o traseiro deve ser fácil. Acho que isso pode funcionar melhor. [MÚSICA] Eu terminei o keyframe. Você pode ver que a animação agora está ficando super ocupada. Isso é realmente opcional, de você se você quer fazer isso ou se você quer apenas ficar com o primeiro. Posso ajustar um pouco a cor para torná-las mais à paleta de cores. Farei isso, e nos veremos na próxima lição. 12. Expressão de boom Intertial: [MÚSICA] Acabei com essa cor. A paleta de cores é a mesma. Eu mantenho a mesma paleta de cores, e foi com isso que acabei. Vou prosseguir com este e animar o primeiro. Vamos ampliar aqui e vamos animar esse botão como e polegar. Primeiro de tudo, vou animar o botão do polegar. Vou ampliar aqui e ir para o polegar. O botão polegar será animado logo após a última placa, terminará de animar em algum lugar aqui. Vou pressionar o suporte aberto para postar isso aqui. Eu quero animá-lo escalando a partir deste canto. Vou ajustar esse ponto de ancoragem, pressionar Y ou essa ferramenta. Ao selecionar e arrastar o comando de espera, ele será bloqueado para o canto para baixo. Em seguida, pressionarei S para a escala segurando Shift, pressione R para rotação. Vou trazer esses dois parâmetros. Selecionarei os dois, criarei um quadro-chave. Mova-os para algum lugar aqui talvez. Vou girar um pouco assim, e farei a escala zero. Vamos ver como ele vai. Parece um pouco lento no momento. Na verdade, vamos isolar a região de renderização aqui. Sim. Algo assim. Eu quero usar a expressão para saltar isso. O que eu quero fazer é escalar isso e depois torná-lo maior e depois menor, então parece um salto. A maneira tradicional de fazer isso é fazendo isso. Isso é 100%. Vou a algum lugar na frente e, em seguida, clicar na balança e depois fazer isso maior do que 100%. Quando jogamos. Vai ficar assim. Vá assim. Talvez seja o mesmo com isso. Vou copiar a rotação, colá-la aqui, voltar para esta e depois torná-la mais do que isso. É como saltar assim. Logicamente, se você quiser fazer isso corretamente, você tem que saltar mais do que isso e, em seguida, saltar trás e, em seguida, saltar para trás e há muitos quadros-chave envolvidos. Existe uma maneira de automatizar isso usando um script. Na verdade, vou excluir esse quadro-chave no meio. Crie aqui. Diga primeiro, vou para o meu Chrome, e depois vou digitar o After Effects de rejeição inercial. Esta expressão escrita por Harry Frank. O que queremos fazer é copiar isso em um script ligado a células que ele escreveu. Você copiará daqui. Basta copiar tudo, tomar tudo o comando C, ir para o After Effects. Então você aguenta este cronômetro. Eu farei um por um para a escala primeiro, segure alternado. Clique em abrir uma caixa de diálogo de script. Vamos colar este comando V e clicar fora. Vamos ver o que está acontecendo quando fazemos isso. Aplique automaticamente um rejeição como este. A configuração padrão geralmente é demais. O que precisamos fazer é abrir esse script clicando com o botão direito do mouse lá. O que você precisa saber é que você não precisa se preocupar com todas essas coisas. Você só precisa alterar os três primeiros parâmetros. Amplitude, frequência e decaimento. A frequência é quantas vezes eles saltam. Você vai ver muito agora. Nós apenas reduziremos isso para um. Apague isso para um. Vamos ver como ele vai. Assim. Na verdade, é um pouco mais lento. Deixe-me movê-lo mais rápido. O salto no momento é super enorme. O que controlar isso é essas duas coisas é amplitude. Vamos reduzir a amplitude de 0,1 para 0,05. Então vamos ver como ele vai. Então o decaimento geralmente é quando você quer reduzir a decadência, você deve aumentar o número. Vamos aumentá-lo para quatro. Acho que parece bom. Vou aplicar isso. Selecionarei todos eles, clique e depois em Comando C. E, na verdade, eu os aplicarei à rotação também. Vou clicar aqui e , em seguida, no Comando V para colar o script, clique fora. Vamos ver como isso se parece. Talvez mova isso para o mesmo momento. Parece muito bom. Sim, esta é a expressão de saldo inicial. Vamos realmente animar esse botão como. Vou animar a posição. Pressiono P para a posição, trago para algum lugar aqui. Defina um quadro-chave. Esta é a posição N. No início, talvez esteja do lado assim. Se você vir, na verdade, está fora da caixa. Você pode usar a pré-compactação ou o formato. Talvez para este eu use apenas um formato. Vou pegar este comando superior da caixa azul D para copiar, colocá-lo em cima do tipo. Clique em curtir, alternar e, em seguida, encontre um formato. Estará faltando. Mas você verá que agora é obrigatório com base nisso. Você vê esses dois ícones, e a caixa azul ficará oculta. Essas duas coisas estão realmente ligadas entre si. Vocês podem ver, sim. Então eu vou ajustar isso para fácil e fácil. Acho que quero abrandar isso, diminuindo a velocidade. Selecionarei esse quadro-chave, abrirei meu editor de gráficos, selecionarei este e, em seguida, torná-lo mais dramático empurrando isso para a esquerda. Vamos ver a animação. Isso fará com que ele diminua mais. Acho que parece muito bom. Agora, vamos ver o ajuste. Agora você pode ver desde o início. Acho que eles podem vir um pouco mais cedo. Sim. Parece bom , então essa é a posição e a expressão de equilíbrio inicial. 13. Expressão de cópia: [MÚSICA]. Tudo bem, vamos animar a arte. Vou ativar minha camada de arte. Para este, vou fazer uma escala rapidamente. Vou movê-lo para algum lugar aqui, pressionar “S” para escala, definir um quadro-chave e, em seguida, ir para o início e defini-lo como zero. Novamente para este, quero usar a expressão de rejeição industrial. Mas já temos a boa configuração no polegar. Vou para a camada polegar e pressiono “ee” para abrir a expressão que escrevemos. Portanto, [inaudível] ee é abrir qualquer parâmetro de expressão que você definir em uma camada. Vou apenas pegar esta cópia e depois ir para a escala segurando Alt e clique no cronômetro e , em seguida, Command V para colá-lo. Então vamos ver como isso se parece. Um salto e parece bom. Vou torná-lo um pouco mais rápido. Vamos ver como isso se parece. Parece bom. Se você quiser, também pode duplicar isso três vezes como nosso método anterior. Pressiono “Comando D” para duplicar em um campo focal movê-lo, alterar o tempo. Talvez este eu mude para amarelo. Deixe-me me mover assim. Então talvez duplique mais uma vez, mude a hora. Cambaleie o tempo. Este talvez a cor mude para verde. Temos a mesma paleta de cores e, em seguida, sempre tão rápido. Vamos tornar o quadro-chave mais lento. Acho que a expressão de rejeição está na verdade, tornando-a bem estranha. Acho que vou remover a expressão. Mas vocês podem brincar com ele. Mas acho que vou mantê-lo no último. Novamente, como um bom hábito, uma vez que o primeiro é coberto pela cor verde, segure “Alt” e, em seguida, feche o suporte para cortá-lo. O mesmo acontece com isso, uma vez coberto, corte, para que você não veja a duplicação dele por trás. 14. Aperfeiçoamento de caminhos: [MÚSICA] A próxima coisa que quero fazer é animar o amor do texto. Vou encontrar minha camada e ligá-la. Eu quero usar essa técnica chamada caminhos de corte, que é um método para fazer uma animação de arte de linha. Talvez eu comece a animar em algum lugar aqui ou trazê-lo para cá. A primeira coisa que preciso fazer é convertê-lo em camada de forma. Vou clicar com o botão direito do mouse em Criar formas da camada vetorial Quando eu fizer isso, novamente, ele manterá meu original e criará uma camada de forma fora dela. Na verdade, vou mudar isso para laranja. Temos exatamente a mesma coisa. Mas desta vez eu quero animar a linha. Se eu abrir essa camada de forma, a camada de forma terá muitas coisas diferentes para animar. O que queremos fazer agora é dividido em quatro. grupo 1 é e. Vamos apenas nomear este grupo E. Então este é o grupo V. Pressione, “Enter” você pode nomeá-lo para v e, em seguida, pressione , “Enter” e pressione, “Enter, L.” Isso é semelhante à criação de contornos no Illustrator. Agora podemos animá-los de forma diferente. O que eu quero fazer é ir para o L, abrir o parâmetro e, em seguida, ir para essa seta e adicionar um efeito chamado caminho de corte. Você ainda não vê nada no momento. Deixe-me abrir isso. Ele tem alguns parâmetros. Se eu animar isso, talvez você não possa ver nada agora, mas vou tentar esconder isso clicando nisso. Agora você vê melhor. Há um atalho chamado Command, Shift, H. Isso é para ocultar a caixa delimitadora mais a linha. Agora, se eu animar isso, você pode ver o que está acontecendo. No caminho de corte, há parâmetros e médias de campo. Você anima o final. Este é o começo. Se você animar a estrela, ela também fará isso. Se você animar o deslocamento, eles se moverão assim. Você pode fazer muitas coisas com isso. Você pode animar cada um deles. Mas para este caso, eu só quero animá-los. Desfazer. Eu só quero animar isso n de 0-100, algo assim. Se você acha que essa direção está errada, você quer animá-la para a outra direção. Você pode usar este e ele será animado para a direção oposta. Acho que isso é o que queremos. Sim. Vou criar um quadro-chave aqui. Então eu pressionarei, “U.” Podemos isolar esse quadro-chave em particular. Então eu irei aqui e vou animá-lo para 100. Vamos ver. Vamos pressionar “B” para isolar a região de renderização aqui. Tão rápido. Vou movê-lo mais devagar. Vamos animar a letra O com o mesmo truque. Eu tive que abrir isso de volta, ir para O, clicar no O no caminho de corte. Abra esse parâmetro. Defina um quadro-chave aqui. Vá para trás animado o 0, e depois vamos ver. Parece muito bom. Pressione, “U.” Parece muito bom. Vamos animar o v , é a mesma coisa. Vá para v, caminho de corte. Abra, defina N. Pressione, “N.” Então, na verdade, eu só quero animar o e também. Aparar o caminho, abra-o, definir um quadro-chave em n e, em seguida, pressione “U.” Agora podemos ver, ir para o início, mudar ambos para zero. Acho que algo assim. Claro, você pode brincar com o tempo. Por exemplo, talvez o O deva acontecer um pouco mais tarde. Talvez algo assim. Vamos ver toda a animação, ir para caber. Acho que podemos começar mais cedo. Vamos aparar caminhos. 15. Parente de camadas: A próxima coisa é animar o balão de texto, é este. Vamos ampliar aqui. quero introduzir um conceito de parentalidade. Primeiro de tudo, pressionarei Command Shift H para fazer minha caixa delimitadora aparecer. O que eu quero fazer é animar esse texto de bolha para dimensionar a partir daqui. Eu pressiono Y e derrubo isso, mantenho o comando, ele trava para o canto. Você vê quando eu faço isso, quero que o texto do comentário siga o que eu animo aqui. Há uma maneira fácil de fazer isso. Selecionarei no comentário e usarei esse chicote de seleção. Isso é chamado de chicote de palheta para pais. Quando clico neste chicote de seleção e arrasto para a bolha branca, ele herdará todos os parâmetros de transformação daqui. O que quer que eu faça com isso, o comentário seguirá se eu escalar assim. Se eu girar, essa camada seguirá aquela em particular. Também podemos fazer parentalidade com determinado parâmetro. Digamos que você só queira herdar a escala. Você pode usar isso e pai para apenas dimensionar. Mas neste caso, na verdade, quero herdar tudo, então vou manter isso. Vamos animar a bolha branca. Na verdade, vamos começar a animar quando estiver aqui. Vamos trazê-los aqui. Agora eu só preciso animar este em particular, os textos da bolha branca. Escala e provavelmente rotação. Então esta é a posição final. Selecionarei os dois, moverei para algum lugar aqui. Talvez eu gire um pouco e depois mude a escala para zero. Anime algo assim. Mais uma vez, quero usar em um salto de venda. Em um salto de célula está a expressão que uso o tempo todo. Vou para o meu polegar, pressionar E, E novamente e depois copiar. Feche-o. Vá aqui em baixo. Alt, clique na escala Command V. Vou clicar na rotação, Command V. Vamos ver como ela se parece. É muito lento, então vou movê-lo ainda bem lento. Acho que isso é bom. 16. Telha em movimento: [MÚSICA] Como criamos algo interessante com esse padrão? Primeiro de tudo, vou recriar esse texto. Na verdade, vou esconder esse padrão de seguir e , em seguida, usar esse texto também. Em seguida, venha aqui e digite follow ou você pode digitar o texto que quiser. Você pode usar a fonte que quiser. Estou usando uma fonte chamada Abril Fatface. Este é o tamanho da fonte, este é o rastreamento, isso é líder se você tiver mais linha. Você pode explorar, tudo isso é semelhante ao Photoshop ou Illustrator. Usaremos um efeito chamado Motion Tile. Mas esse efeito só funciona para a camada pré-comp. Primeiro de tudo, precisamos pré-compor essa camada seguinte. Pressionarei “Command Shift C” para pré-compor e, em seguida, talvez chame isso Seguir texto. Você só tem uma opção para isso. Clique em “OK”. Vamos clicar duas vezes nisso para entrar no modo de isolamento dessa camada. Você não pode ver nada agora porque o fundo é preto e nosso texto é preto. Você pode transformar isso para ver a transparência e ver o texto, ou também pode alterar a cor de fundo pressionando “Command K” para configurações de composição. Você pode mudar a cor para qualquer coisa. Isso realmente não importa porque isso é realmente transparente. A cor não refletirá isso em nada na composição principal. Se você sair, ainda é transparente. No momento, o tamanho da composição é muito grande. Queremos torná-lo pequeno e seguir este texto. Vou usar essa ferramenta aqui, região de Interesse. Eu vou clicar nisso, e então eu vou desenhar aproximadamente algo parecido com isso. Em seguida, irei para Composição e composição da cultura para região de interesse. Se eu fizer isso, nossas configurações de composição seguirão esse tamanho e ficarão pequenas assim. Se sairmos agora, podemos reorganizar onde você quiser. Em seguida, vá aqui para os Efeitos e Predefinições e digite esse efeito chamado Motion Tile. Quando você digita mosaico de movimento, está dentro do Motion Tile estilizado. Se você for aqui, você também pode acessar a partir do Effect, encontrar Stylize e depois encontrar Motion Tile. Selecione-o e, em seguida, ele lhe dará esse efeito nessa camada. No momento, não parece nada. Não há nada diferente. Mas se você aumentar essa largura de saída, você começa a ver que ela está duplicando essa camada para a esquerda e para a direita. Se você usar a altura de saída, a TI aumentará algo assim. Quanto mais você aumentar, mais os efeitos precisarão para processar esses dados, então não use mais do que o que você precisa. Na verdade, vamos mascarar isso dentro desta placa. Acho que isso está tudo bem. Vamos mascarar isso primeiro. Vou usar essa placa vermelha, duplicar e depois colocá-la em cima desta camada. Selecione esta camada e , em seguida, use o Alpha Matte e, em seguida, ela estará dentro da placa. Eu quero girar isso, então vou pressionar “R” para rotação e vou girar talvez algo assim. Você vê agora que vemos uma lacuna, para que possamos aumentar a altura de saída. Há outra coisa que você pode fazer com esse rosto. Se você selecionar isso, verá que ele mudará a cópia. Você também pode usar deslocamento horizontal. Isso lhe dará algo assim que é muito bom. O benefício de pré-compor isso primeiro, então, se você voltar a isso agora, você pode realmente mudar esse texto para qualquer coisa. Digamos que você mude para qualquer coisa. Então, se você sair, isso mudará. Mas, claro, você precisa reajustar o tamanho da composição fazendo “Command K” , então você pode ajustar essa largura e altura. Mas, na verdade, vou desfazer isso. Vou usar meus textos de seguidor e, em seguida, gostaria de adicionar seguimento. Quando eu sair, isso me dará isso. Essa distância é um pouco grande demais para mim. A maneira de ajustar essa distância é minimizando esse tamanho de composição. Novamente, posso usar essa ferramenta e, em seguida, desenhar algo assim, talvez algo assim mais tipo. Em seguida, vá para “Composição” e depois corte novamente. Então vemos lá fora. Você pode brincar com isso até obter o resultado que você gosta. Vamos salvar isso. Este é o efeito Motion Tile. É claro que você pode brincar com o outro parâmetro, por exemplo, você pode animar isso se quiser. Isso é bem interessante. Mas você pode brincar com o resto dessas configurações. Se você clicar em “Bordas Espelhadas”, na verdade, ele espelhará seu texto. Basta brincar com esse efeito, é um efeito bem legal. 17. Predefinição de animação de texto: [MÚSICA] Temos essa animação agora. Nosso padrão parece bom, mas parece bastante estático. Vamos animar usando o animador de texto. Primeiro de tudo, quero ir ao meu precomp aqui. Existe uma maneira fácil de animar seu texto. Primeiro de tudo, você tem que selecionar essa camada, o texto e, em seguida, ir para esta seta, efeitos e predefinições e em seguida, clicar neste menu de hambúrguer aqui. Em seguida, você pode ir para Procurar predefinições. Quando você clicar nisso, ele abrirá seu Adobe Bridge. Se você não o instalou, basta instalar a partir da assinatura da Creative Cloud. Ele abrirá isso por padrão e você precisará navegar para o texto. Clique duas vezes e, em seguida, há várias predefinições que o After Effects preparou para você. Digamos que você queira animar, você pode ir para esta pasta. After Effects realmente tem muitos exemplos. Por exemplo, se você clicar assim, verá que há muita animação de texto extravagante que eu geralmente nunca uso porque no mundo da publicidade geralmente eles não precisam desse tipo de animação extravagante e estranha. Há alguma predefinição que é simples e gerada como, por exemplo, isso. Eu uso isso às vezes porque parece muito simples e parece elegante. Mas nunca uso coisas loucas como essas matriciais. Esse efeito é aquele que eu uso mais realmente máquina de escrever porque é tão genérico e é esse padrão. Digamos que você queira aplicar qualquer um desses, basta clicar duas vezes ao selecionar essa camada no After Effects. Digamos que eu queira usar essa máquina de escrever. Posso clicar duas vezes nisso e ele será aplicado aqui no After Effects. Se você pressionar U, ele realmente fornece esses dois quadros-chave e você pode trazê-lo aqui, você pode ver que ele está dando esse animador de texto. Digamos que você aplique isso e não goste. Para excluir esse efeito, você precisa abrir esse texto e, em seguida basta clicar neste animador e depois excluir a coisa toda. Então ele voltará ao normal. Então você pode novamente ir para predefinições de pincel e você pode encontrar outro efeito que você quer. Na verdade, há muitas coisas loucas como esta. Estes são os números crescentes. Às vezes eu uso isso. Isso é como um código de tempo. Isso é como chavões. Muitas coisas que você pode jogar aqui. Você pode clicar e tentar ver o que ele faz. Você pode simplesmente brincar com ele. Mas para esse caso específico, se você souber o nome, também pode digitá-lo aqui. Vou usar a máquina de escrever, na verdade, selecionar e ver. Vou sair. Talvez eu comece um pouco mais tarde. Acho que algo assim. 18. Animador de texto: [MÚSICA] Para focar neste texto, vamos soltar este texto. Acho que precisamos de fundo solo e talvez também soltemos o prato. Este é o botão para soltar a camada. Vamos aprofundar com este animador de texto. Se você criar uma camada de texto, na verdade há muitos parâmetros aqui, mas o que é muito poderoso está realmente dentro dessa seta animada. Para controlar certas coisas no animador de texto, você precisa escolher o que deseja fazer com ele. Digamos que queremos fazer com que isso a letra vá uma a uma, letra por letra para cima daqui de baixo. Isso significa que está afetando a posição, então vamos tentar adicionar a posição aqui. Quando você adiciona posição, ele realmente lhe dará um monte de parâmetros aqui. O que significa é começar é esta linha de início e o fim é essa linha de início. Se eu ajustar essa área aqui, por exemplo, você verá o começo se mover para cá e eu ajustarei o fim aqui. Isso significa que esse efeito de posição afetará apenas essa região de área. Digamos que essa posição seja definir nossa posição de afetador. Digamos que queremos que o texto desça daqui vindo daqui. Você pode realmente ver que essa posição é afetada por essa região. Esse deslocamento é, se eu movê-lo para a esquerda, você verá que ele controla onde esta área está. Se eu movê-lo para a esquerda, ele realmente passará do nada, depois venha aqui, então ele irá até o final. Esse é o significado disso. O que queremos fazer é animar tudo daqui para cima. Com isso, na verdade, podemos abrir esse avançado. Se você vir aqui, adicione significa que isso está incluído. Se eu mudar isso para Subtrair, ele irá inverter isso. Isso é isolado. Basta deixá-lo em adicionar. Este quadrado significa que a área afetada é afetada por essa forma quadrada. Na verdade, vou mudar isso para Ramp Up. Acho que agora podemos animar isso daqui, ele vai subir pouco a pouco, algo assim. Aumentar significa, do nada, você simplesmente irá para a posição afetada. Com isso, você pode ver que, se animarmos, definir um quadro-chave aqui e movê-lo volta e depois ir a algum lugar aqui, e então animamos algo assim, obteremos esse resultado. É um pouco rápido, então eu vou ajustar isso. Vai ficar assim. No momento, está afetando essas maneiras. Se você quiser que seja menos íngreme assim, você pode ampliar essa área, algo assim, e você terá um mais suave. Acho que isso é muito bom. Depois de configurar essa animação, você pode realmente adicionar outras coisas a isso. Isso é no momento em que sua posição. Digamos que você queira afetar a escala, então vamos adicionar ao mesmo animador. Você pode adicionar escala. Se você mudar isso para zero, essa coisa começará a partir de zero. Vai ser algo assim. Deixe-me remover a posição para que você possa ver o que aconteceu com a escala. Você pode ver o poder disso. Se você definiu um seletor de intervalo, você pode realmente adicionar diferentes tipos de animação. Você pode adicionar opacidade ou até mesmo inclinação ou escala. Eu acho que para este, eu poderia querer fazer posição e talvez eu aplique a escala na outra. Vamos remover a balança. Vamos excluir essa escala e depois movê-la de volta para baixo assim. Eu quero que ele seja alfa fosco por esta placa, então eu preciso duplicar esta placa, Comando D, colocá-la em cima e alfa fosco. Agora, se virmos, ele entrará assim. Está parecendo muito bom. Vamos un-solo. Vamos ver nossa animação. Não se esqueça de salvar. Vamos ajustar o seguinte. Vou voltar ao seguinte e, na verdade, removerei o efeito da máquina de escrever. Eu excluirei todo o animador, para que não tenhamos mais esse efeito de máquina de escrever. Quero animar a balança. Com isso, posso vir aqui e depois posso adicionar escala. Você vê no momento que o ponto de ancoragem está na parte inferior aqui, por padrão está na parte inferior. Se eu escalar isso, ele realmente será dimensionado a partir da parte inferior. Eu realmente não quero que isso aconteça, quero que ele seja dimensionado a partir do meio. Com isso, precisamos ajustar o ponto de ancoragem. Mas se eu adicionar o ajuste do ponto de ancoragem aqui, ele realmente se tornará muito estranho. Deixe-me tentar alguma coisa. Se eu adicionar essa propriedade e , em seguida, ponto de ancoragem aqui, e eu ajustar essa coisa para baixo, algo assim. Se eu abrir esse seletor de intervalo e se eu animar isso, isso afetará a posição. Isso ocorre porque esse seletor de intervalo é um ponto de ancoragem vetorial e uma escala. Nós realmente não queremos animar o ponto âncora, então vou desfazer tudo. Vou desfazer até que isso esteja na escala. Nós afetaremos apenas a escala com este animador. Vou animar aqui, 200, então vou mudar isso para zero. Ele vai animar a partir de zero, algo assim. Então, no momento, ele vai um por um assim. Preciso mudar isso para aumentar. No momento em que fizermos isso, precisamos ajustar isso para menos 100. Agora está fazendo isso. Nosso ponto de ancoragem ainda está na parte inferior, então precisamos adicionar clique. Não queremos adicioná-lo aqui, então queremos ir ao seguinte, o principal, e depois adicionar um ponto de ancoragem. Na verdade, ele adicionará outro animador número 2. Com isso agora podemos configurá-lo para baixo e, em seguida, mover tudo para cima. Agora ele vai animar do meio. Este seletor de intervalo, o segundo que adicionamos , é apenas para afetar o ponto de ancoragem, ele não é afetado por esses quadros-chave. Agora, temos isso e depois quando saímos. Pressione “U” para o quadro-chave, e isso deve acontecer por aqui. Algo assim. Vamos jogar isso , está parecendo muito bom. 19. Caminhos offset: Vamos animar o anúncio. Ativarei este anúncio e, em seguida, ampliarei aqui para que possamos ver. Vamos usar um efeito chamado Offset Path. Primeiro de tudo, precisamos converter isso em uma camada de forma. Esse efeito, às vezes, não funciona se o texto que você trouxe do Illustrator estiver na forma de texto. Então, se você quiser usar esse efeito, minha recomendação é descrever seu texto primeiro do Illustrator e, em seguida, quando você trazer para o After Effects, geralmente ele funcionará. Para este, vou clicar com o botão direito do mouse e, em seguida, criar formas da camada vetorial. Clique nisso. Ele ocultará a camada de forma original e criará. Na verdade, vou ampliar mais uma vez para que possamos realmente ver o que está acontecendo. Vou abrir isso. Em seguida, adicionarei o Offset Path. Offset Path é literalmente como o que você sabe no Illustrator. Ele lhe dará, por padrão, 10 para fora. O que queremos é animar de dentro, talvez de nada assim. Definimos um quadro-chave aqui. A partir daqui, volte para zero, então vai assim. Do nada até aqui. Digamos, acho que daqui queremos ver. Em seguida, pressionarei “Alt e abra o colchete”, e depois vamos ver a animação. Vamos ver melhor, então esse é o caminho de deslocamento. 20. Eco: [MÚSICA] Vamos passar para o próximo, que é o texto compartilhado. Vou ampliar aqui. Usaremos um efeito chamado Echo aqui. Primeiro de tudo, precisamos animá-lo chegando. Talvez eu o mova aqui. Vamos começar. Pressiono P para a posição, defino um quadro-chave. Esta é a posição N e vamos movê-la para algum lugar aqui. Na primeira posição, vou movê-lo para algum lugar fora do quadro assim. Talvez a posição deva estar em algum lugar aqui. Vamos verificar. Algo assim. Claro, use fosco alfa deste, Comando D, coloque-o em cima e, em seguida, fosco alfa. Ele será restringido dentro dessa máscara. Para que esse efeito funcione, precisamos pré-fazer essa camada, essa camada de texto compartilhada. Vou Comandar Shift C para pré-compor. Certifique-se de escolher este para trazer todos os atributos. Caso contrário, não funcionará. Sim, “Ok”. Em seguida, adicionaremos o tipo aqui e os efeitos chamados Echo e, em seguida, clicaremos e arrastaremos. Por padrão, é dar a você essa coisa estranha. Isso ocorre porque, por padrão, está definido no final, então precisamos alterar isso para compor na frente, que o original seja composto na frente do efeito. Temos um eco no momento porque isso está definido em um. Você pode adicionar isso a talvez dois ou três ou quatro, ou qualquer número que você quiser. Vamos fazer sete talvez. Vamos ver o efeito. Está parecendo muito bom. Você vê isso um pouco de artefato aqui. Acho que é melhor quando você chegar aqui, animamos esse número de eco, definimos um quadro-chave. Pressione U, segure Command e seta para a esquerda e a seta para a direita para garantir que este esteja exatamente onde deve terminar. Mova um comando e seta para frente de um quadro e, em seguida, altere isso para zero. Você verá que, quando chegar aqui, ele voltará ao original sem nenhum eco, então removerá todos os artefatos. Muitos parâmetros com os quais você pode jogar aqui. Se você reduzir esse número, ele realmente tornará a distância mais próxima e, se você aumentar o número, ele aumentará a distância. Você pode jogar aqui. Mas esse número é bastante sensível. Acho que você tem que tentar assim. Digamos que eu mude para 0,01. Você verá que chegará muito perto, e se eu mudá-lo para 0,05, isso chega muito longe. Na verdade, vou voltar ao padrão. Parece muito bom. Essa intensidade é apenas para reduzir a opacidade do início ou do fim. Essa decadência é o fim. Vou deixar vocês brincarem com isso, mas eu vou ficar com isso. 21. Encha e tempo sem deslocamento: [MÚSICA] Passando para os smileys. Smileys estão realmente aqui. Vamos encontrá-lo. Rosa sorridente. Na verdade, usaremos apenas um e depois duplicaremos mais tarde. Então, antes de tudo, o que eu quero fazer é mudar a cor ao longo do tempo. Vamos para este rosa sorridente, então eu adicionarei um efeito chamado preenchimento aqui, clique duas vezes nele por padrão está me dando essa cor vermelha. Na verdade, quero escolher do meu rosa original, e vou definir um quadro chave para a cor. Vou pressionar “U”, e talvez eu o mova para cá. Deixe-me pegar todo meu sorriso. Então deixe-me ver. Acho que deve começar logo após o branco aparecer, assim, talvez aqui. Vamos trazê-los aqui. Deve ser exato, então deixe-me colocá-lo em 15 quadros para que seja mais fácil medir o tempo. Aqui, eu quero que seja rosa, e então talvez depois de 10 quadros, eu quero que ele mude para cores diferentes. Talvez verde, e talvez depois de outros 10 quadros, ele mude para a cor vermelha. No momento, deixe-me pressionar “B” para isolar a região de renderização aqui, P e N. Parece bem estranho porque está interpolando entre essas duas cores. Quando estiver interpolando, ele se tornará cores diferentes da nossa paleta de cores. Quero que seja como a mudança de stop motion. Para isso, selecionarei todos esses quadros-chave e, em seguida, vou clicar com o botão direito. Então eu usarei essa coisa chamada quadro-chave de retenção de alternância. Quando eu fizer isso, o quadro-chave de retenção de alternância faz é que ele manterá esse quadro-chave até que você altere o valor no próximo. Se você ver, ele manterá rosa até este quadro-chave, ficará verde. Em seguida, ele permanecerá verde até que esse quadro-chave fique vermelho, então vamos ver o efeito. Isso é realmente o que eu quero, mas parece um pouco rápido. Na verdade, vou mudá-lo para estender a duração, talvez. Talvez devesse estar em algum lugar aqui. Vamos ver. Acho que é muito bom. Eu queria realmente olhar para o momento em que ele mudou a cada 15 quadros, é suposto estar aqui. Aqui, eu realmente quero copiar o primeiro. Ele voltará a rosa, algo assim, e então ele precisa ir para sempre. Claro que você pode copiar colar isso e colá-los lá. Mas eu quero usar essa expressão, então vou clicar no cronômetro e vou digitar loop. No momento em que eu digitei isso, o efeito depois me sugerirá limites disso, e usaremos esse loop chamado. Basta clicar aqui e depois clicar fora. Com isso, ele realmente olhará o quadro-chave que eu configurei aqui, e ele continuará saindo do último. Se eu pressionar play, ele terá um loop para sempre, se eu diminuir o zoom e então eu estender isso, vocês podem ver que esse quadro-chave será um loop para sempre. Isso é o que queremos, mas queremos duplicar para o resto. Com isso, eu realmente vou pré-comp essas duas coisas, o olho e o círculo CC comum. Então vou chamar isso de sorridente. Certifique-se de que eu selecione isso por padrão, será isso. Vou pressionar, “Ok”. Na verdade, nosso pré-comp, o tamanho é muito grande. Vou entrar nesse smiley. Quero restringir o tamanho pré-comp apenas a esse tamanho. Se você se lembrar, usaremos essa ferramenta e, em seguida, desenharemos algo assim. Isso é para facilitar o dimensionamento mais tarde do lado de fora. Então, vou encadear a isso e depois ir para a composição da cultura para a região de interesse. Nosso pré-comp será tão pequeno. Então, geralmente, o local estará pulando para um lugar que você realmente não conhece. Você precisa reajustar isso lá atrás. Coloque-o em algum lugar aqui, e então vou animar a balança. Pressione “S” para escala. Defina uma posição final e, em seguida, venha aqui e depois coloque-a em zero. Então foi algo assim, altere isso para o último quadro-chave para Easy Ease. Isso é algo assim. Vou duplicar três vezes e depois vou mover a posição aqui, depois a última aqui. Então eu preciso reajustar o tempo para que eles se deslocem com os 15 quadros exatos da duração. Deixe-me ir para o primeiro. Deixe-me ir a algum lugar onde ele muda de cor, em algum lugar aqui. Vou mudar isso até que ele mude de cor exatamente lá. Então eu vou mudar este até que ele mude para o outro. Exatamente lá. Então eu vou cortar isso e, em seguida, abrir registros. Pressione U para escala. Vejo que precisamos trazer esse quadro-chave dentro deste quadro-chave aqui. Vai ser algo assim. Eles aumentarão escala em horários diferentes e mudarão exatamente de cor em 15 quadros cada. Vamos pegar a animação. Nós nos encaixamos nisso, C desde o início, pressione “B” para o início. Esta é toda a animação. 22. Renderização: Para renderizar sua animação, você precisa definir sua região de renderização. Garante que ele comece em zero. Venha aqui e depois pressione B, e então cabe a você quanto tempo você quer renderizar isso. Acho que vou defini-lo em quatro segundos, talvez aqui, e depois pressione N para encolher isso e salvá-lo. Em seguida, você deseja ir para a composição, adicionar à fila do Adobe Media Encoder. Se você clicar nisso, ele abrirá outro software chamado Adobe Media Encoder, e você terá que esperar um pouco. Você verá a janela do Adobe Media Encoder abrindo aqui, mas ainda precisa esperar. Quando ele abrir, você ainda precisa esperar porque ele aparecerá aqui, sua fila de renderização. Se ainda não aparecer, você precisa esperar. Sim. Ele aparece agora. Certifique-se de que você tenha H264 aqui. Por padrão, será H264, mas se não, você pode clicar aqui. Ele abrirá outra configuração. Às vezes, pode levar tempo, mas sim. Se não for H264, basta ir aqui e, em seguida, certifique-se de escolher H264. Não se preocupe com o resto. Para o resto, basta deixá-lo e, em seguida, clique em Ok. Este que você pode mantê-lo para corresponder a alta taxa de bits de origem, já é uma boa configuração. É aqui que você deseja salvar o arquivo, clicar nele, então ele está mascarando e uma saída e então você pode chamá-lo de qualquer coisa, talvez Mobile Coolness ou você pode nomear qualquer coisa. Certifique-se de que o número deles. Salve e clique neste botão de reprodução, ele renderizará sua animação. Uma vez renderizado, você pode ir e verificar seu localizador, ir para sua saída e, em ir para sua saída e, seguida, esta será nossa animação. 23. Anime tudo: Você tem sua animação feita. Na verdade, está terminado. Mas o que vou fazer a seguir é realmente animar para fora então. Ele voltará a nada no começo, algo assim. Isso é opcional. Você não precisa fazer isso. Às vezes vou acelerar esse processo. Vamos começar um por um. Então vou começar com isso, vou animar o tipo. Bem, talvez você possa começar a animar a partir desses quatro. A partir daqui vou começar a animar o like out. Assim, pressione U para a posição. Então vem daqui. Talvez eu queira animá-lo subindo. Vou definir o quadro-chave aqui, talvez mover-se assim, pressionar V e depois movê-lo assim. Vamos verificar. Sim, ele se moverá assim. Vamos animar o polegar, pressionar U, talvez em algum lugar aqui vamos definir um quadro-chave, e depois ir assim e então eu vou apenas copiar colar isso, copiar colar, copiar colar. Mas como temos uma expressão aqui que irá saltar, certifique-se de cortar sua camada aqui para que ela não volte. Veja vamos animar a parte superior azul, pressione U, então logo após essa coisa acabar, eu vou definir um quadro-chave aqui e depois animá-lo. Vem da esquerda para a direita, então talvez a saída seja apenas para a direita. Clique duas vezes no mouse, anime isso, algo assim. Vamos passar para o coração, pressionar U, definir um quadro-chave, mover para cá, mudá-lo de volta para zero e, em seguida, não se esqueça de aparar isso. Vamos ver, lembre-se da hora aqui. Vamos animar a caixa preta pressione U. A animação deve ser bem simples, só precisamos copiar a pasta. Vamos mudar isso para zero e depois aparar. Então vamos animar o smiley. Na verdade, não precisamos mais desse smiley , então eu vou excluir. Vamos definir escala, em algum lugar aqui, definir um quadro-chave para todos eles, mover um pouco, escalar para zero, cortar a camada. Talvez eu deva definir esse diagrama também. Então vamos animar a barra verde, pressionar U, vamos definir um quadro-chave para todos, salvar, não se esqueça, então Comando C, Comando V. Então vamos animar a placa branca, pressione U, Comando C, Comando V. Então vamos animar a risada, pressione U, defina o quadro-chave para todos, mova-os aqui, Comando C, Comando V. Então vamos animar a placa amarela, pressione U, talvez em algum lugar aqui, defina um quadro-chave, copie colar. Na verdade, vou acelerar todo o processo de animação, acho que você já deve saber . [MÚSICA] Acho que fizemos toda a animação . Obrigado pessoal. 24. Conclusão: Parabéns, você chegou até aqui. Espero que você goste da aula e muito obrigado por fazer a aula. Se você fizer alguma coisa legal, não se esqueça de enviá-las aqui. Você também pode me marcar se você carregá-los no seu Instagram. Se você tiver algum problema, como sempre, basta me perguntar aqui, ou você também pode me enviar um e-mail ou me perguntar nas minhas mídias sociais. Obrigado pessoal, continuem praticando. Tchau.