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

Velocidade de reprodução


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

After Effects: gráficos futuristas (parte 2)

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

9 aulas (23 min)
    • 1. INTRO DA PARTE 2

      1:43
    • 2. Criando nossa primeira forma

      2:04
    • 3. Trabalhar com efeitos de curso

      1:52
    • 4. Repetir o processo

      3:53
    • 5. Adicionando elementos adicionais

      1:54
    • 6. Efeito de espectro de áudio

      4:07
    • 7. Criando profundidade

      2:14
    • 8. Criando o radar

      4:27
    • 9. OUTRO

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

186

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 2, você vai aprender a criar um gráfico circular usando camadas de forma e efeitos
de curso.

Fique atento à PARTE 3 onde você vai aprender a animar o gráfico retangular usando quadros principais básicos e expressões simples.

Depois deste curso, você vai ter o que você precisa para avançar mais no software e enfrentar seus primeiros projetos!

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

Outros cursos de efeitos após a série nesta série:

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

f4228e07

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

483a02be

Gráficos futuristas (parte 4): animando o gráfico circular

1497fd90

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. INTRO DA PARTE 2: 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 entusiasmado com este curso, e espero que você também esteja . Na segunda parte, vamos falar sobre design, forma e até mesmo acidente vascular cerebral. Então vamos pular em After Effects. Comece a criar nosso primeiro elemento. Na aula, você sabe que devemos. 2. Criando nossa primeira forma: Ok, então aqui estamos nós, dentro do After Effects. E isto é o que vamos criar hoje. Agora pode muito bem, complicado. Mas podemos realmente alcançar este olhar com alguns efeitos simples. Então vamos em frente e vamos começar do zero. Vamos em frente e vamos criar uma nova composição clicando na composição. Agir em frente. E nós somos apenas o nome desta captura circular. Provavelmente não precisa de 15 segundos. Cinco segundos deve ser suficiente. Vamos em frente e rápido. Ok, então a primeira coisa, a base sobre todo o gráfico vai ser um círculo simples. Então vai ligar o nosso título em ação segura aqui. Apenas para ter uma idéia de onde está o centro de nossa composição, vamos até nossa ferramenta de forma, camada e selecionar a ferramenta Elipse. Também podemos fazer isso pressionando Q no teclado, e você pode ver que se pressionarmos Q, ele irá realmente percorrer nossas opções de camada de forma. Então é como se Philip ainda estivesse aqui. Bem, rápido no centro, vamos arrastar para fora agora. Se nós dirigirmos, você pode ver que temos uma espécie de apenas uma forma de lábio longo maçaneta. E não é isso que estamos procurando. Então, vou simplesmente apagar isto. Não escolho as nossas vidas para outra vez. Eu não cozinho no centro. E agora se ele rápido e arrastar enquanto mantém o deslocamento irá criar um círculo perfeito Muito rápido e arrastar. Enquanto mantemos o turno e o comando, criaremos um círculo perfeito de onde fizemos um clique. Então vá em frente e não vai arrastar isso para fora. Nunca um círculo perfeito. Não vá para a nossa guia de linha novamente e podemos ter certeza de que alinhamos isso direito ao centro . E aqui não queremos o Phil. Então você pode apenas pressionar Ault e cozinhar no campo aqui e nós vamos trazer isso de volta. Faça isso branco e algo como 10 pixels deve ser portão. Vá em frente e onde você nomeia esse anel externo. 3. Trabalhar com efeitos de curso: Agora tudo o que vamos fazer é muito fácil. Vamos fazer algumas variações simples do mesmo golpe. Então pegue nosso anel externo irá duplicar isso pressionando o comando de no teclado. Vamos subir para editar duplicado. Vamos em frente e pressionar s no teclado para exibir nosso parâmetro de escala. Podemos arrastar isto para dentro da nossa primeira direita. Vamos em frente e fazer este derrame um pouco mais grosso. Por que não fazemos isso então eu 30 ou talvez 50? E se nós 12 abaixo deste ar nós entramos em nosso conteúdo, vamos para o derrame. Podemos mudar a aparência do nosso traçado adicionando alguns traços. Então esta imprensa mais sobre ele no painel está aqui agora criaram estas belas cristas. E se quisermos, podemos aumentar o comprimento destes, mas arrastando o parâmetro traço novamente, altere o deslocamento para girá-los ao redor. Mas podemos até adicionar um segundo traço e aumentar a lacuna e outro para criar um visual muito diferente. Podemos ajustar o comprimento de cada um dos nossos dois traços para provar novamente. Não há maneira certa de fazer isso, então é até sua preferência. Agora digamos que realmente não queremos ter um círculo completo para o segundo conjunto de traços aqui. Podemos ir para este modificador de anúncio e na operação de caminhos de corte ir aqui no caminho de tortura. Só ajusto o parâmetro da estrela entre zero e 100%. Você pode ver que começamos a cortar parte do Reiser. Vamos trazer isso de volta uns 75 ou mais. E agora vamos fazer é só fazer algumas cópias disto. Repita o mesmo processo, fazendo pequenas variações para cada um dos nossos anéis. 4. Repetir o processo: então vamos em frente e não vamos duplicar isso novamente pressionando comando. D Vamos subir para editar. A imprensa duplicada tem que aumentar a escala. Vamos escalar isso. Que vamos mudar. A largura do nosso golpe nos tornará algo menor. Talvez um pequeno derrame, algo como cinco. Entraremos em nosso conteúdo, mudaremos nossos caminhos de termo. Podemos alterar o deslocamento para mover isso ao redor do círculo Nós mudamos seu traçado e editar os traços. Grande, segundo traço maior. Podemos adicionar 1/3 traço, se quisermos, ou mesmo 1/4. Você pode mudar seus caminhos de corte para revelar um pouco mais que não, nós criamos muito simplesmente algo que parece completamente diferente. Coloca você no teclado para esconder perímetros. Na verdade, vou duplicar o anel de novo e entrar no nosso conteúdo para os caminhos de corte. E vou compensar isso em algum lugar por aqui. Torná-lo um pouco mais fino. Algo como 35 talvez um pouco fora dos traços. Vamos em frente. Ele vai fazer mais alguns duplicados anel três presente comando D vai escalá-lo para baixo. Traga upscale pressionando s irá encolher isso para fazer este adesivo novamente. Vamos em frente. Bem, apenas uma aparar caminhos. Talvez façamos este círculo completo. Vamos em frente. Tudo mudou ou pisa novamente. Vamos adicionar outro traço e até mesmo algo parecido com isso parece legal para fazer pressioná-lo para ocultar um parâmetro. Duplicar esta chuva vai escalá-la aqui para cima, fazer isso realmente grosso. Vindo para os nossos caminhos. Só o começo. E se trouxermos o fim do presidente do outro lado só para criar uma pequena variação, pressioná-lo em nosso teclado, duplicar nosso quinto comando de chuva pressionando de escala para baixo para dentro, então meu caminho um pouco pouco e dirigiu nossos traços Talvez alguns pequenos aqui Bem, duplicar que bem, disse alguns. Do outro lado, você faz um pouco menor. Faça os traços mais espessos. Agora, se ótimo, é uma variação. 5. Adicionando elementos adicionais: vai em frente e criar um centro texano. Mas selecionar a ferramenta de texto, é cozinhar em uma composição. Bem, apenas digite 88%. É como se isso escalasse isso. São talvez 100, sabe, como talvez Gotham Book. Vamos pisar nossa janela aqui, e se você não vir isso, basta chegar a uma janela. A linha. Você poderia centralizar isso horizontalmente e verticalmente para que isso esteja bem no centro. Eu só quero criar um par de elementos triangulares para adicionar um pequeno detalhe separado. Então vá em frente e faça isso de novo. Entrará em nossa ferramenta shapewear ou comprimirá a letra Q. no teclado. Agora é como se a ferramenta polígono assumisse que eu clique e arraste irá fazê-lo. Aqui, você vê, eu criei polígonos. Mas, bem, eu ainda tenho o rápido deprimido. Se eu pressionar a era para cima, Eu posso adicionar ponto loja polígono ou se eu pressionei a era para baixo e se livrar de pontos até que eu tenha um triunfo. Então, vamos nos livrar do acidente vascular cerebral ou pressionando o tempo todo clicando no acidente vascular cerebral. Vamos trazer de volta a nossa cela branca. Agora temos este triângulo. Eu posso ir em frente. Eu poderia diminuir se eu entrar em nosso conteúdo aqui em estrela polonesa e na Transformação e ir em frente e mudar a rotação aqui para que nosso ponto seja realmente enfrentado pelo Senador. Então chame esse triângulo de jangle um. Vou duplicar isso pressionando o comando de no teclado, e agora a imprensa está no teclado para abrir a rotação. Eu posso girar isso em torno, e como nosso ponto de ancoragem está na verdade no centro da composição, gire este triângulo diretamente em torno do centro, então eu criei pequenos triângulos. 6. Efeito de espectro de áudio: Há mais uma peça no próprio anúncio em um espectro de ondas de áudio. Então vá em frente e pressione o comando, por que no teclado para criar um novo sólido ou subir para camada de novo sólido, vamos criar um sólido branco, torná-lo do tamanho da composição e pressione. Certo, entraremos em nossos pertences quando eles estiverem aqui. Bem, digite áudio final. Vamos apenas adicionar o espectro de áudio clicando duas vezes em nossa camada sólida. E você pode ver aqui que nós criamos esses pontos. E se eu selecionar a nossa ferramenta de camada de forma pressionando Q e indo até os lábios ainda vai criar outro círculo do centro foram rápidos no deslocamento do peito central e comando Arraste isso para fora. E agora para o caminho aqui em nossas opções de espectro de áudio, podemos selecionar a máscara um e você pode ver agora. Não, eu criei esse caminho circular. Podemos mudar nossas cores. A maneira que foi legal sobre este efeito é que isso vai animar com algumas orações de áudio. Se você gosta dos pontos como eles são, fique à vontade para mantê-lo assim. Mas eu tenho um clipe de áudio aqui. Se eu arrastar isso para a nossa composição, você volta para o nosso sólido branco e onde ele diz camada de áudio aqui, em vez de selecionar a si mesmo, você vai para a nossa camada de áudio. Poderíamos nos arrastar de volta para termos alguma música que você possa ver. Isso é o que esfregar através desta linha de tempo estas barras vão animar para a música. Na verdade, nem precisamos ouvir a música, mas isso dá um pouco de movimento extra para que você possa desligar o alto-falante lá para que possamos renderizar. Não ouvimos a música, mas ainda afetará nosso padrão. Nós também temos um par de opções de participação para banho de massa na forma como isso parece quando você alterar as opções de exibição de linhas analógicas digitais e assim criar algumas linhas de ondulação que geralmente parecem melhores em endireitar para fora, vá em frente e vendido que Por enquanto. Então esses scripts através podemos ver como esses animar fazer pontos analógicos que animam para cima e para baixo. Podemos ajustar a altura aqui para que se movam mais longe do centro. Mais música toca se você trazer de volta o nosso caminho circular. Estes são legais para ter que adicionar um pouco de movimento aleatório. Nós também temos a opção de mudar de lado, então se você só quiser que eu fique de um lado. Então agora nossos pontos só se moverão em direção ao centro do círculo. Ou, se formos para o lado B um dócil e nos afastarmos do centro. Bem, podemos continuar, mas você muda a espessura aqui. Se queremos pontos maiores, faça um menor. E se você só essas bandas aqui, você pode fazer mais pontos. Se você derrubá-lo, você pode ter menos. Então, de novo, isso é alguma coisa. Ajuste todo o gosto. Não há direito por aqui. Apenas o que você acha que parece bom. Assim por diante. Então isso. E acho que esses pontos fazem as coisas. Que tipo de bagunça. Então vamos em frente e mudar isso de volta para digital. Essas bandas são um pouco altas, e eu realmente só quero que eles vão para o centro do círculo. Então troque esse conjunto agora. Isso é brincadeira? Pegue essa boa moção. Eu quero aumentar isso um pouco para que ele atinja o lado de fora do nosso círculo. Podemos ir em frente e podemos trazer isso debaixo de todas as outras camadas, então tudo joga em cima dela. Não, criar um pouco mais de profundidade, mas em alguns desfocas simples 7. Criando profundidade: Então pegue este exterior inicial pode duplicar isso pressionando o comando d Traga isso para o fundo e todo esse título este garoto círculo, vamos nos livrar do derrame pressionando o tempo todo clicando nesta droga. Vou trazer de volta o nosso gole branco. Agora temos esta circular, Phil, vamos para os nossos efeitos e predefinições. Um tipo em rápido para tomar este rápido onde vamos arrastá-lo para a nossa camada. Vamos apenas arrastar-nos para fora Agora eu criei um círculo muito suave para que eu possa fazer isso poderia reduzir isso novamente para ajustar os limites do nosso círculo e diminuir a capacidade pressionando T para trazer uma passagem e abaixando desta forma, para baixo, efeitos sutis. Então, mesmo algo como 20% do planeta. Agora você pode ver que criamos uma pequena definição extra extra para uma festa do meio se não vamos comprimir a escala em uma escala que faz backup, podemos diminuir ou aumentar a quantidade do menino. Você tem algo que nos falta? Talvez 200 seja bom. Talvez até um pouco menos no A passando algo como 15. Eu também quero usar uma técnica semelhante para criar uma borda para um resgate de sabão de texto em seu teclado para trazer uma ferramenta de retângulo arredondado. Ou você pode simplesmente subir aqui e selecionar o retângulo arredondado. Eu só vou em frente. Eu vou desenhar borda áspera além do texto, você esticando a largura do nosso certo. E eu quero pegar isso e realmente quero fazer isso preto. Vou levar-nos para além da camada de texto outra vez. Vamos ter essa bola rápida. Vamos em frente. Bem, Blair, desta maneira, vamos diminuir a rapacidade algo como 25% talvez um pouco mais e obter muito mais definição. Talvez derrubar onde tocar. Agora você pode ver que criamos uma área definida para o nosso teste. A última coisa que quero fazer é adicionar o radar. 8. Criando o radar: foram entrar em algumas técnicas um pouco mais avançadas para esta parte. Então eu vou em frente. Nós transformamos nosso título em ação, seguro para ter certeza que eu estou bem no centro aqui em um pressione G no teclado para trazer nossa ferramenta caneta. Ou pode subir aqui e selecionar a caneta e fazer o nosso primeiro ponto no centro. Isso iria cozinhar do lado de fora e arrastar para criar algumas alças, que só mais tarde eu vou fazer outro ponto aqui em cima. Clique e arraste para fazer uma pequena curva e, em seguida, uma volta rápida no centro para terminar isso. Não impressionado V no teclado para trazer a nossa era ou selecionar a era No. Um. Ajuste nossas alças aqui, mas selecione esta mão do lado de fora e eu pressionar navio ajustar por um lado. Então eu trago isso para criar uma mina de estrutura, arrastar o 2º 1 para fora, criar mais de uma curva, fazer a mesma coisa para o outro lado. Agora eu tenho um triângulo. Não é perfeito, mas podemos ajustá-lo tanto quanto queremos achar duas coisas. A próxima coisa que quero fazer é adicionar um novo sólido comando opressor. Por que no teclado estavam indo camada do dedo do pé? Novo, sólido. Fazer esta prensa tamanho comp? OK, bem, venha aos nossos fatos aqui. Vamos digitar rádio gerar um rádio é agora. Você pode ver que isso é respeito à linha do tempo. Comece a admitir algumas ondas na posição central. Mudaremos o Leste, e podemos ajustar alguns parâmetros. Vamos começar com um fim com, e se mudarmos a frequência aqui, teremos mais linhas ou menos linhas. Se ajustarmos a expansão, o movimento para fora do centro do círculo a uma taxa mais rápida. Então talvez nós vamos chegar a algo como dois. Isso parece bom. Agora o que eu quero fazer é em uma duplicata ou triângulo aqui pressionando comprometido de no teclado, indo para editar duplicado. Vou mover isto acima do nosso sólido branco que tem os nossos meios de rádio. Vamos seguir em frente e rotular esse rádio para sabermos. Por que não vamos em frente e nomeamos este triângulo de radar? Vamos selecionar as nossas formas de rádio. Vamos entrar na opção fosco faixa. Se você não vir a faixa fosco frequentemente. Vamos clicar neste botão aqui em baixo. Alternar interruptores, modos de barra. Vamos apenas ir em frente e selecionar a camada 3 de forma Alfa Matt. E agora você pode ver o que isso fez. Isso limitou a visão de nossas maneiras de rádio apenas para a área de que tentar. Quero levar esta tribal a uma opacidade mais baixa. Talvez algo como 50%. Não, na verdade, eu quero que isso seja o quê? Vá em frente e faça por ali. Vamos baixar o passado ainda mais. Talvez uns 25. Vamos em frente. Vamos trazer isso em cima do nosso rádio. Vou de novo. Você teve uma bola rápida. Venha aqui para o nosso fax 1. Agora digite rápido a bordo disso. Talvez algo como 50 fotos de nós. Então agora temos uma sensação mais suave. Mais suave. Foi uma cópia. Este efeito, selecionando comando de impressão, Veja no teclado. Indo para editar. Copiar. Eu também vou ritmo isso quando eu estou no para um maneiras de rádio. Então agora o que você vê aqui que aconteceu. Ampliar. Você pode ver que são ondas de rádio começam a sangrar para fora do lado de estão tentando e também um tópico. E se aumentarmos este rapaz notavelmente mais para baixo. Ou se diminuirmos , ficará um pouco mais suave. Algo como 35 parecia bom. Agora, talvez isso seja um pouco grande. Se eu selecionar isso e reduzi-lo um pouco vai garantir que ele permaneça em reuniões, senhor, nós vamos em frente e nós vamos apenas pegar esses elementos que queremos ter certeza que eles estão abaixo do nosso quadro de texto aqui. Vá em frente e enfraqueça. Renomeie isso. Este shapewear texto trimestre. E lá vai você. Agora estamos prontos para o inimigo. 9. OUTRO: com alguns efeitos simples. Criamos algo que parece bastante complexo, mas é muito fácil de alcançar. É grande. Tudo o que fizemos foi criar alguns círculos usando jogadores de forma e seu traço incluído. E então ajustamos alguns dos parâmetros do traçado adicionando traços, alterando o tamanho do traçado, incorporando caminhos de corte. Operação verifica a parte três. Vamos animar nosso primeiro gráfico, estamos assistindo a um gráfico, e então vamos para a parte onde começamos a animar esse gráfico circular. Muito obrigado por se juntar a mim, ver o próximo tribunal como saímos.