Terceiro gráfico fácil inferior no After Effects | Phil Ebiner | Skillshare

Velocidade de reprodução


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

Terceiro gráfico fácil inferior no After Effects

teacher avatar Phil Ebiner, Video | Photo | Design

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

4 aulas (22 min)
    • 1. Introdução

      0:13
    • 2. Desenhe seu terceiro inferior

      5:15
    • 3. Anime seu terceiro inferior

      10:47
    • 4. Exportar seu terceiro inferior

      5:23
  • --
  • 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.

507

Estudantes

3

Projetos

Sobre este curso

Novo no After Effects? Aprenda a projetar esse terceiro título simples, moderno e limpo.

Usar gráficos de movimento vai fazer seus vídeos parecerem mais profissionais e podem ajudar você a aumentar o engajamento do público.

Baixe o arquivo de projeto no Projeto de classe depois de se inscrever para acompanhar.

Este curso é ensinado no Adobe After Effects CC 2017, mas você pode usar qualquer versão do After Effects para criar esse terceiro inferior.

Conheça seu professor

Teacher Profile Image

Phil Ebiner

Video | Photo | Design

Professor

Can I help you learn a new skill?

Since 2012 have been teaching people like you everything I know. I create courses that teach you how to creatively share your story through photography, video, design, and marketing.

I pride myself on creating high quality courses from real world experience.

MORE ABOUT PHIL:

I've always tried to live life presently and to the fullest. Some of the things I love to do in my spare time include mountain biking, nerding out on personal finance, traveling to new places, watching sports (huge baseball fan here!), and sharing meals with friends and family. Most days you can find me spending quality time with my lovely wife, twin boys and a baby girl, and dog Ashby.

In 2011, I graduated with my Bachelor of Arts in Film and Tele... 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. Introdução: Neste módulo, vou ensiná-los a projetar inimigo final um gráfico de terceiro inferior limpo e moderno. Isso é algo que você pode colocar em todos os seus vídeos para reforçar seu nome e sua marca. 2. Desenhe seu terceiro inferior: Ei, pessoal, preencha aqui e eu quero mostrar a vocês como criar um terço inferior simples, eficaz, moderno e limpo como este. Ele está usando um par de técnicas diferentes que estarão usando ao longo deste curso usando esteiras de pista. E uma vez que você entenda essa idéia, você pode fazer todos os tipos de animações com ela. Por favor, vá em frente e baixe o arquivo do projeto se você ainda não o fez, para que você possa acompanhar. Como você pode ver super simples. Nós nem temos arquivos que estavam usando apenas algumas camadas de texto e apenas esta composição. Então, para começar, se você está começando do zero, vá em frente e clique no botão criar uma nova composição bem ali à esquerda. Você pode tagarelar isso o que quiser quando eu criar títulos e terços inferiores. Normalmente, eu só chamo de lt e, em seguida, o nome, porque às vezes eu duplico isso e crio títulos de terceiros inferiores para todos os tipos de pessoas com configurações que você quer que ele seja. 29 97 é uma boa ideia para vídeos do YouTube ou para vídeos online. 1920 por 10 80 é uma boa idéia, a menos que você esteja usando algum tipo de taxa de quadros ou tamanho. Se você estiver filmando em quatro K, por exemplo, você gostaria de aumentar a largura e a altura usando a predefinição de quatro K. Eu disse a duração de cinco segundos. Acho que isso é muito bom. Se você quer ser mais longo, você pode fazer isso também. Eu acho que, OK, a primeira coisa que vamos fazer como fazemos com todos os projetos After Effects que incluem animação é que queremos configurá-lo com nossos títulos. Então, eu vou pegar minha ferramenta de texto horizontal aqui em cima. Poderia pressionar o comando T se você quiser ou controlar T Se você estiver em um PC, eu estou usando um Mac. Então, sempre que falo sobre atalhos de teclado, normalmente começo com a versão do Mac. Agora eu vou apenas clicar em qualquer lugar no meio e começar a digitar, então eu vou pegar meu nome, mas você deve digitar seu nome à direita. Você deve ter seu painel de caracteres aberto, e se você não vir isso, vá para o caractere de janela e se ele não estiver aqui, você pode mover. Todos esses painéis ao redor do seu layout podem parecer um pouco diferentes dos meus. Você pode ter mais ou menos janelas. Se você quiser. Você pode clicar em qualquer dragão painel ao redor, fazer a caixa maior ou menor para que você tenha as janelas certas abertas. Nós vamos usar muito o painel de caracteres neste curso e com muitos de nossos gráficos. Então eu consideraria ter isso aberto o tempo todo. Estou usando Helvetica Bold. Eu tenho um vermelho ish, cor vermelha acinzentada, e eu também tenho definido para todas as maiúsculas. Então este pequeno botão aqui, todas as maiúsculas que garantem que tudo é tudo maiúsculo sem ter que usar todas as maiúsculas, botão ou deslocamento e digitando a receita deve ser definido normalmente. Este pequeno número ali que pode estar em zero totalmente bem. E isso é muito bom. A maneira mais rápida para eu duplicar e criar outra camada de texto é apenas selecionando esta camada de texto na linha do tempo e pressionando o comando D que está em um controle Mac D. Se você está em um PC e então o que eu vou fazer é apenas arrastar isso para baixo enquanto eu estou fazendo isso, Eu estou segurando o turno para que ele o tranque no lugar naquele tipo de ponto vertical e apenas colocá-lo em torno de lá. Então eu vou clicar duas vezes e me chamar de instrutor on-line. Agora vou pressionar o comando A para selecionar todos os controles A se você estiver em um PC e alterar algumas dessas configurações. Então eu vou clicar no seletor de cores aqui, arrastou-nos sobre o branco. Vou mudar de negrito para normal. Ou talvez para este exemplo, apenas faça a luz. Mesmo assim, eu só vou arrastar o tamanho para 40 algo que parece bom. Gosto de diferenciar o tamanho do texto, o negrito do texto. Notei que este P está flutuando por aqui. Isso é por causa deste pequeno pé direito Ainda há um 10 pixels. Eu gosto de ter certeza que há um pouco de diferença. E uma coisa que vejo muitos amadores fazendo é criar títulos que têm a mesma cor, o mesmo tamanho, o mesmo estilo, seja claro, ousado em itálico, regular etc. Mudar um pouco isso pode fazer seus títulos ficarem ainda melhores. Vou ampliar para 100 aqui pressionando a barra de espaço. Eu posso clicar e arrastar e mover minha janela de composição real só para que eu possa ver esses dois títulos um pouco melhor. Agora eu estou selecionando um e, em seguida, deslocar clicando no outro para que eu possa selecionar ambos e movê-los juntos. Estes já estão alinhados verticalmente. Mas se digamos, isso estava desligado um pouco e eu queria alinhar ambos verticalmente, eu poderia selecionar ambos. Então, clique em cada um deles e, em seguida, sob o painel de alinhamento, clique neste alinhamento central horizontal que apenas corresponde horizontalmente se você não vir essa janela de painel de alinhamento uma linha. 3. Anime seu terceiro inferior: Agora vamos nos preparar para nossa animação. E a maneira como fazemos isso é com um fosco de pista. Então, para criar uma faixa, fosco, vamos usar nossa ferramenta de retângulo. A cor não importa, mas só estou usando branco. Nós não precisamos necessariamente de um derrame, então eu desligo o Stroger, transformá-lo em zero agora para nós. Eu vou criar uma forma acima do meu nome, e então eu vou colocá-lo bem no meio dos dois. Então você vê aqui a parte inferior da forma, é meio que bem no meio. Não está bem na parte inferior do texto vermelho ou à direita no topo do Texas branco apenas bem no meio. E eu vou colocar esta forma acima do Philemon er Agora eu vou duplicar esta forma Command de control de, se você está em um PC, movê-lo para baixo segurando Shift para trancá-lo naquele lugar horizontal. E então eu estou apenas usando minha tecla de seta para movê-lo para cima até que ele se encontre perfeitamente. Então você vê lá? É uma reunião perfeita. Se eu clicar para baixo uma vez, não é assim que eu vou colocá-lo agora eu vou mover camada de forma para acima instrutor on-line , Estes ar chamado esteiras de pista e eu vou renomeá-los que. Então, para este, selecione esta camada pressione retorno no meu teclado tm para e forma camada um t m. Um. Agora vamos ligar a opção Matte faixa. Se você não vir essa opção, basta clicar nos modos de alternância, mas selecione seu Philemon ou texto ou seus próprios textos de nome e alterar a faixa. Matte to Alfa Matt tm one Onde isso está dizendo é que está dizendo efeitos secundários para mostrar o texto onde quer que o fosco faixa é o fosco faixa, você vai notar desliga este pequeno ícone do globo ocular aqui. Ele liga e desliga a visibilidade. Veja, se eu mover isso, é no Lee mostrando o texto onde está a forma. Então eu vou desfazer isso. E é assim que fazemos esses títulos parecerem fora do ar. Mesma coisa para o texto do instrutor on-line ou seu texto para mudar a faixa. Mate toe Alfa Matt tm para agora era inimigo. Então, se você nunca se animou antes, eu vou percorrer as instruções um pouco devagar. Se você tiver apenas paciência comigo. Então eu vou selecionar ambas as minhas camadas de texto. Então eu estou pressionando um e, em seguida, comando clicando no outro. Não, eu não vou mudar clicando no outro porque se eu fizer isso, ele seleciona todas as camadas entre as que eu cliquei também. Então, se eu clicar neste top, então mude. Clique nesta parte inferior. Ele seleciona todos eles. Mas se eu cortar homem, clique ou controle clique em um PC, você apenas selecionar dois. Agora eu vou pressionar P no meu teclado para trazer a posição desta camada. Se eu não quiser fazer isso, eu posso apenas clicar nesta seta aqui à esquerda, e depois transformar. E isso traz todas as nossas propriedades transformadas, incluindo posição, escala, rotação, rotação, opacidade, um ponto de ancoragem. Mas eu só quero ver a posição. Então eu vou pressionar P. Eu vou clicar neste pequeno ícone de cronômetro, que define um quadro-chave. Isso significa que neste momento, estamos dizendo após efeitos para colocar este texto nesta posição, e então eu vou colocar esses quadros chave que são destacados. Posso clicar em um e mover os dois para um segundo. Agora eu vou clicar fora das camadas de texto e, em seguida, basta selecionar a camada de texto do instrutor on-line e movê-lo para cima. Eu posso clicar e arrastá-lo para cima. Eu poderia pressionar o meu teclado com as minhas setas ou mudar e, em seguida, para cima para saltar para cima. A mesma coisa para o meu Philip no nosso texto. Vou mudar e, em seguida, pressionar a seta para baixo para movê-lo para baixo. Então agora eu estou dizendo efeitos externos que neste momento eu quero que meu imposto seja aqui em baixo. Neste ponto, eu quero que meu texto seja para cima. Então, o que acontece entre uma animação? Ele se move do ponto A para o ponto B. Então, se nós jogarmos isso através do qual você pode fazer se você tiver um teclado completo, você pode pressionar o botão zero em seu teclado completo. Ou você pode pressionar o botão de controle zero. Se você estiver usando um Mac ou para fazer uma revisão de rampa, você também pode ir até a janela de visualização. Se você não vir essa visualização da janela e, em seguida, pressionar este botão de reprodução de espaço e você verá que você pode alterar o atalho para jogar da barra de espaços para deslocar espaço, teclado entorpecido zero ou qualquer uma dessas outras opções. Então, se eu pressionar a barra de espaço dependendo da velocidade do seu computador, ele vai ser reproduzido. Se o seu computador não for rápido o suficiente, pode estar um pouco nervoso. Parece muito bom, mas vamos fazer esta moção um pouco mais fluida. Começa devagar e termina abruptamente. Então o que eu vou fazer é selecionar todos esses quadros de teclas, impressionar F nove no meu teclado ou clique com o botão direito do mouse assistente de quadro Eazy E. Agora, o que isso faz é aumentar a velocidade, ele vai mais devagar, ele aumenta muito rápido, e então ele desacelera para este quadro-chave. Então, se jogarmos, tem um pouco mais de um salto. Acho que parece um pouco melhor para dar ainda mais um movimento único. Vou clicar neste botão do editor de gráficos. Então agora temos este gráfico que representa a velocidade desta animação. Você pode ver os pixels por segundo no lado esquerdo, então ele está em zero, e então ele aumenta e depois diminui se eu selecionar os quadros-chave à direita. Então, há dois quadros chave bem aqui porque eu tenho os dois. A posição que ele enquadra destacada para ambas as camadas. Se eu clicar e arrastar sobre eles, eu dou este pequeno guiador amarelo e eu posso arrastar isso para a esquerda. E quando eu nos arrastei para a esquerda, o que isso significa é que ele vai começar mais rápido, e vai levar muito tempo para chegar ao seu ponto de descanso final. Então deixe-me jogar com isso. É mais uma espécie de estouro. Veja a diferença do que estávamos vendo antes de um bom estourinho. E gosto disso para a nossa moção. Vou clicar fora do editor, e isso parece muito legal. Mas a última coisa que vou fazer ou segundo, a última coisa que vou fazer é realmente cambalear as animações. Então eu vou pegar o jogador instrutor on-line e arrastá-lo para a direita cerca de 10 quadros . Jogue e veja como isso parece. É um pouco longo demais. Vamos dar em torno de cinco quadros ou assim. Eu gosto de como o texto interno Philip vem primeiro, e depois o texto do instrutor on-line. Então, para reverter essa animação, há algumas maneiras de fazer isso, mas um tipo de maneira fácil de fazê-lo apenas recriando esses quadros-chave. Então, para definir um novo quadro chave no final desta composição, o que eu posso fazer para cada camada é apenas clicar neste pequeno botão adicionar ou remover quadro-chave. É um pequeno diamante na extrema esquerda, e se eu fizer isso adiciona um novo quadro chave que é automaticamente fácil de facilitar. Porque se tivermos molduras fáceis facilitadas em uma camada e então adicionamos um novo, ele automaticamente tem essa doença. Se eu clicar no relógio de parada, o que acontece é que ele exclui todo o quadro-chave, então não queremos fazer isso. Então, clique neste pequeno ícone para adicionar um quadro-chave e, em seguida, vamos avançar cerca de um segundo. Então vamos copiar este primeiro quadro chave porque agora ele está dizendo, neste momento, deixá-lo no mesmo ponto. Mas um segundo depois, queríamos voltar a esse ponto de versículo onde começou, e podemos fazer isso apenas copiando. Selecionando. Comando C Comando V. É como este outro Comando C Comando V. Então agora eles se animam. Mas vamos cambaleá-los novamente. Então vamos arrastar o Philemon ou texto para a direita um pouco. Os quadros chave cerca de cinco quadros para que o texto do instrutor on-line saia antes. Talvez não tão dramático como antes. Algo assim. a moção é estranha . O momento está desligado. Então temos que voltar ao nosso editor gráfico, então vamos selecionar todos os quatro quadros chave no final. Para essa animação final, clique no editor de gráficos e você verá se eu estender isso, você verá o movimento. Como há esse pequeno estouro no movimento aqui à direita, não há um estouro. Então vamos selecionar o primeiro a parte, na verdade, o segundo 2 e depois arrastado para a esquerda. Vamos ver como isso se parece. Na verdade, não gosto disso. O que eu vou fazer é fazer do outro jeito, assim como o 1º 2 na animação final e arrastar para a direita para tentar combinar a animação do início para que ele tipo de retarda e, em seguida, aparece parece realmente bom. A última coisa que eu vou fazer é ativar o desfoque de movimento, que eu tenho que fazer duas coisas para cada uma dessas camadas que estão movendo as camadas de texto. Vou verificar esta pequena coluna de Borrão de movimento, que são os três círculos bem aqui. Portanto, verifique isso em ambas as camadas que o habilitam para essas camadas, mas ele não o habilita para a composição. Para fazer isso, eu tenho que clicar em ativar o desfoque de movimento para todas as camadas, mas aqui mesmo, no topo da linha do tempo. Então, agora, se eu jogar através dele, você vai ver que ele aparece em salta fora. Há um pouco de borrão de movimento que você pode ver aqui. Há um pouco de borrão no topo das letras. Se eu desligar isso, é afiado, e isso é uma preferência pessoal. Mas combina mais com o que vemos com nossos olhos humanos. Se as coisas estão se movendo, há um pouco de borrão. Para testar isso, acene a mão na frente do rosto. Esses borrão. Não é nítido, então adicionar desfoque faz as coisas parecerem um pouco mais naturais. Incrível. Então é assim que criamos este Terceiro Inferior no próximo vídeo, vou mostrar-lhe como exportá-lo para que você possa usá-lo em cima de qualquer um de seus vídeos e você pode usá-lo repetidamente. 4. Exportar seu terceiro inferior: Agora vou ensiná-los a exportar este Terceiro Inferior para usar em seus projetos de vídeo , e vou mostrar duas maneiras. Uma delas é exportando o próprio arquivo de vídeo. E então o outro é usando o Adobe Dynamic Link, onde eu posso realmente pegar esse Terceiro Inferior e trazê-lo para um projeto de vídeo Adobe premiere Pro . E é na verdade gráfico vivo, que significa que posso voltar ao After Effects e fazer mudanças se precisar. Então vamos começar com essa maneira que você precisará ter salvo seu projeto primeiro. Então vamos salvar este projeto. Então você também precisa abrir o Adobe Premiere Pro. Agora eu tenho um vídeo que eu criei para o nosso campo de produção de vídeo que eu vou testar este terço inferior agora. Volte para o After Effects e eu estou abrindo um Mac. É guia de comando e acreditar em um PC. É apenas tabulação controlada. Agora o que eu vou fazer é realmente selecionar esta composição do meu projeto. Estou clicando nele. Estou agarrando a ele. Ainda não desclipei, e vou até o Adobe Premiere Pro e soltá-lo na pasta do projeto do Adobe Premiere Pro. Agora eu tenho este gráfico e eu posso pegar isso e adicioná-lo em cima do meu vídeo. Então agora se eu vou desligar o áudio deles se eu tocar através dessa esperança lá, Sam é então nós não queremos isso lá. Mas vamos levar isto para o início. Agora, para este clipe, eu já tenho um título nele, então isso não funcionaria muito bem aqui. Mas aqui podemos ver que parece muito bom. E no Adobe Premiere Pro, podemos fazer alguns ajustes no tamanho e na posição usando a janela de controles de efeitos. Se eu quiser, posso até colocá-lo do lado direito. Talvez eu não queira um terço inferior tradicional, mas talvez eu queira aqui perto de mim. Eu poderia até torná-lo menor. Eu não quero torná-lo maior, porque se eu torná-lo maior, ele vai realmente reduzir a qualidade e a resolução dele. Mas isso parece muito bom. O que eu não gosto sobre isso é que ele tem este texto vermelho. Isso é um pouco difícil de ver neste fundo. E é por isso que é bom usar o Adobe Dynamic Link porque eu posso realmente voltar para o After Effects. Posso facilmente alterar a cor do meu texto, talvez algo um pouco mais brilhante, assim e voltar para o Adobe Premiere Pro. E agora você tem o título e parece um pouco melhor. Podemos adicionar uma sombra, se quisermos. Podemos movê-lo para um lugar um pouco mais escuro na tela, e que parece muito bom. Então, é assim que você importa um terceiro gráfico inferior no Adobe Premiere Pro usando o Dynamic Link. A outra maneira é realmente exportar isso e exportar qualquer coisa em após efeitos e maneiras fáceis de ir até a composição. Adicionar à fila de renderização. Agora temos que mudar nossas configurações agora mesmo. Ele tinha as configurações padrão para a exportação como H 264 Eu vou mudar isso clicando H 264 e a primeira coisa que eu vou fazer é entrar em opções de formato e alterar o vídeo. Kodak de H 2642 animação. Você também pode fazer isso com a Apple Pro Rez Animation vai ser uma qualidade completa, arquivo de alta resolução. Em seguida, clique em OK e de volta aqui, vamos mudar nossos canais de RGB dois RGB mais Alfa para saída. Eu só vou desligar a saída de áudio clique em OK, então eu vou clicar nesta saída para ainda não sobressalente, especificado e escolher onde eu quero salvá-lo. Vou dizer isso no mesmo local em que criei meu projeto e, em seguida, clique em Renderizar. Dependendo da velocidade do seu computador e da intensidade dos seus gráficos, ele será renderizado quando for processado. Nós o confinamos em nossos arquivos, importamos para a Adobe. Premiere Pro acabou de excluir o terço inferior de antes, e agora eu posso pegar esse clipe exportado e colocá-lo em cima do nosso vídeo e tem a animação . Ainda podemos movê-lo se quisermos. Podemos mudar o tamanho, torná-lo menor, e agora temos este videoclipe em nosso localizador que podemos colocar em qualquer outro projeto, e isso é bom dedo do pé. Tenha um terço inferior exportado e pronto para usar para qualquer vídeo do YouTube. Todos os vídeos do Facebook, todos os vídeos onde você deseja seu terço inferior em vez de ter que abrir adobe após efeitos e usar o link dinâmico da Adobe várias vezes. Porque para fazer isso, você terá que abrir depois dos efeitos. Primeiro, abra seu Premiere Pro Project. Adicione-o ao seu Premiere Pro Project. Agora você tem este arquivo que você pode adicionar. Ou você pode até enviar isso para um editor se alguém estiver editando seus vídeos. Então é assim que você exporta um terço inferior gráfico com um fundo transparente. É da mesma forma que vamos exportar qualquer gráfico com um fundo transparente. Então lembre-se que quando avançarmos com nossos outros projetos, muito obrigado por assistir e nos veremos em outra lição.