Crie uma animação mínima de título de tipografia cinética no After Effects | Andrew Pach ⭐ | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Crie uma animação mínima de título de tipografia cinética no After Effects

teacher avatar Andrew Pach ⭐, Animation all the way!

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

5 aulas (20 min)
    • 1. Apresentação

      0:42
    • 2. REALIDADE 1

      6:06
    • 3. LECTURA 2

      3:03
    • 4. REALIDADE 3

      5:31
    • 5. LECTURA 4

      4:16
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

325

Estudantes

2

Projetos

Sobre este curso

Abridor de títulos minimais no After Effects é uma série de classes onde eu quero mostrar como você pode usar o After Effects para criar essas animações de título populares para abrir vídeos. Inscreva o curso para criar essa animação:

8968ad18

================================================================================

Se você gosta dessa animação, pode conferir minhas outras classes de animação do After Effect, clique em qualquer um dos links para visualização:

0a3d7996

88d5512e

dfee0f2d

da536b7d

24f076e4

4a1b506e

Conheça seu professor

Teacher Profile Image

Andrew Pach ⭐

Animation all the way!

Professor

Hi! My name is Andrew Pach, to my friends known as 'Nigel'! I am an After Effects / PowerPoint / video / graphic design junkie eager to teach people how to utilize their yet uncovered raw design talent! I run a YouTube channel called "andrew pach" which I do with absolute joy and passion. Here on Skillshare, I would like to share interesting, project-based classes that will make your design workflow a greater experience.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Apresentação: Olá e bem-vindo ao abridor mínimo de título após o efeito. Eu quero mostrar e ensinar-lhe um fluxo de trabalho divertido onde você pode preparar uma animação como essa. Vamos trabalhar com um legal, telefonado, elemento de forma adequada, quadro-chave e animá-los. Revele-os com máscaras e muitas, muitas outras coisas não acontecem. É um projeto muito divertido. Não importa se você é um iniciante total ou sabe o caminho até o final desta aula, você será capaz de criar este tipo de animação por conta própria a partir do zero um efeito secundário. Sinceramente, convido você a levar a aula comigo e se divertir projetando e rolando agora, e te vejo lá dentro. 2. REALIDADE 1: Olá a todos e bem-vindos neste tutorial. Então, hoje eu gostaria de mostrar a vocês uma animação um pouco diferente. Vamos começar por criar uma nova composição. Então vá para a linha do tempo. Certo. Clique em novo sólido e deixe-nos fazer um fundo sólido. Vou escolher algo escuro, como enegrecido ou graça. E agora quero que a mensagem fique no meio. Deixe-me fechar esta camada porque nós não vamos usá-la mais. E deixe-me passar para o texto que eu tinha sobre o texto e na Ilha do Meio, bem em um grande, ousado fundo tutorial. Agora este tutorial será diferente. É por isso que, por exemplo, quero usar próximo um fundo arrojado regular, Ok, porque eu quero que ele seja realmente grande. E eu quero fora do curso, uma cor branca. Então, aqui no painel de caracteres, eu estou selecionando um branco fazer o título para o tamanho desejado. Eu quero que ele seja realmente grande, então eu vou arrastá-lo e torná-lo um pouco maior como eu tê-lo no tamanho certo, eu vou janela uma linha e eu vou alinhá-lo no meio e novamente alinhá-lo no meio. Agora eu quero pré compôs este objeto porque mais tarde eu vou animá-lo. E eu quero ter a capacidade de mudar esse texto talvez ainda maior, porque é um pouco pequeno. Boom, boom de novo no meio. Agora aperte o texto, Clique com o botão direito pré composto e eu vou chamá-lo de texto principal. Certo, quando vou ao texto principal mais tarde, posso mudar o texto aqui. Isto é, no entanto pode funcionar em composição. Agora vamos fazer a nossa primeira animação no texto principal Pressione p como posição e pressione shift são como rotação. Temos o barco a posição e irritação na garganta abertas. Vou pressionar por que no meu teclado para selecionar o pan atrás Ferramenta e eu vou definir o ponto de ancoragem no lado esquerdo, porque eu quero esta animação com o texto voando e animar o texto inteiro . Então o lado esquerdo está bem neste caso. Está bem , está aqui. Tudo está preparado agora no texto principal ir para um segundo, talvez um segundo cinco quadros e pressione um quadro-chave aqui e a tecla a partir daqui. Então nós temos tanto a posição ea rotação agora uma área bit ou no início eu quero que o texto para ser fora da tela. Então eu vou trabalhar apenas com o segundo valor. Eu quero que o segundo valor seja fora da tela e eu quero um pouco fora de rotação. Talvez. Sim, 10 graus devem estar. OK agora, neste momento, teríamos uma informação como essa. É realmente OK, mas eu também gostaria de superá-lo um pouco mais de tiro é quando você faz uma animação. Quando ele voa de um lado, ele vai ultrapassar as palavras um pouco. Então, como eu estou aqui no meio, eu gostaria que esta animação já estivesse aqui, porque desta forma, é muito lenta. Então eu não vim aqui. Venha aqui. E um pouco acima assim. E a rotação deve ser como cinco negativos. Certo, vamos pré-visualizar. O que você tem agora? Boom, Boom. Ok, isso parece bem legal. Agora, eu tenho um pequeno erro aqui na posição, como eu vejo, como eu vejo, porque a posição voa para cima e aqui ele pára e de alguma forma cai. Então deixe-me selecionar a posição e pré-visualização. O que você tem? Vou pegar minha ferramenta de seleção, e eu tenho o melhor. A tua alça. Eu puxei sobre o seu punho de volta e deixe-me ver se está tudo bem agora. Bem, o final é um pouco lento demais. Boom! Boom. Ok, agora eu posso selecionar os quadros-chave. Clique com o botão direito do mouse assistente de quadro Fácil Leste. Uma vez que eu os usei, eu vou para o gráfico. Ou eu estava selecionando o gráfico de velocidade porque é melhor visível. Eu vou fazer tudo mais pequeno, pegar os quadros chave. E vamos talvez expandir os quadros chave finais como este também a partir da rotação Será que eu entendi ? Sim, eu consegui. Talvez eu tenha mudado a rotação ligeiramente, mas só para que fique um pouco mais fora animação. Boom. Ok. E você tem algo assim. Está recheado por um tempo. E se você tem os quadros chave, deixe-me mais uma vez pressioná-lo Você. Se você tem este quadro chave e você não vê o melhor seu manuseado, este é um quadro chave aqui. Se você não vê o melhor seu identificador, você sempre pode clicar com o botão direito Assim, a chave de interpolação e alterar a interpolação espacial para o melhor ano contínuo. Você provavelmente terá auto mais ocupado e você não tem nenhuma informação. Mas se eu selecionar um quadro-chave, eu pego a interpolação da fama chave e eu quero que continue mais ocupado. Eu vou ter as alças, e eu posso ajustar cada animação à mão, como você pode ver. Então foi isso que eu fiz. Eu fiz uma pequena mudança, então a animação não vai. Ainda sobe um pouco. Sim. Aqui. Deve ir para baixo. Então deixe-me tentar ajustar isso. Nós temos isso assim, e eu preciso puxar essa alça superior. Eu preciso puxá-lo. Serei igual aqui? Eu tento ser igual. Ok. Ok. Ok. Talvez eu devesse puxá-lo para baixo. Mas quer saber? Acho que acertei bem, certo? É bem direto para mim. E vamos pré-visualizar. Boom, boom. Vês? Agora não ultrapassa muito aqui. Belo quadro vai para o fundo. Antecipe esta é a primeira animação que você deseja ter. Você quer ter um grande texto no meio e deve ficar assim. Ok. Se você tiver, continue para o próximo tutorial e continuaremos a partir daí. 3. LECTURA 2: Olá e bem-vindo no segundo tutorial. Espero que tenha tido problemas com este texto. Se você fez, eu concordo com o arquivo do projeto. Eu já o salvei e ele será atacado. Então nós temos dois texto tutorial no meio. E agora quero te mostrar uma coisa. Incrível. Vou pegar o texto principal e controlar o controle duplicado. De duplicar duas vezes. Como você pode ver enquanto eu seleciono todas as camadas e pressiono você, eu tenho todos mantendo trepadeiras assim. Vou a este lugar, selecionar o último, selecionar a minha chave esquerda, antiga e chave direita para aparar esta camada. Você também pode ir para o início ou para o fim e apará-lo assim. Agora eu vou fazer o mesmo com essas camadas, mas vou selecionar o antigo e selecionar minha tecla de colchete esquerdo. O que vai acontecer agora? Você meio que tem a idéia de que até este ponto eu quero que este fundo seja visível. Mas desde agora e não é perfeito, então deixe-me ajustá-lo. Desde agora, desde a disposição, eu não só essas duas camadas superiores para ser visível. Agora deixem-me fechar tudo porque isto é um corte. Eu fiz especialmente para revelar algum texto. Então, bum, ninguém vê. Tem qualquer coisa que você não imagina que estas são camadas separadas, mas são então deixe-me começar a trabalhar com elas. Digamos que eu queira cortar para estar neste lugar. Isso não é problema. Vamos primeiro ajustar a camada inferior porque é a mais importante. Eu vou de selecioná-lo, então eu só vejo a parte inferior. Você não terá este texto principal selecionado? Selecione uma ferramenta de retângulo e apenas faça um retângulo assim. Esta será a minha máscara. Então eu tenho o mastro assim e eu quero que essa quantidade seja visível. Ok, agora, uma vez que eu tiver esta máscara, eu vou apresentar a máscara. Pressione o controle. Veja, eu vou para a camada anterior para o texto principal e eu pressionar o controle V O que eu fiz. Copiei a máscara aqui, mas não quero que ela seja exatamente a mesma. É por isso que eu seleciono V. Eu clique duas vezes na máscara e eu vou manter esta camada superior. Eu só vou fazer assim boom e eu vou ter máscaras perfeitamente iguais. Então uma das máscaras termina aqui e termina na parte superior e a segunda máscara vai no mesmo lugar, mas termina na parte inferior. Vês a diferença, está bem? E a diferença aqui é que uma máscara revisa e uma máscara revisa a sua porção. Ok, agora podemos finalmente animá-lo. Isto é o que eu queria mostrar a vocês no segundo tutorial porque eu não quero ir muito rápido e ir devagar sobre isso. O primeiro 2 título foi preparar a animação, e segundo a lançar é criar a máscara. Agora, no próximo tutorial, vamos tentar animar o texto inferior, porque agora temos total liberdade porque podemos animar o texto inferior sem ter que se preocupar com todo o design. Então nos vemos na próxima lição e vamos continuar a partir daí. 4. REALIDADE 3: Olá e bem-vindo no tutorial número três. Agora estou gostando disso porque essa é a parte mais linda que temos. Depois de ter essas animações, selecione o segundo texto inferior. Preparamos damasco do dedo do pé. Agora, mais uma vez, eu quero pressionar P para abrir a posição e estou com a tecla Shift para abrir a rotação . Agora, a única coisa que quero fazer é colocá-lo no fundo. Então eu simplesmente selecionar um quadro-chave chave aqui. Eu já tenho dois quadros-chave, mas eles foram anteriormente disse que eu ir para a frente, talvez para um segundo e 15 quadros. Isso está tudo bem. E coloque-o sobre a tela. Quero dizer, sob a tela e selecione uma ligeira rotação, tipo, cinco graus. Então ele vai fazer em torno de um movimento que é apenas devido a necessidade de um pouco. Ok, eu acho isso muito rápido. Isso é muito rápido. Então eu vou torná-lo mais lento porque eu queria companheiro. Ok, nós temos uma animação como essa, e então o fundo cai. Deixe-me entrar e selecionar os quadros-chave que eu tenho animado agora. Não visualizei se eles estão bem. Bem, eu acho que eles são talvez um pouco mais lentos no começo, porque isso foi muito rápido. Boom. Está bem. Sim. E o fundo simplesmente cai. Se eu quiser fazer alguns ajustes, eu também posso mantê-lo interpolação e em vez de linear porque isso era muito linear. Quero que continue a sua orelha. E eu quero fazer uma leve emoção aqui porque isso foi muito rápido para mim. Ok, talvez eu tenha exagerado com o cacho. Eu faço assim e a posição é muito pequena. Então você precisa ir a este lugar. E a posição deve ser muito, muito mais. Eu queria ser mais, mais, mais. Claro , terá uma boa emoção. Ok, agora é falso fora muito rápido. Então, mais uma vez, estendê-lo. O melhor aqui ainda é muito forte. Desculpa ter cometido este erro com este porta-chaves. Tudo bem. Acho que vai ficar tudo bem. Digamos que sua animação parece que você tem a primeira animação, e então ele simplesmente cai. Então, o que é isso? Cai fora. Deixe-me ir para o começo. Você quer selecionar a ferramenta de ângulo direto com Q Select A Phil e nenhum traço, por favor. colocar um objeto aqui para aproximadamente este tamanho, onde foi cortado. Deixe-me ver se esta é a posição certa. Oh, eu plástica para reduzir a opacidade. Esta é a posição certa? Bem, meio que. É por isso que vou clicar na camada de forma. Está bem. Sim, é uma posição perfeita. Agora aqui, eu seleciono a camada de forma para o fundo que eu quero que o dedo do pé voe junto com o fundo . Você pode fazer isso clicando na camada de forma, selecionando o Pickwick e selecionando o objeto animado. Agora, uma vez que o fundo animado cai também, este cai. Deixe-me torná-lo laranja pressione enter e selecione máscara porque esta será uma máscara especial para o texto inferior. Boom e boom. Certo, agora está ligado, e segue exatamente o texto. Então eu quero um pequeno texto para estar aqui tutorial, por exemplo, por Andre Park. Acabamos de nos encontrar. Vou fazer isso, claro, menor. Vou colocá-lo aqui no canto inferior esquerdo, talvez revelar tudo. Está bem. Isto parece interessante? Deixe-me ir para o Ally no meio e você pode usar qualquer texto que quiser e a frente que quiser . Talvez uma luz extra, então parecerá um pouco mais interessante. Um pouco mais envolvente como este meio. Está bem, está no meio e o que não está? Eu seleciono meu texto. Colocarei sob a máscara e selecionarei na pista. Minhas opções. Máscara Olfa Met O que isso faz? Não será visível até que o fundo seja revelado fora do curso. Eu cometi um pequeno erro porque eu tenho a opacidade dito a 27%. Quero que a opacidade seja 100%. E este texto pode ser visível até que caia. Você pode dizer “eu “? O que eu fiz de errado? Fora do curso. O Met está errado. Em vez disso, fora alfa fosco, Eu deveria ter selecionado oferta invertido atendido. Então agora é invisível. Então, no início, o texto deve ser invisível. Mas no começo, não temos máscaras. Então deixe-me selecionar o texto e recortar o texto assim. Ok, então tudo voa agora o texto aparece, mas nós não o vemos. Mas quando o fundo cair, vamos começar a ver. Então esta é a animação que você deve ter até este ponto. Você tem o item flutuando. Você tem o fundo caindo e você tem um texto a ser revelado. E é muito, muito simples, com uma máscara simples que está conectada ao texto flutuante na parte inferior. Então deixe-me visualizar a animação em seu estado atual, e na próxima lição, eu quero mostrar um toque final, que você pode colocar em toda essa coisa. 5. LECTURA 4: Olá e bem-vindo no último tutorial nesta animação. Então, isso será apenas ajuste fino adicionando em uma camada. Temos tudo animado assim. Ele flui do fundo. Escreveu-o um pouco e podemos tipo que ir dessa forma. Vou clicar com o botão direito do mouse selecionando você e selecionando um novo objeto sem. Objetivos Technol no topo e eu ligar tudo para além, é claro, da máscara. Porque a máscara já tem aparente, Eu aparento tudo para o novo boom objeto. Tudo é parenteado para novo. Nós não precisamos de nenhum quadro-chave porque agora vai funcionar apenas com a camada pai porque a camada pai nos permite ajustar tudo. Então, no início, talvez eu queira o processo. Deixe-me processar para a escala e até aqui, talvez cresça um pouco para mim. Talvez até aqui, antes da animação começar. Ou vamos também incluir esta animação. Eu vou fazer a escala para talvez 110%. Nada extravagante. Apenas uma pequena animação para a frente em minha direção. Certo, então, quando tivermos isso, deixe-me estender essa compulsão. Queremos que toda a animação termine de alguma forma. Então isso seria muito simples. Vou apenas ir um pouco para a frente. E o que tínhamos antes? Tínhamos posição e rotação. Então eu amo Shift P e mudar o nosso. Então vamos selecionar posição, rotação e um pouco mais tarde, Sciorra. Tudo sairá da tela e girará um pouco. Agora, se você acha que está tudo bem, tudo bem. Temos essas maçanetas aqui. Eu posso fazer uma pequena animação como esta, então ele vai ir um pouco longe da tela. Perfeito. Agora eu posso selecionar todos os quadros-chave, clique com o botão direito assistente de quadro chave. Facilite-os. Uma vez que eles estão no leste, você pode clicar no editor de gráficos e ajustar a animação um por um. No começo, eu quero a escala para a esquerda, esquerda para a direita, para a esquerda, SK assim. Em seguida, a posição e a rotação. Ok, eles têm valores diferentes. Então eu vou com a posição primeiro, talvez deixe abrandar no início. E então ganhará velocidade. O mesmo para a rotação como essa e tudo mais. Isto é tudo o que eu queria te mostrar. Quando se trata de ajustar esta Imation, a peça final seria assim. Poderíamos comentar a tela. Então ele cai e depois cai de novo. Agora, se você acha que tudo foi muito rápido porque foi um pouco, eu vou pressioná-lo no meu teclado e lembre-se que você pode selecionar todos os quadros de teclas, pressionar o velho esquerdo e arrastá-lo para fora. Agora a coisa que eu precisaria ajustar aqui fora, é claro, precisa abordar as colheitas. Digamos que eu era perfeito aqui. De alguma forma entrou. Tudo vai parecer bem. Ok, agora a animação foi um pouco mais lenta. Talvez o final seja muito lento. Boom. Deve cair da tela imediatamente. Vamos pré-visualizar uma última vez. Está bem? Vou fazer tudo maior. Vou pré-visualizar assim. Gosto do pequeno crescimento. Talvez o pequeno crescimento deva ser estendido para todo o boom da animação. Cresce um pouco. Ele cai e depois cai da tela. Isto parece um abridor de título mínimo como uma tipografia cinética em como um elemento de movimento. Então, tudo é combinado nesta classe. Mas é isso que eu quero te ensinar. E depois de falhar, você pode se divertir com diversão de texto com objetos fundo com máscaras e realmente criar informações interessantes apenas trabalhando com essas camadas um pouco. Muito obrigado pela sua atenção e pelo seu tempo gasto em me ouvir. Ficaria muito grato se me quisessem partilhar uma avaliação positiva. Um polegar para cima para esta aula. Isto vai manter-me continuar. E vou querer gravar mais aulas assim. Muito obrigado por ouvir e vê-lo nos próximos tutoriais.