Animando um distintivo: fluxo de trabalho do Illustrator para After Effects | Richard Adam Jones | Skillshare

Velocidade de reprodução


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

Animando um distintivo: fluxo de trabalho do Illustrator para After Effects

teacher avatar Richard Adam Jones, Freelancer

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 (39 min)
    • 1. Apresentação

      2:08
    • 2. Criando o emblema

      7:42
    • 3. Preparação de arquivos para efeitos pós-final

      4:36
    • 4. Primeiros passos no After Effects

      2:50
    • 5. Animando nosso emblema

      7:42
    • 6. O poder do fluxo de trabalho

      2:43
    • 7. Animando nosso emblema

      4:31
    • 8. Ajustando o comp e adicionando o desfoque de movimento

      2:58
    • 9. Render e compartilhar

      4: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.

205

Estudantes

1

Projeto

Sobre este curso

Nesta lição, vamos cobrir os conceitos básicos de uso de programas Adobe em um fluxo de trabalho coeso que aproveita a força de cada programa. Transição de criar um gráfico de crachá simples no Adobe Illustrator e animá-lo no Adobe After Effects. Esta não é uma técnica avançada, mas sim uma habilidade fundamental para economizar tempo e dinheiro do seu cliente. Um entendimento básico do Adobe Illustrator e do After Effects vai ajudar você neste curso. Não é necessário conhecimento como designer para se beneficiar deste curso.

Habilidades principais abrangidas:

  • Design gráfico básico
  • Compreender camadas no Illustrator
  • Preparação de arquivos para efeitos pós-final
  • Importando um arquivo do Illustrator em After Effects
  • Animação simples no After Effects
  • Exportação em After Effects

Esta lição é destinada ao freelancer de várias ferramentas que está procurando aprimorar seu conjunto de habilidades. Também destinados a designers gráficos e designers gráficos de movimento para entender o fluxo de trabalho entre Adobe Illustrator e Adobe After Effects e trabalhar melhor na dinâmica da equipe. Quando concluir este curso, você será mais adequado para entregar produtos de alta qualidade ao seu cliente.

Conheça seu professor

Teacher Profile Image

Richard Adam Jones

Freelancer

Professor

My name is Adam Jones. I have been editing and shooting since I was a kid in grade school. Editing in an old dusty room with my librarian doing reel-to-reel editing on VHS. This continued through my life and now 30 years old I have 10 years of professional experience with motion graphics, editing and directing. Telling stories is the passion of my life. However I can participate in that process I want to do it.

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: É sempre estranho quando atira coisas sozinho. Seja louco. Legal, louco, legal. Eu não tenho sapatos agora filmando na minha casa. É um pouco de vida. Honestamente, você está pronto para aprender? Ei, o que está acontecendo? Meu nome é Adam Jones. Tenho artistas de cinema, designer gráfico, fotógrafo, fotógrafo, cineasta, sério? Apenas, eu acho que freelancers. Provavelmente esta coisa para me chamar. Eu adoro ser criativo e ser capaz de usar as ferramentas que estão lá fora alavancagem , minha criatividade para contar uma história sobre. Então ser capaz de fazer isso e compartilhar com vocês e a comunidade de compartilhamento de habilidades é simplesmente incrível poder aprender com todas as pessoas diferentes que temos na comunidade, mas também ser capaz de ensinar algumas aulas apenas um pouco legal. É uma oportunidade legal que temos de compartilhar um com o outro. - Homem. Quando pesquisamos algo, não conseguimos encontrá-lo. Isso me deixa louco, especialmente quando você tem um prazo. Isso me deixa louco, E então o que eu estou esperando fazer é dar a vocês algumas dessas pequenas coisas que você não vai encontrar necessariamente no Google. Então eu tenho algumas coisas únicas para trazer para a mesa hoje. Uma delas é que vamos falar através da criação de um design e ilustrador e, em seguida, pegar esse design e colocar um após efeito para que eles possam se mover. Eu sou apenas algumas coisas muito simples. Então, se você é um usuário básico de efeitos após e ilustrado, esta lição será ótima para você. Se você estiver em Usuário avançado, isso pode ser algo que você não sabe como fazer ou se você estiver em qualquer extremidade desse fluxo de trabalho. Então esse é o seu designer gráfico que trabalha com o artista cinematográfico. Ou talvez o seu artista de emoções que trabalha com um designer gráfico. E você não sabe como essas coisas funcionam e como se comunicar. É muito simples. Parece complicado. Quero dizer, é um pouco complicado, mas não é tão ruim. Certifique-se de que você está verificando o projeto de classe e seu upload em sua postagem, e você está compartilhando coisas sobre quando você obter esses renderizações para fora, cara, só você precisa estar empurrando isso para seus amigos e tipo, Olha como isso é incrível. Eu fiz este homem. Você vai se orgulhar de si mesmo. Já estou orgulhoso de você. Então, uh, vamos em frente e saltar para a direita 2. Criando o emblema: Certo, agora que sabemos no que estamos nos metendo com nosso projeto, o que vamos fazer agora é lançar, Illustrator. Vamos começar a fazer o nosso design. Lembre-se, este é um design muito simples. Se você é um designer gráfico, você pode até ficar um pouco ofendido e como isso é simples. Mas lembre-se, este não é necessariamente um curso de design gráfico estavam mais falando sobre o fluxo de trabalho, o que você poderia fazer de programa para programa. E queremos configurar isso para enviar para o After Effects. Então vamos em frente e lançar o Illustrator. Então, isso é o lançamento. Estou usando o Adobe CC 2017. Se você notar algumas diferenças entre nossos programas, isso pode ser o que é. Eso você pode querer fazer o download, certifique-se de que você está atualizado com a versão mais atual do ilustrador. Tudo bem, então agora o que vamos fazer é bater novo, e isso vai puxar para cima um novo documento. E eles vinham até aqui e vamos dar o nosso documento e nome, então vamos chamá-lo de incrível movimento gráfico, e então vamos dar-lhe um. Tudo bem. E então, com certeza nós vamos ter certeza que é 1920 por 1080 porque é isso que nossas composições vão ser. Quando entrarmos em After Effects, vamos nos certificar de que está em pixels. Anos podem começar em centímetros, e então isso não é nada em seu para passar por cima dos pixels e então você vai digitar em 1920, mas 1080 e eles vêm aqui para Keller Moat. Hum, você pode tê-lo padrão para vê-lo como um Se você faz um monte de impressão, mas quer ter certeza que está no RGB agora, a diferença entre parece A e RGB é que RGB é para telas e parece um julgamento para impressão. E então, se você ouvir alguém alguma vez dizer vendo y que, que é ciano, magenta, amarelo e preto, isso é para uma impressora que é sua impressão algo, seja de grande formato, formato pequeno, seja lá o que for que é a linguagem para impressão. Para acertar as cores. E, em seguida, para telas, é RGB, que é ótimo verde e azul. A Andi. Você usará isso sempre que estiver fazendo qualquer coisa que esteja acontecendo em um iPhone, computador ou TV, ou, você sabe, qualquer coisa que esteja em uma tela. Então vamos nos certificar de que estamos em RG porque vamos acabar enviando alguns gráficos incríveis para pessoas que conhecemos e olhamos. Tudo bem, então agora nós temos isso. Vamos criar ele vai puxar para cima uma tela em branco, Contemplar na barra de espaço, e eu posso arrastar e mover minha tela ao redor. Então, você pode centralizar isso, lembre-se, vamos manter isso muito, muito simples. Então o que vamos fazer é começar com um círculo, puxar nossa ferramenta de lábios, e você vai segurar o turno. Porque se você tem isso assim, então você pode fazer esses círculos patetas. Então, vamos manter o turno pressionado e torná-lo um círculo perfeito. Tudo bem, então. Acerte V. Isso vai puxar. O Parker. Senhor, vamos ter certeza que isso está centrado no campus. Agora, se isso é se você não tem essas opções, verifique aqui. Se ele talvez se parece com isso, isso significa que você tê-lo, Teoh alinhado à seleção. Queremos alinhar o quadro artístico agora mesmo. Tudo bem? E então nós vamos entrar, e nós vamos fazer aquele derrame naquele círculo. Bonita e gorda. Vamos para 20. Âmbito para 30. Vamos com a minha idade como estamos indo aqui. Nós temos isso. Tudo bem, Incrível. E então eu vou duplicar esse círculo mantendo a opção longe de um cursor duplo. Puxe isso para cima e, em seguida, nós vamos re centro. Sou uma opção de espera e turno. Então vamos para fora daquele círculo. Torná-lo para que ele seja preenchido com nada e, em seguida, caiu a espessura do nosso curso para 10. Assim e apenas mantendo-o rolando. Simplesmente simples. Dê um pouco de ah, você sabe, só nesse também. Tem uma vibração vintage, está bem? E agora vamos adicionar ao meio aqui. E então vamos fazer movimentos. Mantenha isso no centro, como tudo o resto. E vou usar uma fonte chamada Avenir. É uma diversão grátis que encontrei online. Vamos com chumbo negro, certo? Parece melhor a cada dia. E agora vamos adicionar gráficos em movimento. Nosso design de movimento, na verdade, o design de movimento faz isso um pouco maior, e eu vou usar um tipo chamado Buffalo. Agora vocês podem usar qualquer tipo de letra que quiserem. Eu só gosto do jeito que um olha Centro para cima. Isso parece muito legal. Então o design de movimento se move e então virá aqui e, na verdade, vamos ah, duplicar o design de movimento. Então mantenha pressionada a opção e arraste-a para baixo e vamos colocar como, um pequeno rodapé. Não é do tipo doméstico, e nós vamos datilografar. Hum, vamos fazer. Obrigado. Doby. Todo mundo adora o dhobi, certo? Eu não estaria aqui sem ele. Um pouco menor no fundo. Fale como onde você pode ver, como, um estabelecido em 1986 ou algo assim. Hum, ainda parece um pouco simples para mim. Então o que vamos fazer é adicionar algumas, uh, algumas linhas aqui. Basicamente, só sabemos que estamos brincando tentando descobrir exatamente como queremos que seja. Eu quero que isso seja um pouco mais longo, mas eu queria estar centrado. Então vamos movê-lo para cima. Estou usando a tecla de seta para cima a menos que vamos manter o comando e apertar o botão de mais. Amplie um pouco. Segure em. Opção duplicada. Faça isso. Na verdade, eu meio que gosto disso. Eu ia ficar menor e mais magro. Mas acho que gosto disso. E então vamos adicionar algumas linhas aqui do lado de fora do design de movimento. Então vamos pegar nossa ferramenta de linha e vai haver pequenas linhas curtas. Segure em. Mudar vai fazer uma linha perfeita. Definitivamente não queremos que ele tenha 30 anos. Então vamos derrubá-lo, Teoh. Vamos fazer cinco. E se você clicar no acidente vascular cerebral, você pode em torno deles. Acho que isso está chegando muito perto do que queremos. E então eu vou manter a opção e duplicado. E se você aguentar, mude depois de manter pressionada a opção para mantê-lo na mesma linha. Então agora estamos um pouco mais perto. Tudo bem, então nós temos nosso projeto básico feito, e isso é, você sabe, algo para lembrar novamente é que este é um projeto muito básico, você sabe, nós temos, Tipo, dois círculos, algumas linhas e algum tipo de letra é algo que me ensinaram que passar por aulas de design gráfico tem sido com suas fontes. Você quer ter certeza de que você está usando mais do que apenas um. Há casos em que você precisa de um peso ou uma fonte ou o que quiser, você quer. Diga que há aqueles momentos, mas algo para lembrar é que é como cozinhar. Você quer vários ingredientes para obter os sabores que você quer, então vamos usar vários tipos de letra para realizar a estética que ganhamos. Então conosco, nós temos um fundo de script, e então nós temos um reembolso sansei realmente difícil, e ele nos dá o olhar que nós estamos indo para, que é este tipo de vintage cinco. É muito simples ao ponto. 3. Preparação de arquivos para efeitos pós-final: Tudo bem, agora que temos nosso projeto básico, há um pouco de preparação de arquivo que vamos fazer. Então vamos destacar isso e ver que temos todas essas linhas, certo? Todos os traços, isso é o que vamos fazer é ir para o caminho do objeto e, em seguida, delinear traço. E então ele vai delinear o traço para nós, e então nós vamos manter pressionado, mudar o comando e abrir, e ele vai delinear todo o nosso tipo de letra. Agora temos todas essas formas com as quais podemos mexer, então vamos selecionar tudo e garantir que os loops centrados que esquecemos de agrupar são traços. Então nós vamos pegar nossos traços, selecionar nossos traços, ter certeza de que eles estão alinhados com uma seleção, e então nós vamos enviá-los para cima e apertar o comando G, e isso vai agrupá-los. E agora, quando selecionamos tudo, vamos alinhar nosso quadro e vamos basicamente centralizar tudo, tudo está pronto para ser organizado em camadas. Então nós estamos aqui, abrir nosso painel de camadas, deslizá-lo para baixo, e então nós basicamente temos. Queremos pensar em nossas camadas como quais são os objetos que queremos animar independentemente. Então conhecemos cada círculo que queremos animar. Design de movimento será uma palavra que animamos esses traços que traremos, um todo movimentos será um. Esses traços virão e de forma independente. Obrigado. A Adobe virá de forma independente. Então, basicamente, como tudo está agora. Então o que nós vamos fazer é apenas adicionar um monte de camadas e então nós vamos começar a puxar itens para fora. Você só está puxando ele para cima e jogá-los nas novas camadas. Mas então nós temos três camadas demais, então nós vamos apenas junk-los. E agora temos as nossas coisas. Então o que vamos fazer é uma grande ajuda. Se você pode fazer isso como estamos indo, Teoh, desligue todos os olhos. E assim que o excitamos, vamos rotular. Então eu vou colocar o círculo um. Nunca traga esta camada para cima Círculo 2. E assim estamos fazendo isso para cada camada. Tenho certeza do tipo. Ele se move para aquele na próxima camada. Vamos dio nós chamamos isso apenas esta camada seria movimento girar na próxima camada, Doby e então nós chamamos esta linha superior inferior, e então a última coisa será nossos traços. Então em frente, Dash IHS. Parece um , passo sem sentido, mas passar e colocar o quê? Cada camada vai nos ajudar à medida que entramos em efeitos após, porque o que ele faz é que ele nos permite saber uma vez que importamos esse arquivo e depois de efeitos, o que cada camada é para que não estamos apenas procurando e você vai dizer que isso é importado e Está fora de ordem. Sabemos em que ordem queremos que tudo esteja. Então vamos em frente e salvar isso, e então estamos prontos para entrar em After Effects. Assim que chegarmos aqui, vamos arquivar. Vamos salvar como minha tela é A É um pouco grande, então vamos puxá-lo para cima e incrível motion graphic um. É onde vamos estar. Então eu vou dizer isso para minha área de trabalho, certifique-se de que ele foi salvo como um ilustrador de Adobe e pressione Salvar, e então você terá essa caixa aparecer. Você pode deixar tudo o que a tecnologia verificada atingiu. Está bem. Tudo bem. Então, agora que temos ele salvo em nossa área de trabalho. O que vamos fazer é lançar o After Effects e ir em frente e colocar o comp configurado em uma animação de somador e o próximo porto. 4. Primeiros passos no After Effects: Agora que nosso arquivo ilustrador está configurado e pronto para nós, vamos abrir após efeitos, trazer esse arquivo e começar a animar. Então vamos abrir depois dos efeitos. Tudo bem, novamente, Enquanto isso está carregado, Eu estou usando Adobe após efeitos 2017. Então, é a versão mais atual. Então, se você não tem isso bom e parar, pause isso por um segundo, vá baixar a atualização e depois volte para nós. Tudo bem, agora que temos o After Effects aberto, vamos em frente e trazer nosso arquivo ilustrador, e isso vai abrir uma nova composição para nós. Então vai fazer isso. Então você só vai clicar duas vezes aqui e eles vão para o nosso novo hit comp aberto e você vai dizer, tipo de importação e nós queremos trazê-lo para o meu vídeo seguro. Você não quer fazer isso. Isso vai trazê-lo como se fosse um grande J peg. Vamos para a composição, e você tem duas opções aqui para filmagens. Dimensões. Queremos ir com o tamanho do documento e acertar. OK, tudo bem. Ótimo. E se clicarmos duas vezes aqui onde diz Awesome Motion Graphic 1 e tiver o ícone do pequeno policial, clique duas vezes nesse boom. E então o que fizemos um ilustrador está agora dentro de efeitos secundários. E assim temos todas as nossas camadas aqui em baixo. É tudo como foi no Illustrator, e é realmente, quero dizer, é muito legal como eles fazem isso. Então a próxima coisa que vamos fazer é ter certeza que foram selecionados em nosso incrível gráfico de movimento . Ao olhar para o, uh, será um pequeno destaque azul em torno da camada que estamos, e então teremos uma linha branca abaixo que eles foram atrás composição, composição, configurações que vão Puxe isso para cima. Vamos pegar nossas dimensões e depois ter certeza que nossa taxa de quadros diz 24. E agora que sabemos que são 24 há algumas coisas para lembrar quando se trata enquadrar direito. Existem dois tipos realmente comuns de taxas de quadros. Há 24 e 30. Isso significa quadros por segundo, e então vamos usar seus 24 quadros por segundo. Agora, a razão pela qual vamos com isso, é para que nós estamos economizando seis quadros por segundo na parte de trás. E quando renderizamos, eu sei que pode não soar como um lote inteiro, mas você tem que pensar, você sabe, se tivéssemos 100 segundos de gravação que 600 quadros que não temos que renderizar agora existem alguns projetos quando você terá que renderizá-lo. 30 tiveram projetos que tive que renderizar em 48. 60. Mas as coisas mais comuns que você vai encontrar são 24 e 30. E assim eu sempre vou para 24. Além disso, como o olhar de 24 é um pouco mais como ir ao cinema e assistir a um filme. Então, sim, essas aeronaves escrevem. É apenas algo que anota e mantém dentro, como um diário para que você saiba o que é. Tudo bem, então agora estamos procurando tudo parece muito bom. Nós vamos para a duração, e eu tenho mentalidade para 15. Essa é uma duração muito boa para nós que nos daria tempo, animar o dedo do pé, sair inanimado. Certo, então estamos aqui. Ok, Incrível. Então, agora temos tudo pronto. É hora de começar a fazer algum movimento 5. Animando nosso emblema: Então o que nós vamos fazer como nós vamos para um segundo marcador real. Vamos para o marcador de dois segundos. Vamos destacar tudo, e você vai acertar a letra P. Isso vai trazer uma posição. Então, de novo, você vai acertar a posição do Pete. Agora, a próxima coisa que vamos fazer é segurar Shift em Hits S e isso traz escala. E agora podemos ver todas as nossas posições e escalas para cada camada. Tudo bem, agora que temos posição e escala abertas para cada tarde o que vamos dialogar enquanto vamos passar por isso, anime cada camada independentemente. Então vamos entrar. Sabemos que queremos Ah, vamos ver. Design de movimento. Vamos acertar este pequeno cronômetro aqui. Sabemos que a posição é o que queremos mudar neste caso. Eu iria para cinco segundos ou cinco quadros. Vou arrastá-lo para cima e para fora da tela. Então eu volto e vou fazer movimentos. Espero que tenha clicado duas vezes. Se você clicar duas vezes. Volte aqui e bata na composição. Eu sou uma posição de sucesso, e então eu vou fazer alguns de cada vez, então eu não quero fazer posição aqui sobre estes. As linhas na Adobe e eu queremos fazer escala nos círculos para que eu vou reverter para cinco quadros. Atalho rápido. Se você usar os botões de página para cima e para baixo, ele irá para frente e para trás quadros para que suas setas apenas mova a camada que o seu selecionado em, mas seu botão página para cima página para baixo irá realmente para a frente do quadro ou para trás um amigo. Isso é realmente uma grande economia de tempo. Tudo bem, então o que vamos fazer é ah, vamos começar com o traço é agora. Então eu tenho esses selecionados. Eu sou um arrasto sai da tela. Eu sei a linha de cima e de baixo. Eu quero que ele venha pela direita e eu quero movimentos para entrar pela esquerda, certo? E neste mar adobe, vamos ter que cair de baixo e, em seguida, os círculos, você sabe, eu sou um fã de adolescentes Linux pessoalmente, então nós vamos tipo de apenas fazer com que eles cresçam. Então nós viemos aqui para escalar, selecioná-lo, acertar zero outro nada. E agora isso é um truque legal para desprendê-la. Nossa área como podemos acertar isso e podemos bater em você. Vai esconder tudo e bater em você de novo. E agora você vê apenas os quadros-chave. Isso é uma coisa muito útil. Se você estiver trabalhando com muitas camadas e quiser apenas ver a animação disponível ou os quadros-chave que você colocou, então faça isso. Certo, agora que estamos de volta, vamos para a barra espacial e assistir a isso. Então, sim, lá vamos nós. Nós temos isso. Você está feito. Você fez isso agora, estou brincando. Eles seriam uma grande perda de tempo. Então este é apenas o primeiro passo. Este é o tipo de que encontramos a rocha que queremos eso. Agora o que vamos fazer é entrar e editar o gráfico, então esse tipo de coisa aparece realmente suave e suave. Isso é chamado de facilidade ou fácil, fácil. Você poderia facilitar a entrada e aliviar. Então vamos pular e olhar para isso muito rápido. Certo, então nós vamos selecionar tudo isso porque queremos que todos eles acalmem-se e eu vou apertar este pequeno botão aqui. Parece que é chamado de editor gráfico. Parece um pequeno gráfico de linhas. Eu acho que eu sou horrível com meus tipos de grama nomear gráfico. Então nós entramos e podemos ver todos os nossos lugares animados. Então eu vou clicar e arrastar e destacar tudo, e então você vai vir aqui selecionar editar gráfico de velocidade porque queremos editar como a velocidade entra. E este aqui chama-se Fácil, Fácil, Fácil, Fácil. Então selecione isso e veja como ele muda. Vou pegar esta alça aqui, e vou arrastá-la de volta. Isso vai fazer com que seja como vir super rápido e depois abrandar quando chega onde deveria estar. Vamos ver como isso parece. Oh, sim, isso é 10 vezes melhor. Muito legal. Então agora que temos um pouco assim aliviou o movimento de Eazy e de como queremos que seja agora o que vamos fazer é separar essas camadas para que não entrem todas ao mesmo tempo. Mas antes de fazermos isso, é meio difícil de ver. Então vamos adicionar em um plano de fundo. Então você vai para camada de novo sólido. Você tem seu conjunto sólido entrar. 1920 1980. Vamos deixar branco. Isso é bom. Arraste-o para o fundo. Quero dizer, se você ir para efeito e gerar e, em seguida, selecionar Grady int rampa, você também pode. Então vamos excluir a rampa de grade. Você também pode vir aqui para os efeitos e predefinições e digitando Grady, Tia Radiant Ramp e ele vai aparecer aqui e, em seguida, você apenas arrastá-lo para a camada que você queria estar em. E então nós vamos selecionar o rádio e eu vou arrastar este Ah, para o centro disso. Só porque é tão bonito, meus olhos farão isso. Arraste-o um pouco e, em seguida, vamos colocar em algumas cores. Sou um grande fã da Universidade de Kentucky, então vamos fazer um pouco de azul aqui. Simplesmente muito simples. Sim, é um visual legal também, também, com o preto e branco. Tudo bem, ótimo. Então agora o que vamos fazer é ... Bem, assistir essa animação de novo. Isto é muito simples. Muito legal. O que vamos fazer é quando eu começar a separar os elementos. E assim sabemos a primeira coisa que queremos estar em nossos círculos. E assim os círculos são muito bons. Podemos ir em frente e bem e acertar V, e isso vai trazer seu cursor. Então círculo para eu queria animar um pouco depois do Círculo um, na verdade, vice-versa. Desculpe, Círculo Um. Eu também quero entrar depois do círculo, também quero entrar depois do círculo, para ver como isso funciona. Então, o pequeno e depois o grande. E então nós sabemos que nós vamos querer, hum, movimentos para vir depois do círculo rolar na cidade. Mas ali e depois movimento. Eu fui para entrar depois que os movimentos já estão dentro. Os traços serão depois disso. E, depois, Adobe, quero ser a última coisa. E então a linha superior entra, e depois a linha inferior. E então agora vamos assistir isso com visto que tipo de droga fora um pouco. Sim, então está ficando muito mais perto. Algo para lembrar com esses desenhos é que você sabe, nós não queremos trazer tudo de uma vez, porque se trouxermos tudo de uma vez ele meio que não deixa nenhum drama. Não há mistério para o que está por vir. Portanto, queremos revelá-lo em ordem de importância. E então nós queríamos entrar e seus movimentos, vem em muito grande e então obrigado, adobe. É quase como se estivéssemos revelando partes do quebra-cabeça para que eles possam montá-lo enquanto assistem. Então agora temos uma boa animação aqui. 6. O poder do fluxo de trabalho: Muito legal. E então algo que podemos fazer Isso é realmente o que acontece quando você começa a alavancar o que estamos fazendo. Podemos vir aqui. Vamos salvar isso, e assim vai digitar em movimento impressionante. Ele salvou. Tudo bem, vai para a nossa área de trabalho. Agora. O que vou fazer é abrir-me. Eu não sou realmente como e como as cores olhar. E então eu queria ser todo branco em cima deste fundo azul, e eu realmente não sou, como em como nós preenchemos este círculo o grande círculo. Então o que vamos fazer é relançar o ilustrador. E, novamente, esse é o poder de usar dois programas da maneira que eles foram feitos para ser usado para realmente alavancar esse fluxo de trabalho. E então eu vou reabrir. Incrível movimento gráfico um. Tudo bem, alguém vindo aqui e eu basicamente vou selecionar este turno caipira Comando G, porque ele fez este círculo dentro em uma forma. E assim que vai un agrupá-lo, e você é assim que você vai selecioná-lo e eles apertam delete. E agora não há fundo aqui. Certo, então vamos selecionar. Sim, está tudo bem. para ir. Então o que vamos fazer é selecionar tudo. Agora, não há fundo branco. Nós temos tudo isso e nós vamos bater branco, ok? E agora parece que, Whoa, o que aconteceu? Mas você vai apertar o comando s, que é o atalho para Salvar. E agora isso é o que a sério eu sei que estou animado. Você provavelmente está, tipo, o que no mundo, o que há de errado com esse cara? Este é um recurso muito legal que a Adobe faz. Então, ele vai atualizar nosso arquivo salvo. E quando nos abrimos após os efeitos, ele deve tê-lo para onde ele está imitando o que nós simplesmente não ilustramos. Ok, então eu vou apertar o comando, Tad, que vai mudar nossos programas para o Illustrator Army depois dos efeitos após e Boom. Então o que é feito é atualizar sua pasta raiz. Com o design atual tão pouco, mesmo se adicionarmos camadas lá mudaria o tipo ou o que quer que ele vai atualizá-lo em After Effects. Agora, a coisa legal sobre isso é que toda a nossa animação mantém, então ainda temos todo o trabalho que fizemos. E assim , aparece um pouco mais. Estou mesmo a gostar disto. Então agora o que vamos fazer é entrar, vamos animar tudo. Então a maneira como algo entra é realmente legal. Mas então quando o peso deixa algo também é importante e então eu quero que tudo tipo de estourar. Eu queria ser um pouco mais rápido e como ele entrou, e o que ele vai fazer é criar um, hum, um loop para nós, basicamente. Então vamos em frente e fazer isso no final. 7. Animando nosso emblema: Então agora o que vamos fazer é adicionar a animação final ao nosso efeito ah apenas para torná-lo em um loop. Então, o nosso gráfico de movimento anima muito suave e depois anima isso realmente suave. Então, quando você vê isso vir através da linha do tempo, ele não gosta de chegar ao fim e, em seguida, como você empurra e tipo de 30 para o seu acesso quando ele reiniciar, ele vai ter este realmente suave dentro e realmente suave para fora. E então vamos em frente e adicionar os quadros-chave ao fim. Então os anima para fora. Tudo bem, aqui vamos nós. Então eu vou me arrastar. Eu queria animar. Eu quero tudo. Comece a movê-lo cerca de 12 segundos. Então eu vou voltar. Então vamos começar com nossos traços. Sabemos que queremos que tudo esteja aqui, então vou selecionar o quadro chave para tudo enquanto descermos. Estamos mantendo isso é muito simples. Estamos só a fazer algumas, está bem? E eu vou arrastar para a frente para cerca de 13,5 segundos, então eles nos dão Ah, segundo e 1/2 para tudo para animar. E então os traços são o que vamos animar. Primeiro quero que eles voltem para o lugar de onde vieram. Quero que a linha de fundo na linha superior vá para o lado oposto da tela onde vieram e quero que a Adobe vá para o fundo, tudo bem, e então teremos movimento. A camada de design de movimento irá para cima de onde veio e eles terão movimentos ir através da tela oposta de onde veio e, em seguida, círculo um e círculo para irá ambos voltar para baixo para zero em sua escala. E então, quando olhamos para isso, ele não tem essa flexibilização. Que engraçado como isso parece bom, como ele entra e suave. E o que acontece é que temos essa animação realmente agradável e cremosa que é realmente agradável. Olhe para isso. Mas, em seguida, quando nós pesamos animado para fora, nós não colocar no fácil mais fácil e parece que 1/3 nivelador fez isso. Então vamos voltar e corrigir isso com o editor de gráficos. Então vamos selecionar todos os nossos quadros-chave. Goto, nosso editor de gráficos ainda estão selecionados. E no fundo, vamos para o Apt Select do Eazy que o arrasta de novo porque queremos que seja aquele golpe dramático e depois vamos assistir. E agora, assim, parece um pouco mais profissional. E agora o que vamos fazer é ir para o fim como fizemos no início e selecionar o quê? O que sai primeiro no que sai por último. Então vamos ter o nosso traço é ser a primeira coisa que sair e então nós vamos ter nossas linhas seguir a sua Vamos fazer a linha de fundo ir primeiro. Estou selecionando o quadro-chave em vez de selecionar a camada a ser movida. Vai fazer isso e depois obrigado, Adobe. Vamos ter que sair bem rápido, também. E eu posso selecionar apenas um quadro chave e fazer com que ele se mova um pouco mais lento do que o resto, e eles terão movimento. Eu gosto que onde ele está, se move para o fim. Vamos realmente mover o movimento um pouco, também, e então ambos os círculos que queremos estar no tipo, a última coisa a sair e então eu vou ter o círculo um, ir e então círculo, também. E então eu vou arrastar círculo para ser realmente um pouco curto de uma animação e círculo um para ser mais curto também. Espero que o clique-duplo seja cancelado. E agora vamos ver como isso parece. O traço são as linhas. Sim, então agora você pode ver como ele volta. Então, agora temos esta casa de design com ótima aparência, e parece incrível. Então é suave para dentro e depois é suave, e isso é, tipo, a coisa mais importante. E que bom saque. E assim você pode ver como ele faz loops porque parece o mesmo. É o início dos quadros que faz no final. E assim ele tem esse loop contínuo. Então você pode jogar isso no início de ah, conferência ou em um site é um presente para o que você quer fazer. E assim vai ser ele vai continuamente Lou, que é realmente legal. Sim, é incrível. A única coisa de que não gosto, vamos parar com isso. Isso é um pouco de animação de forno longo para mim? E então o que vamos fazer é quebrar o dedo onde eu vou destacar todos esses quadros chave, arrastá-los para trás alguns segundos e, em seguida, encurtar nossa composição. 8. Ajustando o comp e adicionando o desfoque de movimento: então eu seleciono todos os meus quadros-chave, e então vamos começar tudo. Cerca de sete segundos. Vai ser mais rápido. Sim, será perfeito. Então vamos para o primeiro quadro chave. Vamos, na verdade, para o último quadro chave. Está tudo fora por 10 segundos. Tudo bem. Incrível. E agora o que eu vou fazer é que há algumas maneiras que podemos cortar este comprimento comp para baixo. Eu vou bater em dentro, e isso vai cortá-lo. E, em seguida, clique com o botão direito e pressione, corte, comped, uma área de trabalho. E então você pode fazer isso dessa maneira, outra maneira de fazer isso. Estou batendo. Ah, mais e menos para ver. Isso seria vir até aqui e ir para as configurações de composição e, em seguida, digitar em 10 segundos. E isso seria a mesma coisa apenas mais rápido para fazê-lo fazendo o atalho de usar em. Tudo bem, eu só abrandei o porta-chaves do último quadro para que pudéssemos garantir que funcionasse. Muito bem, vamos ver isto como um todo. Quero dizer, eu realmente estou cavando isso, isso é isso é suave. Então vamos fazer mais uma coisa. Vamos acrescentar o que chamam de “Borrão de Movimento”. Então, quando mexo minha mão, veja como você não vê cada quadro ou cada parte dela, porque há um borrão de movimento de assassinato nele. E agora vemos cada pedacinho de movimento. Então, quando adicionarmos o desfoque de movimento, vai ser um pouco mais intensivo no nosso computador. Mas vai dar-nos um olhar muito fixe. Vamos ver o que parece que vai parar. que eu quero fazer é descer aqui, ir para alternar modos de comutação, e então você vai apenas selecionar um círculo um e eles vão para traços e apertar, mudar e selecionar isso e, em seguida, ver isso aqui, onde há três círculos que sobem uns dos outros. Esse é o nosso borrão de movimento. E agora só porque selecionamos aqui não significa que vamos vê-lo. Então temos que subir aqui, habilita o desfoque de movimento para todas as camadas com o desfoque de movimento definido. Certo, agora que está azul, sabemos que está habilitado. Então vamos ver como é. Então veja como ele está retardando nosso computador já porque ele tem que colocar em todos aqueles desfoques . Mas uma vez que isso se torne, você realmente vai notar uma grande diferença porque vai parecer. Não quero dizer realista, mas vai dar um pouco mais de mas vai dar um pouco mais de realismo à nossa paz. Ok, aqui está. Por isso, acrescenta apenas a menor quantidade de borrão à medida que se movem a uma certa velocidade. Cara, isso é ótimo. Vocês fizeram um ótimo trabalho. Esta é uma grande animação, algo que você poderia usar. Quero dizer, em qualquer lugar. E o legal é, se você precisasse mudar as palavras ou se quisesse fazer disso um modelo para seus clientes, você poderia fazer isso no seu arquivo ilustrador. Então você só vai para a camada que você quer mudar, e você pode fazer isso. E há um trabalho mínimo que você tem que fazer no lado dos efeitos secundários. Desde que as coisas sejam do mesmo tamanho 9. Render e compartilhar: Tudo bem, agora que temos nossa animação exatamente como queríamos aparecer e temos o loop configurado, ajustamos o tamanho da composição. Adicionamos um desfoque de movimento. Fizemos todas essas coisas muito legais. Agora é hora de exportar isso. Então vamos nos certificar de que foram selecionados na composição que queremos, que só temos uma composição que vamos acertar. Incrível movimento gráfico um. Sim. Certifique-se de que está selecionado e você vai para o arquivo indo para a exportação, e então eu vou usar codificador de mídia. Então, adicione ao codificador de mídia da Adobe, e isso vai lançar o codificador. Acostumado a isso. Você tinha que usar apenas a mídia Q. E então você tem esses arquivos enormes que você adicionaria em reboque, codificador, codificador, premier ou qualquer outra coisa, para que você pudesse torná-lo um tamanho de arquivo menor. E assim isso faz com que seja apenas como um passo a menos. Vamos torná-lo um ponto mp quatro, usar um h 40.264 rapper para ele, e será realmente universal e fácil de usar para que possamos deslizar isso para fora e vamos ver aqui que é h 0.264 Nós temos nossa fonte de correspondência ainda. É isso. E então vamos selecionar nosso destino onde tinha desktop, e vamos chamá-lo exatamente o que temos vindo a chamar de tudo o resto. E então você vai selecionar aqui, e você tem todos esses tipos diferentes de Codex que você pode usar com um que queremos usar seu h 10.264 É um bom equilíbrio entre o tamanho do arquivo e a qualidade do vídeo h 0.264 e então você tem todos os tipos e tipos de predefinições que você pode usar. Eu iria apenas com fonte de correspondência, alta taxa de bits, a menos que haja uma razão específica. Então, se eu estiver indo para o Vimeo ou YouTube, eu poderia usar suas predefinições. Mas apenas a fonte de correspondência é uma boa para mantê-lo tipo de alta resolução. Torna mais fácil usá-lo dentro da estréia ou o que quer que você vai fazer com ele. E então nós vamos apenas escolher nosso caminho de arquivo, e ele já está definido para estar na área de trabalho. Tudo bem, bem, vamos economizar. E então apertamos o botão “play”. Então agora é que ele começa a carregar tudo de depois dos efeitos do que ele vai ser renderizado. Você vai vê-lo começar a ir. E é muito rápido, na verdade, porque nós não estamos fazendo nada de intenso não estamos explodindo um carro, você sabe, colocando buracos de bala em alguém e nada disso. Só estamos fazendo uma tipografia cinética. Tipografia. Tudo bem, então agora que acabou de renderizar está em nossa área de trabalho, vamos ver se conseguimos encontrá-lo. Então, agora vou fechar. Codificador de mídia. Eu vou salvar nossos efeitos secundários por arquivo apertando o comando s e depois sair do comando que oh, e então nós temos nossas coisas ilustrador para cima. Estamos à frente do comando que. Vou puxar o localizador. Então vamos para a área de trabalho, e então eu poderia ver meus arquivos bem aqui em dobro. Clique nele que vai puxá-lo para cima e um tempo rápido. E vamos assistir a nossa animação. Então, se você for muito rápido e ir para ver na parte inferior, você pode ir loop. Então acerte a barra de espaço que ele vem. Tem aquele borrão de movimento agradável e, em seguida, anima para fora. Agora vamos ver se os loops estavam bem, oh, cara. Então isso é ótimo. O que temos aqui é uma animação em loop que você pode usar. Quero dizer, literalmente, para qualquer coisa. Você poderia usá-lo na página inicial. Você poderia usá-lo na sua linha do tempo para as redes sociais. Você poderia usar um em um em uma apresentação se você quiser algo no dedo do pé de fundo. Continue indo. Mantenha o interesse enquanto está falando. Quero dizer, há um monte de usos para isso. E agora você tem uma animação muito limpa e simples que você pode usar em diferentes pontos. Espero que tenham gostado menos disso. E certifique-se de que seu upload para o projeto da classe é para que eu possa interagir com vocês , que eu possa ver o que estão fazendo para que possam interagir um com o outro. Eu amo habilidades compartilhando a comunidade que eles criaram. E mal posso esperar para promover essa criatividade com vocês. Mal posso esperar para fazer mais aulas. Espero que gostem disto. Mal posso esperar para ver o que você faz