Projetando e ilustrando gráficos de vetor planos e animando-os (parte 2) | Motion Design A. | Skillshare

Velocidade de reprodução


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

Projetando e ilustrando gráficos de vetor planos e animando-os (parte 2)

teacher avatar Motion Design A.

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

8 aulas (33 min)
    • 1. Apresentação

      1:03
    • 2. Após formas de efeitos introdução

      5:29
    • 3. After Effects Alterar o fundo

      1:32
    • 4. After Effects - Telefone de animação

      6:35
    • 5. After Effects - ícones de animação

      5:43
    • 6. After Effects - ícones de animação

      5:20
    • 7. After Effects - ícones de animação

      5:42
    • 8. Render + conclusão

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

141

Estudantes

--

Sobre este curso

Este curso é para designer, animador, movimento ou aluno que esteja procurando aprender mais sobre Adobe Illustrator e After Effects e como aplicar essas habilidades em um ambiente profissional.

Esta é a Parte 2 de uma série de 2 cursos - neste curso, vamos trazer o arquivo do Illustrator que fizemos na Parte 1 no After Effects e convertê-los em camadas de forma. Vamos animar as camadas de forma usando parâmetros de forma.

Além das palestras, durante todo o curso, vou fornecer meus projetos de trabalho para que você possa usá-los como um recurso para download conforme você acompanha.

No final do curso,

Parte 1 - você vai ser capaz de projetar e ilustrar ilustrações de vetor plano no Illustrator e

Parte 2 - anime essas ilustrações no After Effects usando as camadas de forma.

Conheça seu professor

Motion Design Academy (MDA) aims to deliver high quality courses in the Adobe Creative Suite software.

We also offer courses detailing the production techniques necessary to begin and grow into an experienced top notch designer and animator.

“When you learn, teach. When you get, give.” - Maya Angelou

Visualizar o perfil completo

Habilidades relacionadas

Animação Criativo After Effects

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: Oi, meu nome é Evelyn Lee. Eu sou um designer de movimento morando em Los Angeles. Trabalho na indústria há mais de 10 anos e apresenta comerciais e transmissões , e estou aqui para transmitir alguns conhecimentos e experiências que tive trabalhando na indústria . Este curso é feito para o aluno que está olhando o dedo do pé, aprenda a ilustrar essas ilustrações vetoriais planas no Illustrator e depois animá-las usando os parâmetros de forma e efeitos posteriores. , Neste curso, você aprende a levar um cliente, breve pesquisa e esboçar ideias e ilustrá-las usando o lápis na forma para um ilustrador. Você aprenderá a trazer esses arquivos de ilustrador para o After Effects, convertê-los para moldar jogadores e animá-los usando os parâmetros de forma. No final deste curso, você poderá fazer esta animação. Este curso é uma série de duas partes, e esta é a parte dois. Vamos trazer a ilustração que fizemos na primeira parte e trazê-la para a vida depois dos efeitos. Estaremos guiando vocês sobre como fazer isso. Eu também vou estar falando sobre os princípios de movimento, dicas e truques e coisas que podem surgir enquanto trabalha na indústria. Está bem, vemo-nos na aula 2. Após formas de efeitos introdução: E, hum, como nós vamos ficar íntimos Isso é basicamente nós vamos pegar todos esses caras selecionados, exceto pelo fundo. Bloqueie isso. E então nós vamos apenas converter essas camadas de forma Teoh e a diferença entre você sabe, bem, primeiro eu vou te mostrar nesta camada. Você sabe, nós temos a tendência. Você pode transformar a posição do ponto de ancoragem, capacidade de rotação. Hum, mas com a camada de forma faz é meio que dá a você todos os parâmetros, hum, criando essas formas. Então, basicamente, eu vou ir para o covil e, hum, trazer isso para baixo e eu quero fazer é eu vou criar formas do Dr. Layer. É assim. E basicamente o que ele fez foi criar todas essas formas. Eu menciono isso e vamos olhar para cada um individualmente. Este é o iPhone que ele realmente não lê você rapacity, mas podemos consertar isso mais tarde. Vamos dar uma olhada nos altos. Então tudo cortou. Chegou bem para a transparência do telefone. Você sabe o que o conteúdo então pense sobre a camada de forma é que ele traz em cada grupo individual , que é ótimo, porque você pode tipo de anime, cada seção e se você falar sobre isso para baixo, ele mostra o caminho que você pode animar o caminho, que é uma espécie de tapete que é a máscara. Eu vou ampliar um pouco sudanês, tipo de ver, hum, e então há um golpe que nós podemos alterar essa mudança de cor tratada transparência com que nós poderíamos até mesmo como, um, você sabe, mudar a forma como parece. E esse ar, como, você sabe, criar traços em torno deles. Estes foram ótimos para, tipo, Justo tem esses parâmetros. E para ser capaz de ajustar o design como re animando, , e então a transformação é o nariz para isso porque, você sabe, você pode meio que a grande parte sobre isso é quando você transforma essa escala, você ainda está tipo de manter o, uh você ainda está mantendo a forma original e o traço dele, ao contrário de se você afetar a escala na, você sabe, você sabe, na tendência e os parâmetros desses arquivos vetoriais aqui em baixo, eles meio que afetaram de forma diferente. Eles escalam o golpe de que iria começar este tipo de escala dentro Então, esses preppers são realmente ótimos para esta forma, ferramenta de navio e você tem que obtê-lo com cada seção. Hum, eu vou me encaixar. Você pode ver o que cada seção faz. Então, basicamente, se formos aqui, podemos ver tudo o que criamos, e vou desligar tudo isso só porque quero ver exatamente o que cada grupo faz, então isso é, , ficar um pouco maior. Isso é apenas o Phil no telefone que temos o nosso derrame, que temos o nosso traço de tela dessa tela. E é bom como eles trazem em cada um individualmente isso nós queremos tipo de diminuir a transparência dele. Alguma razão pela qual chegou a 100% e provavelmente está no Phil. No entanto, foi para baixo para o que tínhamos antes, que foi 30 traz de volta para cima. E o que é bom sobre todas essas coisas que temos todos esses parâmetros e podemos animar cada um deles individualmente, e podemos alterar a cor deles se não gostarmos dele. E se quisermos mudá-lo assim, eu estou realmente fazendo este amarelo, e eu entro no meu conteúdo, só leva um pouco para encontrá-lo. Ele realmente não rotular com, mas você também pode alterar a rotulagem deles pressionando enter. Eu realmente não vou fazer isso, mas eu vou mudar a cor de nós, torná-lo um pouco mais amarelo. Está tudo bem. 3. After Effects Alterar o fundo: Da mesma forma, todos esses ilustradores, hum, camadas porque nós não precisamos dele. Na verdade, vou mudar o fundo. Percebo que não quero essa cor. E essa é uma das coisas boas sobre, como, você sabe, efeitos secundários ilustrados. Você sabe, como você está trabalhando com ele, você pode tipo de ficar solto e mudar seu design. Para fazer isso, vou criar uma maçã sólida. Para fazer isso, Por quê? E eu vou escolher uma cor diferente. Não quero que seja mais como uma cor creme. Em vez disso, está tudo bem. E depois traga isto de volta. Então, hum, também o que eu quero fazer com ele é que eu quero criar um, uh, criar para ele. Então nós vamos fazer é eu vou gerar Bem, ele estava rampa algum aluguel radiante. Agora você também pode, e eu estou realmente indo para inchar cores para que seja mais escuro e mais claro lá, e eu vou sobre isso com o original. Acabei de perceber que quero fazer esta cor diferente também. Então, se você colocar sua ferramenta conta-gotas, você pode apenas tipo de ir e olhar. Você meio que vê, escolhe e escolhe. Meio que o quê? O que você quer que seja. Você sabe o que? Que 4. After Effects - Telefone de animação: Ok, então a primeira coisa que vamos fazer é ir para o iPhone, e eu vou desligar essas camadas, e eu só vou animar essas coisas usando um passe de corte. Uma das coisas que você pode fazer é agrupar todos esses juntos para que eles se animem juntos. Então eu ia ligar para isso. É como um telefone que você pressiona Enter Phone. Você pode trazer tudo isso. E então aqui e depois fora. O que eu vou fazer é eu vou, se você vai me ouvir fora do grupo, você pode. Além disso, há todos esses outros perímetros que você pode usar. É uma parte do inimigo, você sabe, você pode criar suas formas, que não é muito parecido com o que vimos nos efeitos secundários. Quero dizer, em ilustrador. Então temos o golpe de preenchimento, o ganancioso, até termos todos esses outros parâmetros. E se você tipo de explorá-lo, você pode tipo de ver cada um desses faz. Vamos mesmo trabalhar com anúncios de trunfos. E se você desativar este, , o que você verá é se você fizer isso, ele meio que cria sua pequena animação de camada de forma agradável. Se você fizer isso até o fim, ele faz a mesma coisa. E então nós temos esse tipo de compensação que você pode fazer bem, que é basicamente o que nós vamos trabalhar para construir este iPhone acima da outra coisa. Isso é legal sobre o Trump House. Você poderia fazê-lo simultaneamente, ou você também pode fazê-lo individualmente e diferença entre nós apenas vê-lo simultaneamente neste e tipo de ter que olhar individualmente, ele apenas faz um após o outro. Vamos fazer isso simultaneamente com este. E o que vou fazer é ir em frente. Vou pressionar o cronômetro para criar quadros chave. E então eu vou para o fim e também criar quadros-chave aqui e agora eu estou indo tipo de ir em frente e ajustar Lis para que neste é como nós queríamos terminar. E vou trazer isto mais cedo, porque num segundo é assim que queríamos acabar. E então é assim que, no início, não queremos nada lá, realmente transformar o resultado e você apenas mais jogar. Isto é o que vamos conseguir, é um pouco lento. Podemos aproximá-lo um pouco mais. E também, o que vamos fazer no meio é criar um pequeno deslocamento. Na verdade, podemos começar com as maçãs e usá-lo. Mas você pode começar isso no início. Então nós apenas criamos um pequeno deslocamento agradável também. Ok, então agora vamos pressionar isso, e se você acertar, clique ou você pode pressionar 9 se você tiver. Mas você vai ser assistente do Teoh Key Frame, e você pode ter qualquer doença ou F9 de Dewey, na verdade com a errada. Hum que para, hum, assistente Yeezys. Se você assistir, isso meio que alivia bem. E se você quiser afetá-lo ainda mais, você pode selecionar estes e, em seguida, ir para este, que é um editor de gráficos, e nós temos nossas curvas bem aqui. Se você selecionar os pontos bons que você tem essas espinhas, eu vou mais e ir um pouco mais perto. Você tem esse tipo de espinhos nesta curva. Basicamente, a curva mostra como a animação vai lentamente acabar em velocidade e depois temporada e nós vamos apenas alterá-la. Se você pressionar shift, você pode movê-lo para frente ou para trás. Mas nós vamos tipo de ter isso realmente fácil nesta forma em. Você pode ver a diferença se você pressionar play, então ele meio que acelera e, em seguida, ele usa o suficiente novamente. É o que estamos procurando. A outra coisa sobre isso é que é legal é que você pode tipo de, você sabe, brincar com o deslocamento e tipo de mudar todos esses quadros chave ao redor apenas para torná-lo um pouco diferente. Você pressiona play, você faz ele começar em momentos diferentes. Ele meio que varia a animação do mesmo. Bem, isto vai ser um pouco mais longo. Agora há que eu meio que quero post menos leva você de volta para fora dele. Quero os compensações de como terminar mais cedo. Não é o oficial que eu só quero, foi pontos em que não comecei, ok, então eu gosto do jeito que o telefone está ligando. A próxima coisa que podemos fazer é fazer ah, um tipo de inovação solar para o chat APP 5. After Effects - ícones de animação: zoom em um pouco e tipo de segurar a opção que temos sido na verdade, adicionar um wiggle transformar para isso e colocar as rodas em 20 Eu realmente não quero Teoh. Nós vamos. Mas eu quero usar os parâmetros de transformação. O que isso faz é meio que quebra tudo. Você começa alguma animação realmente grande através disso. Então isso vai começar depois do nosso telefone. Olhe para as chaves de um nosso telefone embaixo. Está bem por aqui. Então eu vou criar alguns amigos chave na posição na escala na rotação e então voltar aqui e apenas trazê-lo. Coloque essa caixa e traga a posição que ela queria afetada em X. Coloque a petição de habilidade. Não, mas também faça o ponto de ancoragem. Um bom atalho é pagar. Teoh saltou de quadros-chave da chave de ok, e J, vamos deixar você alternar para frente e para trás, mas eu também quero alterar os pontos de raiva. Eu vou voltar aqui. J também só filmes. Você pressiona “play “, tipo de como ele aparece. Agora eu vou jogar um pouco com o legal este como um, sabe? Veja, assim esta parte eu realmente gosto de como esta seção acontece aqui. Ele vai tirar os sapatos, e então o que eu vou fazer é começar esta camada naquele ponto. Então, quando uma tecla se você pressionar todos os colchete opção permite cortá-la nesse ponto, então não veremos nada que acontece antes de nenhum de vocês pressionar play. Você entendeu isso. Bem, é muito bom. Ele vai acabar com isso para que aconteça antes que o iPhone se torne. Mas antes que o telefone se torne o que é, pressione todas as teclas de suporte para ter alinhado onde seu marcador está na linha do tempo, estamos impressionados. Toca outra vez. Então eu estou gostando de como isso está parecendo, e agora eu estou indo tipo de entrar, e eu vou, você sabe, usar a animação para que você aperte a capa direita, ou você poderia apenas processar nove chaves assistente Pressione com calma, por favor. Você vai nos trazer apenas um toque em breve. , E então,se você jogar , você pode ver a facilidade. E quando um ultra ainda mais indo para o editor de gráficos selecionando meus pontos e, hum, movendo estes para o turno. Impressionando, movendo para a esquerda. Não vai sair do editor de grama. Vou ver o meu próximo ícone. 6. After Effects - ícones de animação: Nunca vai fazer o relógio. E ele ia assistir de novo, ver como está indo. E com este, eu vou. Vou fazer algo parecido e apenas alterá-lo. Então, uma maneira rápida de ver os quadros-chave é se você apresentar atalho você, ele só permite que você veja tudo o que você fez. Hum, eu vou em frente, eu vou entrar no conteúdo e eu vou apenas adicionar, hum, o movimento transformado. E se você desligá-lo para sua transformação novamente, eu vou tipo de ir e fazê-lo aqui mesmo, tipo de onde eu queria terminar. E eu vou manter colocar os amigos chave em todos estes e, em seguida, bem aqui, eu vou ajustar a posição em X na escala na rotação. Você só sabe, é apenas sobre como, se divertir, hum, hum, e fazer com que isso apenas exploda para ele, sério? E se eu pressionar brincar com isso, vou apenas tentar ver, brincar e ver , tipo, tipo, o que funciona? Porque acho que talvez não seja “oi”. Uma vez que eu tenho e muito disso é apenas uma espécie de experimentação e como ver o que funciona. Então, com isso, eu realmente gosto dele sem ter qualquer tipo de movimento. Então o que eu vou fazer isso? Só quero ajustar a entrada da Thea. Só quero ter certeza que está oferecendo. E agora que é, eu meio que queria ter um pouco mais de rotação. Não é. Você está com medo. Uma das coisas a fazer é ter certeza que começa onde você tipo de cortar a camada fora . Então ele simplesmente não aparece. E a outra coisa que quero dizer é que vou usar o botão direito da animação, mas na deixa dela enquadrar a doença de assistente nos escolhidos indo para o editor de gráficos . Selecione esses caras, , e então mude e arraste-o para a esquerda. Dr. Todos eles, você sabe, o editor gráfico. Você tem que ver como é. Eu poderia, na verdade, só um pouco de um pouco. Então vá pressionar J voltando para você também. Assistir bem, na verdade me faz querer que eu não gosto dessas vidas extras, mas eu gosto de como isso vem aqui. já que o início é camada, estamos aqui. E como este apus formando quase quero que isso também tipo de chegar no tempo e começar bem aqui. Você também pode pressionar a tecla de colchetes. Não corresponda ao marcador. E então, se você for para as extremidades, você pode pressionar todo o colchete e ele combina com o marcador, que é essa peça? 7. After Effects - ícones de animação: Ok, então agora nós temos o último, que é o caderno. Ligue isso. Nós vamos para o conteúdo, e nós vamos apenas adicionar Nós vamos nos transformar para isso. Eu vou descobrir onde eu queria tipo de fim que está vindo aqui. Quero acabar aqui mesmo. Eu vou para a transformação, e eu faço todos os amigos chave para a rotação de escalabilidade da posição do ponto de ancoragem, e então eu vou apenas separá-los. Então, quando x, isso é muito bom. Como ele meio que como, bem, apenas por si mesmo. Então apenas tente tirá-lo do quadro, e então eu vou em frente e quadro chave este As rodas por segundo J e K, uma alternância entre os quadros-chave fazer este zero. Então veja como ele emite é um pouco. Tweet isso um pouco. Você realmente apenas meio que procurando por algo que você sabe que você gosta muito disso é tipo de experimentar e ver, e assim está mudando completamente. E enquanto eu estou olhando para isso, eu estou apenas olhando para um bom ponto de partida, Nikolic. O que começa? Na verdade, vou entrar aqui um dos pressiona F 9 ou clique direito, você tem o assistente Easy, um, vai selecionar The vai para o editor de gráficos. Realmente fácil. Esses caras entraram porque eles meio que nos aceleraram. Hum, você poderia ir com ela. Vou criar um pouco mais de espaço com isto. Nikolic começa aqui. Vou cortar isto aqui. E eu quero isso fora, na verdade, mais tipo de tempo. E que começa um pouco mais cedo. Então, basicamente, quer que a maioria destes tudo comece. Então, enquanto estou assistindo essa animação, , acho que tudo parece bem. Eu acho que uma das coisas que eu percebi veterana, foi que essa transparência, hum, na verdade está por trás dos altos, e a UPS deve realmente sentir que eles estão no seu telefone. Então vamos para que você saiba, você volta com um bilhete como esse, você tem que voltar todo o caminho para ilustrado. Podemos pegar isso, duplicá-lo, jogá-lo em cima, e então podemos nos enrolar em seu conteúdo e simplesmente desligar tudo. Excepto aquele advogado transparente, , só preciso de o encontrar. Você gosta da melhor área? Então esse é o grupo nove, e então nós vamos querer entrar aqui respondendo grupo. Não o suficiente. Talvez precisemos ajustar a animação dele. Vamos só ver o Seaver. Eu sei que funciona. Ok, então agora que a transparência de vidro está na frente 8. Render + conclusão: e agora vamos querer acabar com isso. Você pode ir para adicionar adobe media Encoder Cube. Vou adicioná-lo à fila de renderização. Eu estava de novo. Você poderia entrar em um sem perdas e, uh, você sabe, transformar isso em sequências diferentes. Eu vou renderizar tamanho um formato de tempo rápido opções, inovações, uma Kodak realmente alta qualidade, mas também é muito grande. , Veja , 64 é bom. Vou renderizar isso. Perot é de alta qualidade e imprensa. Certo, Certo, mas você pode mostrar isso como qualquer coisa no 86 Force One. Hum, e então basta colocar sua saída e pressione renderizar. Ok, então esta é a nossa animação final. Fomos renderizados e jogando em tempo rápido. E nesta lição, você sabe, você aprendeu como o dedo do pé tipo de fazer um breve e transformá-lo em, hum, ilustração vetorial usando Photoshopped e ilustrador, principalmente ilustrador e então ah, trazê-lo para efeitos secundários e tipo de usar os parâmetros de forma, e em particular, usamos a passagem de guarnição e a transformação de movimento. E isso é o que conseguimos passar pelo caminho. Começamos com um esboço e modificamos pouco a pouco. E, ah, fomos capazes de criar esta animação. Então estas são as técnicas que aprendemos. Espero quetenham aprendido muito e que nos vejamos a seguir. Espero quetenham aprendido muito e que nos vejamos a seguir. que