After Effects: gráficos futuristas (parte 4) | Duncan Rogoff | Skillshare

Velocidade de reprodução


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

After Effects: gráficos futuristas (parte 4)

teacher avatar Duncan Rogoff, Video Editing & Motion Graphics

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

11 aulas (22 min)
    • 1. PARTE INTRO HUD 4

      1:43
    • 2. VISÃO GERAL

      1:02
    • 3. ANIMANDO O ANEL INICIAL

      1:16
    • 4. REPETIÇÃO DO PROCESSO

      2:58
    • 5. ANIMANDO AS ONDAS DE RÁDIO

      1:45
    • 6. ANIMANDO OS TRIÂNGULOS

      0:36
    • 7. ANIMANDO O TEXTO

      3:08
    • 8. ARRANJO EM ESPAÇO 3D

      2:56
    • 9. ANIMANDO AS CAMADAS 3D

      2:46
    • 10. TRABALHANDO COM A CÂMERA

      2:48
    • 11. OUTRO

      0:49
  • --
  • 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.

120

Estudantes

--

Sobre este curso

Neste curso incrível, 5 PARTES vamos cobrir uma ampla variedade de técnicas para criar e animar alguns gráficos realmente legais dentro do After Effects.

Você vai aprender a criar e projetar seus gráficos usando apenas ferramentas incorporadas do After Effects, como animar seus gráficos usando quadros principais básicos e expressões simples e, finalmente, como obter uma chave de cor de tela verde sólida, imagens de ação live-action de movimento e compósito seus gráficos animados acima para um visual final.

Na PARTE 4, você vai aprender a animar o gráfico circular usando quadros principais básicos e expressões simples. Você também vai aprender a manipular camadas no espaço 3D e trabalhar com a câmera para criar profundidade.

Fique atento à PARTE 5 onde vamos juntar tudo. Vou ensinar a você como obter uma chave de tela verde limpa, imagens de faixa de movimento e compor todos os elementos gráficos em suas imagens de ação live-action para criar a peça final.

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

Outros cursos nesta série:

Gráficos futuristas (parte 1): construindo o gráfico retangular

a503d05e

Gráficos futuristas (parte 2): construindo o gráfico circular

14b70629

Gráficos futuristas (parte 3): animando o gráfico retangular

7708a174

Conheça seu professor

Teacher Profile Image

Duncan Rogoff

Video Editing & Motion Graphics

Professor

Freelance video editor and motion graphics artist based in San Francisco, CA. Almost entirely self-taught and has spent many hours gaining knowledge from online tutorials on sites like Skillshare.com

Check out my website: www.duncanrogoff.com

Always looking for new, fun, creative projects, and to keep learning.

Clients include: Apple, Nissan, PlayStation, Charles Schwab, Visa, Salesforce, Facebook, Apple, WeChat, FICO, Slingbox, Marc Jacobs, Kat Von D, Sephora...

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. PARTE INTRO HUD 4: Ei, pessoal, Dunkin Rogoff Medo com um grande efeito secundário Siris para vocês. Neste curso de cinco partes, vou ensinar-te tudo o que precisas de saber. Para fazer telas futuristas e headheads up, exiba gráficos inteiramente dentro de após efeitos. Sem quaisquer plugins, você aprende a projetar layout e simplesmente animar dois estilos diferentes de gráfico. E, em seguida, como obter uma tecla de tela verde limpa em movimento. Acompanhe suas filmagens para compor seus elementos. As imagens de ação ao vivo para a peça acabada Esta série é ótima para todos os níveis de habilidade e se você tem ou não necessidade de fazer este estilo particular de gráfico, as ferramentas e técnicas que você aprenderá são aplicáveis para uma ampla gama de projetos. Em parte, uma desta série irá ensiná-lo a projetar um gráfico baseado em elementos retangulares usando após efeitos construídos em ferramentas e recursos de layout na Parte dois. Bem, projetar e criar um segundo gráfico composto de elementos circulares e tomado em profundidade fatos do acidente vascular cerebral. A terceira parte animará um gráfico retangular em sua totalidade, aprendendo a criar uma animação polida, tudo usando quadros de chave simples e algumas expressões fáceis. A parte quatro cobrirá. Animação são gráficos circulares manipulando nossas camadas e três espaço D e trabalhando com a câmera para criar profundidade na Parte cinco. Vamos juntar tudo. Mostraremos como obter uma tecla de cor de tela verde limpa e, em seguida, ensinaremos alguns truques para obter uma trilha de movimento sólida de suas filmagens de ação ao vivo. Bem, então compõe tudo juntos para criar a nossa peça final. Estou muito animado com este curso, e espero que você seja parte demais para. Falaremos sobre expressão. Texto três espaço D, até câmera. Então vamos pular em After Effects. Comece a criar nosso primeiro elemento, veja na classe. 2. VISÃO GERAL: Ok, então aqui estamos nós, dentro do After Effects. E o que é ótimo é que já temos um gráfico construído, então vamos em frente e vamos animar isso. Agora, o que eu gosto neste aqui é que, na verdade, a maior parte do trabalho duro já foi feito. Vamos fazer algumas animações simples neste gráfico sem usar nenhum quadro-chave. E então eu vou seguir em frente e mostrar a vocês como fazer a transição desse elemento sobre o uso do espaço Z e como manipular a câmera e dar um olhar legal de profundidade de campo. Então vamos em frente e começar a animar nossos primeiros elementos. Foi realmente ótimo sobre isso. Uma vez que tudo é construído de forma circular, vamos praticamente fazer a mesma coisa para todas as nossas camadas. Aqui, ele vai realmente acabar com um olhar muito legal. Então, desde que construímos nossa camada externa com este espectro de áudio aqui, podemos ver que se esfregarmos através dele ou pressionarmos play que são barras do lado de fora íntimas . Se você não tem que fazer nada lá, também podemos ver que são ondas de rádio no centro da tela aqui animado bem sem fazer nada. Então vamos em frente. Não animar as outras camadas ou anéis 3. ANIMANDO O ANEL INICIAL: Então este é o nosso anel mais externo, e eu vou seguir em frente e sozinho aqui para que possamos ver com quais camadas estavam trabalhando . Então este é o anel externo. Bem, venha para a próxima camada aqui. Bem, pressione no teclado para aumentar a rotação. Vamos animar isso em um círculo sem usar qualquer quadros-chave que usaria uma expressão muito simples. Então, vamos pressionar Ault e clicar no cronômetro e digitar o tempo. Vezes 50. Agora, o que isso faz é jogar através dele. Ele leva o valor de quadro do nosso tempo e o multiplica por 50. E assim, sem fazer quaisquer quadros-chave foram capazes de animar isso em torno de um círculo. Agora, se você quiser que nossa animação seja mais rápida, podemos alterar esse valor para algo como 150. Você pode ver que nos movemos mais rápido no círculo, ou se você quiser ir na direção oposta, podemos apenas adicionar um símbolo negativo antes do valor no mar. Eles vão animar na direção oposta. Então agora vamos apenas passar quando foi ajustado isso de volta para 50. Faremos a mesma coisa com todas as nossas outras camadas 4. REPETIÇÃO DO PROCESSO: Então temos este anel aqui. Pressione estão no teclado para ativar o tempo do tipo de rotação, vezes negativo. 75. Estes valores são bastante arbitrários. Cabe a você conseguir o visual que quer. Mas você pode ver agora que temos dois elementos animados em direções opostas. Então venha para a nossa próxima camada. Ligue isso com a imprensa são tipo tempo vezes 100. Agora temos três camadas animadas. Vamos continuar este processo no teclado tipo Tempo. Vezes 25. Esta será uma animação mais lenta no centro aqui. Vendeu a próxima camada para trazer isso à tona. Pressione estão na hora do tipo de teclado, vezes negativo 20. Isso é um pouco lento para mim. Então por que não dobramos o que você pode pagar? Ou se queremos obter mais de uma variação aleatória em vez de usar a expressão de tempo pode usar uma expressão wiggle. Poderíamos digitar parênteses. 0,5, vírgula 90. Veremos isso agora. Esta camada que temos animado bem balançar um valor aleatório entre zero e 90 graus uma vez cada dois segundos. Isso é o que 0,5 é. E novamente, se quisermos que isso aconteça mais rápido. Podemos aumentar este 0,5, que representa a frequência para algo como um, o que significa que uma vez a cada segundo se mexe entre zero e 90 graus. Acho que é um pouco rápido, mas talvez pudéssemos fazer 0,75 Podemos aumentar esse valor para algo como 110. Então agora temos mais variação. Isso é apenas adicionar um pouco de movimento aleatório a nós vamos trazer a nossa próxima bebida. Irá pressionar estão no teclado novamente para abrir a rotação. Este vai digitar o tempo. Vezes negativas. 30. Vamos colocar este movimento na outra direção. Traga o nosso último durante aqui. Pressione estão no teclado Time Times, Times 90. Nós vamos ter algum bom movimento ido agora Você pode ver sem definir quaisquer quadros-chave. Temos um grande movimento em nosso gráfico. A próxima coisa que precisamos fazer é trazer nossas ondas de rádio assim como o triângulo que representa a fronteira 5. ANIMANDO AS ONDAS DE RÁDIO: Agora o que vamos fazer aqui. Então, vamos criar ou criar ondas de rádio em nosso triângulo, mas selecionar o chicote e arrastá-lo para nosso ar triângulo. Ou você pode entrar neste pai este texto pai, e selecionar nosso triângulo de radar. Os seios estão no teclado e novamente, tempo vezes negativo. 50. Temos isto a animar um círculo. Você pode ver que nossas ondas de rádio não se moveram porque elas são realmente baseadas em ainda lá na camada. Na verdade, queremos um pai para o nosso triângulo. Desfazer. Algumas vezes é a camada de forma, que está agindo como nossa máscara para nossos rádios. Então aqui eu quero pai isto para o nosso triângulo. Não precisamos desta camada. Vou levar esse tempo de expressão, vezes menos 50. E agora é aquela peça que a massa vai revelar diferentes partes das nossas formas de rádio. Então parece que está se movendo em um círculo que é um pouco lento. Vamos fazer isso ir mais rápido. Uns 150. Este rastreia um pouco mais rápido. Ambos de Mont muito rápido. Podemos subir para 250 de novo. Estes números são todo o gosto. Talvez diminua um pouco para 50 anos. Olhando um pouco rápido. 200 equipas. Provavelmente bom. Vou fazer a mesma coisa pelos nossos triângulos. 6. ANIMANDO OS TRIÂNGULOS: E, na verdade, quero que estes se movam juntos. Então eu vou triângulo pai para triângulo um tipo no teclado. Vou usar a expressão de manobra aqui de novo. Mexa uma vírgula. 200. Então, uma vez a cada segundo em um movimento, um valor aleatório entre zero e 200 que não está parecendo muito ruim. O último elemento de que precisamos é trazer a fronteira para o nosso texto no nosso elemento de texto aqui este 88%. 7. ANIMANDO O TEXTO: Então o que eu vou dio não vai duplicar esta camada pressionando o comando de no teclado ou subindo para editar duplicado. E eu ia renomear este 88 e este um por cento porque eu quero um símbolo por cento para ficar. Vamos novamente usar uma expressão simples para animar o valor numérico de nossos 88. Então, selecione essa porcentagem. Vou apagar o 88 de fora antes de selecionar, impressionar, excluir, excluir, não vender tudo e revender os 88% para que você possa ver com o que estamos trabalhando. Tome nossa porcentagem de pressionar Pete no teclado para trazer uma posição. Vou deslizar isso até que alinhe a percentagem deles. Vou selecionar o 88. Vou fazer o oposto. Apenas apague a porcentagem disso porque não vamos precisar e pegue os 88 como, na verdade, apenas pegue. E se eu segurar shift no teclado, eu posso arrastá-lo de volta sobre Onley na direção X sem mexer com o eixo Y. Então agora temos o nosso 88. O que eu vou fazer agora, Eu vou pai isso para um controle deslizante então eu vou vir para a nossa janela efeitos e predefinições e digitar no controle deslizante vai arrastar isso para o nosso 88% agora para 12 para baixo estas setas e ir para texto. Eu poderia falhar clique no nosso imposto de origem e pai que para o nosso controle deslizante. Então agora você vê que por causa da cidra, leia zero nosso texto ou mais fácil se eu digitar 10 em nosso controle deslizante, nosso varejo têxtil. E agora o que posso fazer é definir uma expressão em nosso controle deslizante. Eu poderia todos clicar no controle deslizante e tipo Aiken mexer uma vírgula 100. Na verdade, vamos lá 99. Então nunca se sabe que lá fez isso. Agora, se Ayan rápido isso, você vai ver, vamos ter toda essa bagunça em números. Isso é porque ele está balançando um número aleatório, mas está incluindo todos esses decimais, então nós só vamos precisar ir em frente e arredondar isso para fora em nossa expressão de controle deslizante. Então, tudo o que tenho que fazer é chegar ao início aqui e digitar matemático com parênteses abertas . E vá até o final da nossa expressão e feche os parênteses. Basta clicar fora que agora você pode ver, nós temos bons números inteiros para trabalhar com. Se esfregarmos o teclado ou pressionarmos play, você pode ver isso mudando. Se quiser abrandar isso, mude o movimento. Dois menor número 8.5. Então, se pressionamos você no teclado para ocultar nossos parâmetros e não vendidos desses itens, você pode ver agora se pressionamos play, temos nossos números animando. Temos todos os nossos elementos animando com muito pouco trabalho. Então agora temos que fazer é trazer esses elementos em três D espaço e animar nossa câmera um pouco para obter o visual final. 8. ARRANJO EM ESPAÇO 3D: Certo, então temos tudo animado. E a próxima coisa que eu quero fazer é trazer uma câmera e começar a manipular nossos objetos em três D espaço pressione para você no teclado, esconder todos os nossos parâmetros. Vou trazer uma câmera nova, subindo para a camada de câmera nova. E nós podemos definir isso algo como 24 milímetros e nós vamos apenas ir em frente e pressionar OK, e agora nós vamos apenas deslocar os elementos um pouco e espaço Z. Nós não precisamos movê-los muito longe, porque neste caso, um pouco vai muito longe. Mas queremos manter nosso gráfico em sua maioria intacto, então comece a mover as coisas um pouco para frente em direção à nossa câmera. Não precisamos mover nosso espectro de áudio ou a maioria dos anéis externos manterá isso como base, mas a partir de uma camada começará a mover as coisas para a frente em pequenos incrementos de, digamos, cerca de 10. Então pressione p e teclado durante uma posição e digite menos 10 para trazer esse elemento frente irá selecionar. O próximo vai menos 25. Vamos continuar na linha repetindo este processo em pequenos incrementos para manter tudo junto. Pode ser qualquer número que queira de novo. Só estamos sugerindo isso para provar. Agora você pode ver aqui eu tenho pais são ondas de rádio e sua máscara para este triângulo principal aqui para que tudo vai se mover de uma vez. Vamos em frente e vamos adiantar cerca de 100, porque você quer manter isso no topo . E desde agora estão tentando vai tipo de fora das fronteiras. Queremos levar esta prensa s no teclado para trazer upscale e, bem, bem, reduzi-lo novamente para que ele permaneça dentro das fronteiras do nosso principal fora cedo. E você pode ver que algumas são camadas estão indo para fora do nosso círculo principal, então você pode simplesmente voltar para baixo. Podemos pegar nosso anel externo aqui, e podemos até pegar nosso espectro de áudio, minha alma renomear que estamos nisso. Comparamos isso com o nosso anel externo também. Basta pressionar s no teclado para trazer de alto nível. Você pode dimensioná-los um pouco para que todos os nossos gráficos permaneçam dentro de seu quadro ou texto. Border realmente não precisa mover tudo, mas nós comparamos isso com o nosso texto e trazemos isso para frente até a frente. Algo como menos 125. Podemos pegar este triângulo e podemos mover isso algo como menos 90 ou talvez até menos 105 para que ele fique na frente de nossos caminhos de rádio. Agora você não pode ver nada aqui. Mas se entrarmos em nossas duas visualizações em nossa visão superior, você pode ver que são camadas agora cambalearam um pouco no espaço Z. 9. ANIMANDO AS CAMADAS 3D: Então agora nós temos nossas camadas dispostas em três espaços D que querem ter certeza de que nós animar todos eles. Então vá para o quadro 20. Vamos selecionar todas as nossas camadas com parâmetro position apenas mantendo pressionado o comando no teclado como um rápido para baixo nesta lista. Vamos apenas definir um quadro chave, amamentar para trazer uma posição, e eu vou definir um quadro chave. Agora volte ao início da nossa composição e eu vou arrastar todas essas direções negativas para trás , e espaço. E se eu clicar e arrastar todos os Shift segurando, estes vão se mover um pouco mais rápido. Vamos nos arrastar de volta até que tudo passe da câmera. Vamos pegar todas as nossas molduras aqui. Eazy e eles pressionando F 9 vão manter o assistente de quadro Easy. E agora, se eu pressionar Play para diminuir a resolução aqui, então joga um pouco mais rápido. Você pode ver que os elementos se movem para o espaço agora para vender este efeito um pouco mais. Eu atirei o borrão de movimento aqui para todos os nossos oh menta que temos javalis movimento animado é representado por estes círculos de casal aqui, e não só você tem que ligá-lo para cada indivíduo lá, mas você também tem que virar aqui para toda a composição. Então, o que é agora? Queremos Dio, porque você só quer compensar essas animações no tempo um pouco para que elas não estejam acontecendo de uma só vez. Então nós queremos começar com o nosso mais fora do anel, e isso é bom para selecionar o resto das camadas, e eu vou movê-los à frente. Dois amigos chave pressionando também e a era certa para saltar um quadro chave no tempo. Então, presente uma vez e duas vezes. Top aqueles para a frente agora de selecionar próxima camada, mas ele está mantendo pressionada a tecla shift e selecionados ou quadros de chave, e eu movi tudo o resto novamente para quadros-chave à frente. E mais uma vez, vou repetir este processo, selecionando o desgaste de baixo e mudando tudo à frente para manter amigos. Então, agora, se nós reproduzirmos isso, eles se baseiam em um de cada vez e criam uma animação mais escalonada e interessante. A última coisa que queremos Dio vai dar a nossa câmera aquela pequena rotação, e eu descobri que a maneira mais fácil de lidar com a câmera é aparente para anular objeto. Assim não temos que lidar com as câmeras. Ponto de interesse 10. TRABALHANDO COM A CÂMERA: então eles criaram em todos ou apenas vêm até camada nova. Nenhum objeto. Vamos renomear este campo de controle e eu vou ter certeza que é uma camada três D. Então levarei nossa câmera e aparentarei isso ao nosso controle. Depois que eu voltar para o início do nosso acampamento aqui, uma imprensa está no teclado para trazer a nossa rotação. Vou definir um quadro chave na rotação Y. Vou ajustar isto para 45 graus. Vou subir aqui até o final da nossa composição, e vou definir este Tu menos 45 graus. Então temos uma rotação de 90 graus. Posso esconder isso aqui para não vermos na porta de visão. Agora, se eu pressionar play, você vê que são camadas são um pouco mais escalonadas e têm um pouco de separação no espaço Z para criar um olhar mais interessante. E se você quiser obter um pouco mais de distância para nos vender efeito ainda mais, você só tem que organizar a posição de repouso final de todas as suas camadas para que elas sejam separadas um pouco mais distantes. A última coisa que queremos dificar é que você só quer adicionar um pouco de profundidade de campo à nossa câmera é que os elementos em primeiro plano, como a nossa camada de texto, estão em foco e tudo por trás dela começa a desaparecer. Seu óleo nesta era entrar em nossas opções de câmera. Aqui vamos virar nossa profundidade de campo agora. Nada vai acontecer. Isso é porque nossas aberturas para que ele vai aumentar isso em algo como 800. Então você pode ver agora que alguns dos elementos no centro aqui e se concentrar em tudo o resto está fora de foco. Agora, se você voltar para a nossa visão superior, você pode ver que se eu começar a mover nossa distância de foco, você pode ver onde nossas câmeras se concentram. Então, se eu chegar a algum lugar no meio da composição, nós somos praticamente um gráfico é plana sobre. Posso ajustar nossa distância de foco para que nossas camadas frontais as camadas de texto estejam em foco, representadas por esta linha branca e tudo mais atrás. Começa a desaparecer, então agora se eu voltar para a nossa visão reta, você pode ver que são Texas e foco e nós voltamos para este anel externo e isso é um pouco embaçado. Se queremos que isso afete mais pronunciado, só temos que aumentar nossa abertura algo como 1000. Posso ver que os efeitos se pronunciam ainda mais. Então, agora, se eu jogar, você pode ver os elementos passados através do foco da câmera. Eles começam fora de foco, entram em foco e, em seguida, voltar fora de foco até que nossa camada de texto frontal foi grande, como você pode até mesmo enquadrar a distância de foco. Se você quiser fazer um rack, concentre-se sozinho. 11. OUTRO: É isso. Nós construímos a partir de gráficos circulares, animamos, usando muito poucos amigos chave. Usamos o tempo e expressões de movimento em nossas camadas circulares, e então animamos tudo no espaço Z usando a função de posição básica. Por último, nós pais em nossas câmeras para um nenhum objeto para dar a câmera um pouco de rotação, ligado em alguma profundidade de campo e ajustado nossa distância de foco para obter as camadas que queremos em foco e foco na quinta e última parte do nosso irá levar todos esses gráficos que construímos compósitos eles em nossa filmagem final. Mostrar-lhe como obter um movimento de tecla de cor de tela verde limpo Acompanhe sua filmagem composta seus gráficos em cima para heads-up realista futurista com muito obrigado por se juntar a mim Veja na próxima classe Sim, nós fora