Animação de ícones no After Effects #2 - Anime um distintivo militar! | Andrew Pach ⭐ | Skillshare

Velocidade de reprodução


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

Animação de ícones no After Effects #2 - Anime um distintivo militar!

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

7 aulas (22 min)
    • 1. Apresentação

      0:45
    • 2. Criar e importar o ícone

      5:23
    • 3. Vindo o fundo

      3:14
    • 4. Animando a estrelinha

      3:18
    • 5. Animando as listras

      6:52
    • 6. TOQUES FINAIS

      1:51
    • 7. Obrigado!

      1:03
  • --
  • 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.

255

Estudantes

3

Projetos

Sobre este curso

Com esta série, quero ensinar maneiras de animar qualquer ícone no After Effects. É uma técnica super útil e será uma ótima habilidade para você ter... e você aprende AE a propósito! :) Esse é o projeto que vamos criar nesta parte:

3434f283

Algumas outras aulas divertidas que você pode gostar! :) Clique nos links para visualizar as aulas:

6f82586c

033a2dcf

667c4231

65dbee4b

1097b442

04c7d4d7

88d5512e

e3468d36

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 a este curso onde eu vou ensiná-lo a trazer ícones para a vida. Vamos pegar um arquivo vetorial. Em seguida, entraremos na Adobe after Effects e prepararemos toda essa animação do zero. É um projeto super encontrado para acompanhar e saber como fazer. Desta vez vamos trabalhar com este grupo militar. Ao final do discurso, você poderá preferir qualquer vetor Aiken para usar em efeitos após e completamente animado para ter uma boa animação para o seu modelo de portfólio ou uso da Web. Então inscreva-se agora, Vamos abrir após efeitos e vamos começar o mundo. 2. Criar e importar o ícone: Olá aí. E bem-vindos neste aqui onde vamos trabalhar para animar um distintivo. Eu tenho um exemplo verde de volta preferido no Adobe Illustrator e eu já liberei as camadas duas sequências. Assim, as camadas são preparadas e você pode trabalhar diretamente após o efeito. Se você, no entanto, gostaria de criar esta aposta por conta própria, posso mostrar-lhe uma dica rápida de como fazê-lo. Deixe-me preparar uma nova composição. Full HD, enquanto 60 quadro, talvez a eternidade será suficiente. E a operação de aperfeiçoamento é demais. Eu queria ser cinco por sete segundos. Ok, agora vou usar o lote que eu já preparei. Mas se você gosta de criar essas coisas dentro de efeitos por conta própria, você pode, por exemplo, por exemplo, selecionar este dedo do pé retângulo uma ferramenta de retângulo simples. Você precisa fora do curso para usar o grão e guias para torná-lo perfeitamente igual. Também tomarei a ação pelo título em segurança. Então eu tenho o meio. Está bem. E você poderia criar o melhor assim. No começo você poderia fazer um retângulo como dias. Se você estiver trabalhando no Adobe CS seis, você deve pressionar a tecla antiga esquerda enquanto cria distração, pois dessa forma você criará um pat vizier se você trabalhar no CC ou 2017 ou mais antigo. Versões mais recentes. Não é problema, porque você sempre pode ir retângulo do dedo do pé. Clique neste animal de estimação retângulo clique com o botão direito sobre ele e convertido para pat mais movimentado. Uma vez que é convertido e você clicar no caminho que você vê com o Wiki, você pode trabalhar com o pat. Peço-te, por favor. Então a coisa que eu faria aqui, eu criaria um novo ponto aqui com a minha caneta tal. Eu crio um ponto aqui. Um ponto aqui eu iria clicar no meu caminho e eu vou selecionar este objeto, pressionar minha tecla shift e puxá-lo para baixo. E eu também vou selecionar este objeto e puxar isso um pouco para baixo. Agora, esta seria a base para o meu lote. Acabou por ser muito longo. Mas isso não é problema. Lembre-se que você sempre pode clicar no caminho e você será capaz de ajustar o ponto. O que eu faria, eu ajustaria os pontos assim. Eu,é claro, tentaria é claro, torná-lo perfeitamente igual, aproximando-se dele e observando cada pixel. Eu faço. Vejo que não sou preciso aqui. Não sou preciso aqui. Não digas a ninguém porque isto é apenas um exemplo. E então eu não gosto das greves do lote. Então, eu só iria aqui. Affleck outro retângulo. Eu iria de selecionar tudo porque eu gostaria de tê-lo em camadas separadas que eu tinha criado assim. Eu iria clicar aqui e criar um retângulo simplesmente como este. E eu vou fazer o mesmo fora do curso. Eu mudaria a cor porque não suporto este branco. Eu realmente não vejo nada. Ok? E novamente, eu não apertei velho porque eu posso abrir o retângulo, abrir o animal de estimação e eu posso convertê-lo para melhor o seu tapinha. Então eu posso clicar no pad para trabalhar com o ponto. Observe que se você clicar aqui, você não poderá clicar no ponto. Mas se você diz como apenas um caminho, é perfeito, porque usando a ferramenta de seleção de VP, podemos movê-lo. Então, novamente eu pressionaria G, eu iria clicar no caminho que eu vou pressionar aqui e aqui. Então eu vou apenas bater no caminho novamente. Pegue minha ferramenta de seleção e eu não fiz o corte eu tentaria torná-lo semelhante ao inferior como este. Como este. É claro precisaríamos ser perfeitamente iguais aqui e Walla. Então você apenas duplicaria esta forma. Coloque aqui, duplique esta forma, mas aqui, faça uma estrela. Aqui, deixe-me me livrar desse ótimo. Bem, eu não diria que isso é perfeito, mas esta é a maneira de fazer isso. Se você fosse perfeitamente preciso com os pixels, este tipo, é claro, vai melhor. Desde que eu o projetei aqui, vamos usar este porque é muito melhor do que isso. E não preciso gastar mais tempo nisto para encontrar a unidade. Mas eu queria te mostrar como é feito com um efeito pós-efeito. Uma vez que após efeitos não é a ferramenta vetorial perfeita e não o software vetorial perfeito. Vou tornar a minha vida mais fácil, pegando o arquivo do produto, colocando-o dentro do programa e apenas importante obter como uma composição. Então eu vou usar tamanhos de camada de composição. Ok, pressione OK e eu tenho o exemplo verde lote. Agora tenho camadas mais antigas. Deixe-me pressionar controle um controle C e controle V para ver o quão grande ele é, ele acaba por ser um pouquinho grande demais. Então eu concordei, e vou colocar a composição aqui porque a composição pode ser muito facilmente dimensionada para baixo, dimensionada para baixo. Então não é como falar. Então eu iria para uma linha, tentar alinhar no centro. Eu vejo que este arquivo ilustrador pode não ser perfeito, então o centro pode estar um pouco fora, modo que seria seu preparado para arquivar o trabalho do dedo do pé. Se você decidiu criar esse patch por conta própria ou usar o arquivo de projeto, importe-o para o After Effects como uma composição, importe, mantendo tamanhos de camada e coloque-o dentro da nova composição de York. Este seria o preferido arquivado para trabalhar. Vamos para a próxima lição, onde começaremos imediatamente a nossa animação. 3. Vindo o fundo: Ok, a parte mais difícil está feita. Nós o projetamos. Podemos usá-lo finalmente, dentro após efeito. Agora, eu quero excluir este arquivo do efeito secundário, então eu não terei que me preocupar com isso quando eu excluir o arquivo do ilustrador ou eu colocá-lo em algum lugar para que possamos usar isso. Basta selecionar o objeto mais antigo, certo? Clique em e selecione. Criar formas a partir da camada vetorial. O que é ótimo aqui é que após efeitos foi capaz de criar as formas e enfraquecer, excluir os arquivos ilustrador e teremos camadas de forma pura dentro após efeitos para usar. Nós não precisaríamos mais do arquivo ilustrador para que possamos simplesmente sair deletado e ficamos com este belos jogadores de forma. Agora a animação seria bem simples. Deixe-me começar por selecionar o título de ação seguro. Ok, nós temos o nosso passado e, como sempre, eu ligaria tudo ao fundo. Então deixe-me selecionar tudo com minha tecla shift pick com o plano de fundo. Então o fundo será o pai aqui. E eu imagino que a rotação de uma rotação invertida no eixo Y ficaria muito boa porque este é um crachá. Deve parecer forte. Deve ter um sentimento militar. Então deixe-me tentar experimentar com isso. Se eu pressionar são eu só tenho o simples zero Dacian, mas eu quero torná-lo uma camada de tratado. Então eu vou ter outras rotações. E se eu vou trabalhar com o eixo X ou por que acessar o quê? Você pode notar que apenas esta camada está girando. Por que é isso? Tudo é parenteado, mas apenas esta camada está girando. Isso ocorre porque outras camadas não estão configuradas para serem camadas de tratado. Então, para ajustar que só precisamos clicar aqui arrastado para baixo. E agora todas as camadas são tratados. Agora tudo funcionará corretamente. Está bem, vou começar a animação. Eu vou para um segundo, mas talvez seja muito longo. Talvez para cerca de 25 quadros e na rotação Y. Vou escolher um porta-chaves. Então eu vou voltar e eu vou fazer a rotação negativa 90 graus. Então vai ser uma virada assim. Posso mostrar-to. Está revelando do lado esquerdo. Ele se vira e se mostra. Esta será a sua primeira animação inicial. Então eu escolheria os quadros chave, é claro, ele de assistente. Fácil aliviado. Hum, eu não previa a flexibilização. Eu me aproximava e talvez faça assim. Então é rápido no final. Se não gostarem desta moção. Basta pressionar o controle Z e selecionado do outro lado. Vamos antever. Se fizermos isso um pouco mais. Bem, eu diria, mas posso fazer isso de ambos os lados um pouco para tornar a moção muito amigável. Ok, eu acho isso muito legal. Este será o fim para esta lição. Na próxima lição, trabalharemos com a estrela. Então, uma animação simples, podemos aplicar para a estrela, então, por favor, siga para a próxima e irá criá-lo realmente facilmente. 4. Animando a estrelinha: Está bem. Temos nosso passado virando. A animação é ajustada e não consigo lembrar que estamos trabalhando dentro desta composição. O acampamento é para mais tarde. Porque podemos mover esses exercícios como quisermos. Está bem. O exemplo verde. Lote. Queríamos trabalhar agora com a estrela e eu imagino que o começo ficaria legal se virasse e aparecesse de pequeno a grande. Então eu precisaria pressionar s como escala e mudar nossa rotação como porque essas são as duas únicas propriedades que eu quero trabalhar com. Deixe-me ir para um segundo. Então eu vejo a estrela inteira. E quanto à rotação, eu quero escolher um quadro chave. Eu quero colocar a chave de um pouco mais tarde porque este é o resultado final. Quero alcançar o estádio normal. E eu quero que a irritação seja Oh, não no valor y. Desculpe. Eu queria que estivesse no valor Z. Então, no início, um quadro chave aqui e, em seguida, a rotação para um negativo. Talvez. Vamos ser precisos aqui, 180, então terá uma volta completa, não um termo inteiro, porque isso é sempre demais. Ok, bem, bem, e deve acontecer junto com a animação inicial do flip, Eu vou estender os quadros-chave e deixe-me visualizar o que está acontecendo aqui. Ok, acho que isso deve demorar um pouco mais. Isto é mais rápido. Está bem. Vou ajustá-lo no segundo porque está ligado à flexibilização que precisamos fazer. E a última coisa que eu queria abordar é a escala. Claro que sim. No final, deve ter escala de 100%. Deixe-me alinhá-los. Ok, mas aqui deve ser sobre... Bem, não sobre ele deve ser 0% então não é visível em tudo. Ok, a inovação começa a parecer muito agradável, mas como você pode ver, é meio chato. E é meio lento demais porque eu quero começar a estar lá quando o item virar. Ok, deixe-me dar uma olhada no fácil. Eu definitivamente quero ser um pouco mais rápido aqui. Sim. Gosto da velocidade, do movimento e da rapidez agora, mas começa tarde demais. Então, a única coisa que eu precisaria para ajustar é pegar esses quadros-chave e colocá-los um pouco mais cedo. Como você pode ver aqui. Os quadros-chave foram deslocados um pouco, então eu posso saber visualizá-lo aqui. Sim, perfeito. E eu acertei o ponto. Pelo menos acredito nisso. Porque uma vez que este Aiken está escorregando, a estrela deixa-me dissecar. Começa a aparecer, e como vemos o ícone inteiro, girar a estrela já gira ao redor. A última coisa que quero aqui é que as listras apliquem uma após outra oito de uma forma muito poderosa. Mas quanto à estrela, acho que parece muito legal. E nós vamos parar aqui e trabalhar com as listras na próxima lição porque eu acho que nós fizemos um bom trabalho aqui e vamos para o próximo onde vai trabalhar essas três listras e vai fazer uma animação realmente poderosa fora deles? 5. Animando as listras: Olá e bem-vindos nesta próxima lição. Agora temos a estrela pronta. Temos os antecedentes prontos. Podemos trabalhar com as listras aqui. Tudo bem. Eu quero fechar a estrela, e eu vou torná-la laranja porque nós já trabalhamos com ela. Não queremos mais acertá-lo desnecessariamente. Ok, nós temos fundo do dedo do pé. Sombra esboça Barba, então não temos nada a ver com isso. Está bem? É certo. Número um. E desta vez eu gostaria que o dedo do pé voasse e crescesse maior para a esquerda e para a direita. E então eu quero o próximo vôo fora dele e fazer o mesmo. Então vamos tentar mexer com a posição e tentar descobrir uma maneira de fazer com que pareça realmente legal. Será simples. Então eu quero trabalhar com a posição p e, claro, a escala. Então eu um turno de imprensa s deixe-me começar com a escala fora do curso. No final, tem que ser 100%. E no início, 0%. Então esta é a animação inicial, crescimento da esquerda e da direita. E vem na minha direcção. Quanto à posição fora do curso, esta deve ser a posição final. Então eu vou colocar outra guarnição aqui. Mas todos os anos, deixe-me trabalhar com isso aqui. Deve estar acima da estrela. E agora eu posso levá-lo daqui, e eu posso ver se isso vai parecer, OK, acabou de acontecer por aqui, então eu vou pegar os quadros chave imediatamente. Deixe-me talvez visualizar os outros quadros chave. Ok, eles estavam por lá. Ok, eu gosto da moção, mas eu não gosto disso. É visível nesta área. E então a posição é um pouco lenta demais. A posição deve ser deslocada um pouco mais cedo, então começa a viajar, e escolhe o tamanho no final. Tudo bem. Começa a ficar mais interessante agora. Vou clicar com o botão direito. Premissa chave não é e, claro, tem sempre leste toda a animação. Porque agora eu posso trabalhar tanto com a posição quanto com a escala. Eu realmente gosto de como a escala aparece. Talvez tentar ser mais rápido. Agora ele voa mais para o espaço. Deveria, mas deixe-me fazer o depoimento. O que acontece com a posição? Talvez deva ser um pouco mais rápido no começo, , então deixe-me tentar ajustar, certo? Eu realmente gosto do lento no final porque ele bem rosto para o lugar. Deve declarar. Acho que rastreamos esta animação muito bem. E a grande coisa aqui é que podemos copiar a escala, mas não necessariamente a posição. Portanto, a posição deve ser ajustada manualmente. Eu processo. Então eu vejo a escala. Eu pressionei a greve. Um país. Vês? Na balança. Um pouco mais tarde, Controle. Veja aqui, página para cima. Bipe para cima. Atualização de página encerrada. Quero ver quantos amigos chave fui para a frente. 12345 Eu fui para 60 quadros. Ok, vamos continuar com isso. 123456 e a escala aqui. Certo, isso seria o que a escala traz. E eu realmente não gosto da velocidade de seis quadros lá. Seis quadros, o oficial tuitou. Podemos eventualmente ir com minha página chave antiga para baixo, página para baixo, volumoso e página para baixo. Página para baixo, página para baixo, página para baixo. Por isso, será agora compensado. Oito quadros. Ok, eu acho que isso vai ser um pouco mais ideal porque antes era um pouco rápido demais, e eu gosto do movimento agora, mas se nós ajustamos a posição, ele vai ficar simplesmente bonito. Então vamos selecionar o segundo strike e o 3º 1 e pressionar P porque queremos trabalhar com a posição um pouco. Sabemos que no final, deixe-me pressioná-lo a posição deve ser um pouco mais cedo do que o quadro real fora da escala. Então deixe-me ir aqui e verificar a página até três quadros Triki. Está bem? Sem problema. 123 p. Como posição com a minha posição chave shift aqui. Não, isso. Ok, agora a última página para cima, página para cima, página para cima e posição. Então, temos uma chave daqui. Está bem, também. Eles são 123 posição G quadro. 123 Posição, chaveiro. Ok, agora, sobre essas posições, precisamos mudar o segundo valor porque queremos que ele seja maior. Talvez eu tenha exagerado aqui. Eu deveria ver os objetos primeiro, então eu vou apagar esta chave de dentro e eu vou trabalhar com o último strike. Deve ser um pouco mais alto. Exactamente. Por isso, também se cobre por trás deste. O 2º 1 deve se esconder atrás do 1º 1 Perfeito. Agora parece muito legal. Agora posso colocar os quadros-chave onde deveriam estar. 123 Deve estar aqui. E este também eu levo esta é uma marca 123 e eu tinha a posição certa. Ok, ótimo. Agora eu posso selecionar a posição. Quadros chave. Posso clicar com o botão direito do assistente Eastham. E agora eu posso visualizar a animação eo site se isso é bom ou isso não é bom ainda apenas um ligeiro ajuste porque eu acho que eles devem ser um pouco mais com um soco. Então eu vou fazer o grupo para o lado esquerdo para que fique mais rápido no início. Ok, desculpe por isso que nós colocamos no fundo para eu não estragar a velocidade. O que sobre isso? Está bem. Muito, muito, muito bom. E o que você pode fazer agora é torná-los um pouco mais tarde. Porque agora eles podem parecer um pouco rápido demais um após o outro. Então, Elsa, como meu volumoso 12345 velho e lugar do dedo do pé. São 10 quadros depois porque coloquei estes cinco quadros mais tarde. Então o segundo precisa ser cinco e mais cinco depois. Ok, agora eu vejo que é o lento. Vamos voltar. 123 123123 Ok. E esta é a animação final que eu tenho. Se você quiser acelerar, apenas mexa com esses quadros-chave ou essas camadas. Podemos oferecer-lhes um pouco diferente na próxima lição. Gostaria de mostrar-lhe menos ajustes que podemos fazer aqui para fazer este acabamento e polir para estar pronto para usar. 6. TOQUES FINAIS: Ok, bem-vindo nesta lição. Agora temos a nossa animação preferida e para ver o resultado final real. Vamos voltar ao nosso acampamento um porque temos mais visibilidade aqui. Também vou selecionar a ação do título Seguro para ser desaparecido e voltar aqui. Deixe-me torná-lo um pouco menor porque eu gostaria que ele para cobrir o meio da tela. Vou colocá-lo aqui no meio, e agora vou ver se algo é muito lento. Se estiver certo. Na minha opinião, as listras fluem muito bem. Não muito rápido, nem muito lento. Eu sempre posso ajustá-lo um pouco aqui. Se queres o Toby, por exemplo, mais depressa coloca-os assim. Então eles pareciam um pouco diferentes. Mas eu gosto deste estudo. Câmera lenta, o que acontece assim. Se você gostaria de mostrar este vagão, vamos fazer um ajuste realmente simples. No começo eu escolheria um plano de fundo. Eu selecionaria clique direito, novo e claro, e novo sólido para a cor. Eu decidiria sobre a cor que eu posso selecionar a partir de esquemas de cores. Certo, claro que não. Mas eu escolherei o Phil. Eu colocaria o preenchimento no fundo quem percebe? Leia também e nas equipes de cor adobe para fora, por exemplo, por exemplo, explorar algumas variações de cor que eu poderia usar. Bem, um pouco simples demais, um pouco simples demais. Bem, talvez isto funcione. Ok? Ou você poderia procurar por algo mais interessante. Estou sendo simples aqui. Talvez este azul? Não, talvez isto. Ok, acontece que este aqui parece muito legal. Tenho um perfeito para mostrar. Tenho círculos muito bonitos por trás disso. E eu fiz ajustes rápidos nesta composição para torná-la um pouco melhor. 7. Obrigado!: Muito obrigado por sua participação nesta animação. Este tutorial, este pequeno curso e por que, Obrigado. Vejo um pequeno erro aqui. Parece que a parte não está visível porque você precisa colapsar. A transformação. Se você colocar isso, ele será normalmente visível em toda a sua extensão. Está bem, deixa-me voltar hoje. Obrigado. Estou tão feliz por ter aproveitado o tempo para trabalhar comigo nisso. Eu posso Imation. Eu acho que esta é realmente uma grande habilidade tohave e nós lentamente Aiken por eu posso aprender coisas novas, novas técnicas e expandimos nosso conhecimento geral sobre gráficos de movimento. Se você gostou dos tutoriais, se você gostou deste curso inteiro, por favor, me dê um salto para cima. Uma crítica positiva realmente me ajuda. Esta é a melhor maneira de me agradecer. E você quer mostrar apreço por mim. Se você gostaria de ver mais dessas aulas, eu ficarei muito feliz se você me permitir gravar mais delas para você. Por enquanto, estou desligando. Vamos agora brincar, mas com ele. E eu te verei no próximo