Animação para design gráfico: crie um vídeo curto de educação | Carolyn Owsiany | Skillshare
Pesquisar

Velocidade de reprodução


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

Animação para design gráfico: crie um vídeo curto de educação

teacher avatar Carolyn Owsiany, Senior UI/UX Designer

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

    • 1.

      Introdução

      2:33

    • 2.

      Projeto

      1:33

    • 3.

      Tendências e exemplos

      2:27

    • 4.

      Conceitos de animação

      2:02

    • 5.

      Roteiro

      3:24

    • 6.

      Storyboard

      9:53

    • 7.

      Crie seus recursos no Illustrator

      4:55

    • 8.

      Crie seu arquivo

      2:17

    • 9.

      Adicione camadas de texto

      7:35

    • 10.

      Importe seus recursos

      5:11

    • 11.

      Como adicionar animação

      4:00

    • 12.

      Anime: parte 1

      4:48

    • 13.

      Anime: parte 2

      9:40

    • 14.

      Revisão e Salvar em seu comentário

      3:32

    • 15.

      Bônus: adicione som

      2:49

    • 16.

      Outros aplicativos

      2:12

    • 17.

      CONCLUSÃO

      1:38

  • --
  • 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.

1.441

Estudantes

4

Projetos

Sobre este curso

Você está interessado em melhorar suas habilidades de design gráfico para adicionar o toque de *magia* ao seu trabalho?

O mundo do design gráfico está movendo rapidamente em uma direção mais animada. Sentenças entrando em e fora, ícones reunindo na tela criar imagens envolventes que não sejam apenas entretidos. Adicionando movimento aos seus designs traz novos significado para sua mensagem! E o aprendizado de uma animação só por um pouco só sobre a animação permite que você fique com as tendências de marketing e redes sociais.

a image?url=https%3A%2F%2Fvideoapi-muybridge.vimeocdn.com%2Fanimated-thumbnails%2Fimage%2F7c9560a1-2481-474c-a711-4f684f991c1d.gif%3FClientID%3Dvimeo-core-prod%26Date%3D1647005734%26Signature%3Dead2035270574a65e378fca7559eeddb8c670d3c&key=78447cae488b47aeaf6c271321bbd4a6 de imagem% 2Fanimated-thde image?url=https%3A%2F%2Fvideoapi-muybridge.vimeocdn.com%2Fanimated-thumbnails%2Fimage%2F7c9560a1-2481-474c-a711-4f684f991c1d.gif%3FClientID%3Dvimeo-core-prod%26Date%3D1647005734%26Signature%3Dead2035270574a65e378fca7559eeddb8c670d3c&key=78447cae488b47aeaf6c271321bbd4a6 2F_%2F7c950a1-2481-2481-474c-a76766, 2481-481-474f684f691.gif63F_84666%% 3D66%266%266%% 3D646Signature%266%% 3F76%% 366%% 26686-474-474-4744, a a 47446626a 2a 262626a 2a 2626a em 262626a 2a 2de 6em %26em 6de 6a 2a 2a 2a a 2a 2a de a a 2a em a a em a a 2a em a a 2a a 2a com a a de a 2a 2a a 6a 6a 6a 2a 6a 6a 6a 26a 6a 6a 26a 6a 2*a %26??a %26a 6a %26?em %26??o %26a %26???a %26a 6a 6a %26%26??%26??a %26%26%26?%26?%2F?%26de %26?%26%26?%26%26?%26%26%26a 26?%26%26%26a %26%2%26?%26?%2%26%2%26?%2%26?%2%2%26?%2%2%26?%2%26?%2%2%26?%2%26?%26%26?6%26%26?%26?%26?%26%26?%26%26

Ao longo por este curso, você aprenderá como:

  • Desenhe e storyboard suas ideias
  • Crie e organize recursos de design personalizado no Adobe Illustrator
  • Crie e componha seus visuais no Adobe After Effects
  • Salve seu vídeo final para compartilhar com sua rede!

Vamos criar um vídeo animado animado super curto de 15 segundos para sujar suas mãos em animação para design gráfico.

image?url=https%%3A%2F%2F_2Fmedia.gif%3666a-61c3246%% 2F2Fde 626de 26Fmail%3D2F2705390%%%2F26Signature%2F26Signature%26Signature%3D26Signature%3D26%3D26926%%%3D266%%%3D27899%%%262%262%%%3D2902929a 2a em 26929de 2a 2em 2622em 262622em 262%%%26262%

Este curso é para criativos com um fundo de design que querem adicionar uma habilidade quase essencial de design, animação, à kit de ferramentas de design. Não é necessário conhecimento prévio de animação e você precisará de acesso à Adobe After Effects e Illustrator.

Para ajudar você a começar a criar animações introdutórias e aulas de Adobe After Effects para criar o aplicativo, uma planilha guiada para criar sua mentalidade de animação e dicas e processos que você precisará criar seu conhecimento de gráficos de movimento

Quando terminar, você terá novas habilidades em storyboard, elementos de design de animações e composição em uma linha de tempo que elevará suas habilidades de design gráfico tradicionais.

Este curso é uma introdução aos gráficos de movimento partir da perspectiva de um designer gráfico. Se você quiser continuar a criar suas habilidades de animação, recomendo participar desses cursos a seguir:

Vamos se divertir design e começar!

Conheça seu professor

Teacher Profile Image

Carolyn Owsiany

Senior UI/UX Designer

Professor

I'm Carolyn Owsiany, a curious designer who loves exploring the world through design and sharing lessons I've learned with the creative community.

Learning is one of my favorite activities. I went to the Stamps School of Art & Design at the University of Michigan where I earned my BFA in Art & Design. I've learned a lot as a senior graphic and UX/UI designer and continue growing by completing certificate programs and volunteering in the design community.

Along the way, I have picked up skills in hand lettering, photography, animation, and videography over the years with the help of platforms like Skillshare.

Check out my portfolio at www.carolynowsiany.com to see what I've worked on. I look forward to getting to know you :)

Carolyn

Visualizar o perfil completo

Level: Intermediate

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas 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. Introdução: [MÚSICA] Você é um designer gráfico que quer experimentar animação, quer aumentar o nível suas habilidades de design para adicionar um toque de magia ao seu trabalho? Adicionar movimento aos seus designs traz nova emoção e significado ao seu trabalho, mantendo as últimas tendências de marketing e mídia social. Sou Carolyn, uma designer gráfica que está sempre procurando aprender novas habilidades, técnicas e softwares para ajudar a aprimorar as habilidades de design que venho praticando há anos. No início da pandemia decidi me ensinar animação finalmente. Embora realmente me tirasse da minha zona de conforto, foi intimidante e assustador aprender completamente uma nova mentalidade. Foi realmente gratificante e trouxe muito valor às minhas habilidades de design e me deu uma nova habilidade que posso usar em meus projetos todos os dias. É por isso que estou quebrando e compartilhando as dicas que aprendi e achei mais úteis na minha jornada de animação com você nesta aula. Você aprenderá a escrever um script simples e storyboard suas ideias. Use um processo de design simplificado. Os visuais personalizados de anime aplicam essas novas habilidades e outros projetos criativos. Para sujar suas mãos em animação hoje, vamos fazer um projeto de classe super curto e fácil que será apenas um vídeo educacional de 15 segundos para ajudá-lo a facilitar e se sentir confiante em seu novo habilidades de animação. Esta classe é para criativos com um plano de fundo de design que desejam adicionar uma habilidade quase essencial, animação ao seu kit de ferramentas de design. Nenhum conhecimento prévio de animação é necessário, mas você precisará acessar o Adobe After Effects e Illustrator para começar a usar nosso projeto. animação pode parecer muito complicada e intimidante, mas é por isso que estou aqui para fornecer as ferramentas necessárias para ajudá-lo a se sentir confiante com sua nova habilidade. Fornecerei uma introdução à lição do After Effects para recebê-lo no aplicativo, uma planilha guiada para apresentá-lo à mentalidade de animação e dicas e processos que você precisará construir seu conhecimento de animações. Quando terminar a aula, você aprenderá tantas novas habilidades essenciais de contação de histórias e animação que só aumentarão suas habilidades tradicionais de design gráfico que você já possui. Vamos nos divertir e nos mover. [MÚSICA] 2. Projeto: Seu projeto de turma hoje será criar um vídeo educativo animado super simples e curto de 15 segundos para ensinar a seus colegas de classe algo em que você é um especialista ou algo pelo qual você é apaixonado e quer trazer conscientização para. Vamos passar pelas seguintes etapas digeríveis. Primeiro, veja alguns vídeos de exemplo para ter uma noção de qual direção você quer pegar seu próprio vídeo. Em seguida, você fará alguns esboços e anotações em sua planilha guiada que fornecerei para apresentá-lo à mentalidade da animação. Em seguida, você animará através de um processo passo a passo simplificado para facilitar você em suas novas habilidades. Então vamos nos divertir, é claro, jogando com suas novas habilidades e criaremos seu vídeo de 15 segundos que você pode compartilhar com sua rede. Quando terminar, você enviará projeto de vídeo e todas as suas anotações que o levaram até a seção da galeria do projeto. Tudo o que você precisa para começar neste projeto é a planilha guiada que forneci ou um pedaço de papel e lápis em branco e, em seguida, acessar o Adobe After Effects e ao Adobe Illustrator. Como mencionei, forneci uma planilha guiada aqui na seção projeto e recursos. Use isso para escrever seu script curto storyboard suas ideias e fazer anotações iniciar seu projeto de vídeo. Mal posso esperar para ver como você explora animação e aprende com você em seu vídeo educacional. Vamos começar. 3. Tendências e exemplos: [MÚSICA] Antes mesmo de entrarmos no seu projeto, quero compartilhar com vocês alguns exemplos de vídeos do que quero dizer, como você incorpora animação em vídeos, como você anima seu trabalho de design e maneiras diferentes de contar uma história por meio de sua animação. Neste primeiro exemplo, animação mostra como um produto funciona mostrando como esse brinquedo de cachorro funciona para o cão e, em seguida, animando em alguns pontos de bala que explicaram os benefícios do produto. Este exemplo no site do Pentagram mostra como um usuário pode rolar para baixo em um site e como o design deve aparecer à medida que ele está rolando. Foi assim que os designers pretendiam que o site fosse visualizado. Este próximo exemplo mostra como animação pode trazer consciência de uma causa. Este pequeno vídeo no Instagram mostra apenas texto e vídeo, super simples, mas as palavras são animadas, e é um pouco mais dinâmico do que apenas ler legendas chatas. Ele traz mais ação e significado para o conteúdo de vídeo que está sendo exibido. Em seguida, é a animação para visualizar dados e estatísticas. Os dados podem ser muito complicados, e isso é apenas uma olhada em como os designers projetaram os dados. Ele se move muito rápido, mas a ideia é mostrar os dados de uma forma muito dinâmica em movimento. Então este último exemplo é a animação para educar seus espectadores explicando um conceito ou um tópico. Este é, na verdade, um vídeo TED-Ed que explica o que é o transtorno bipolar. Ele faz um ótimo trabalho visualizando os conceitos que estão sendo falados neste formato narrativo de voz sobre. Você consegue pensar em algum exemplo de vídeo que realmente chamou sua atenção? Por que eles se destacam para você? Talvez como você pode imitar a animação, o movimento e os efeitos que eles criaram em seus próprios vídeos? [MÚSICA] 4. Conceitos de animação: [MÚSICA] Quando você está animando, você tem que pensar em design, movimento e tempo, e como todos eles se reúnem para contar uma história. Vejamos um exemplo de um arquivo de efeitos posteriores e ver como esses diferentes elementos, tempo, movimento e design se unirão nesse arquivo apenas para que possamos nos acostumar com efeitos posteriores antes de nós realmente entrar nisso mais tarde. Neste painel de pré-visualização, onde vemos que somos o mecanismo de descoberta de medicamentos para ALS, é aí que você realmente vai se concentrar em seu design e ver todas as suas peças em sua composição se juntarem. Em seguida, você se concentrará no painel de camadas para descobrir o movimento. Por último, você trabalhará no painel da linha do tempo para descobrir o tempo do design e do movimento. Aqui estão os movimentos básicos mais simples com os quais você pode criar e trabalhar em efeitos posteriores. Posição, você pode criar um efeito de salto, você pode mover seus objetos ao redor da composição. Você também tem escala. Você pode fazer algo maior, você pode fazer algo menor, você pode criar esse efeito de zoom in, zoom out. Então você tem rotação, que é onde você pode girar as coisas e fazer com que as coisas pareçam rolando. Por último, você tem opacidade, o que não é realmente um movimento, mas basicamente está criando esse efeito fade-in, fade-out para você. Você pode combinar opacidade, escala, rotação e posição para criar efeitos ainda mais dinâmicos com sua animação. Pense em como você pode usar a animação para contar uma história próxima de você. Comece a pensar sobre o tópico que você deseja abordar em seu projeto de vídeo curto. [MÚSICA] 5. Roteiro: [MÚSICA] Agora vamos começar no primeiro passo de fazer seu vídeo animado, e isso será escrever um roteiro. O que faz um bom vídeo educacional? histórias. Precisamos reunir nossa história antes mesmo de podermos pensar em design. Aqui está um exemplo de formato que eu faço meus scripts de acordo com. Um gancho, depois um explicador e, por último, um call to action. Seu gancho é uma declaração que chama atenção. Seu explicador são as informações de suporte para seu gancho, e seu call to action deve dizer às pessoas exatamente o que fazer a seguir. Para o meu tópico hoje, vou me concentrar na ELA. É uma doença fatal da qual muitas pessoas não estão cientes, então eu realmente quero explicar o que é e fazer com que as pessoas aprendam mais sobre isso. Para o meu gancho, vou escolher uma estatística muito interessante e chocante. Você sabia que uma em cada quatro pessoas desenvolverá ELA? Talvez alguém não saiba o que é ELA. Vou acompanhar isso com meu explicador ou minhas informações de apoio. Isso é ótimo, explica de forma muito concisa o que é ELA. Agora vou levar as pessoas a tomar uma ação aqui. Vou dizer a eles exatamente como aprender mais e onde ir para saber mais sobre ELA. Eu simplesmente vou dizer, aprender mais em www.als.net , e é isso. Este será o roteiro perfeito para o meu vídeo de 15 segundos. É super curto, direto ao ponto, e realmente tem um bom gancho, eu acho, tem uma boa informação de suporte e, em seguida, diz às pessoas exatamente onde ir ao lado para descobrir mais informações. Você quer manter sua história e seu roteiro muito curtos e doces. Este é apenas um vídeo de 15 segundos, então você não quer escrever um romance inteiro aqui. Este é quase um vídeo de introdução do teaser sobre o tópico que você escolherá. Agora é a sua vez. Saia da planilha e tente fazer um brainstorm sobre seu tópico e o que você quer dizer sobre esse tópico em um formato de script. Pense no que você é um especialista, que você é apaixonado. Aqui estão alguns exemplos de como você pode escrever um script e alguns tópicos. Por exemplo, se você realmente gosta de maquiagem. Encontre o tom perfeito de blush, combine a cor com os lábios e deslize sobre as maçãs das bochechas. Em seguida, veja mais tutoriais no meu canal do YouTube, Makeup Master. Se você talvez tenha uma loja Etsy onde você vende bolos personalizados em forma de cachorro, queira incluir seu cão uma maneira especial no dia do seu casamento, peça uma figura personalizada do seu cão para usar como topper de bolo, e depois visite minha loja Etsy hoje. Escolha seu tópico e comece a escrever seu script curto na fórmula de gancho, explicador e call to action, antes de começarmos no seu storyboard na próxima lição. [MÚSICA] 6. Storyboard: [MÚSICA] Agora que você tem seu roteiro, vamos nos resumir ao que você provavelmente está mais animado. Esses são os visuais e as imagens de suporte que realmente elevarão seu roteiro e ajudarão a contar sua história em apenas 15 segundos. Aqui está um exemplo de um quadro de storyboard que eu usei para fazer um vídeo animado com antes. Vou mostrar a vocês a progressão de como o desenho e a ideia começaram até o modo como eu o animei. Este quadro de storyboard mostra apenas algum texto que está quase atuando como um subtítulo na parte inferior. Eu não escrevi toda a linha de texto aqui, mas notei qual linha do script eu queria dizer aqui. Então eu suportei essa linha do script com imagens acima dela. Eu usei cores aqui para observar como eu queria que os elementos se movessem para o quadro, saíssem do quadro e depois se movessem para dentro do quadro. Então eu escrevi uma pequena nota abaixo do quadro. Você pode ver o botão de inscrição movido da esquerda, direita para o meio, como eu o desenhei no storyboard. Depois que o mouse se moveu para posição sobre o botão de inscrição, eu queria que ele criasse um efeito de clique. Então, quando tudo isso foi feito, o botão de inscrição e o mouse se moveram para a direita para fora do quadro. Desenhar e esboçar suas ideias primeiro pode realmente ajudá-lo a traduzir seus pensamentos e ideias quando você entra nos estágios de animação. Quero que você comece com sua planilha ou seu pedaço de papel em branco e desenhe suas composições e como deseja que seus quadros diferentes em seus vídeos fiquem. Vamos começar usando apenas três desses retângulos. Você pode rotulá-los de 1, 2, 3 se isso for útil para você. Então seu primeiro quadro será sua sentença de gancho, seu segundo quadro será sua frase explicativa e, em seguida, seu terceiro será sua sentença de call to action. Basicamente, o que eu quero que você faça é simplesmente pegar o que você escreveu em seu roteiro e usá-lo aqui. Vou manter meu roteiro muito por perto e referir a isso enquanto estou começando a esboçar como quero que meu vídeo fique. Quero que você escreva seu roteiro muito grande em sua composição. Certifique-se de que seu texto esteja dominando sua composição e está realmente no topo da hierarquia de design aqui. Em seguida, você pode entrar e adicionar recursos visuais de suporte. Tenho minha estatística aqui, minha em cada 400 pessoas e acho que quero visualizar isso. Assim, as pessoas podem lê-lo e depois ver o visual e reforçar aquele em número 400 que estão lendo. Vou desenhar uma pessoa que está no centro da minha composição aqui. Então eu acho que vou apenas copiar esse cara, quando eu entrar no computador, será muito fácil. Basicamente, basta adicionar 400 cópias dele. Então vou passar para o meu segundo quadro e fazer a mesma coisa. Meu texto vai direto no centro. Vai ser grande. muita composição novamente, assim como fiz no primeiro quadro. Mas então eu vou mudar o visual para novamente, retratar essa linha do script. É um pouco difícil ilustrar o músculo neurodegenerativo progressivo, tudo isso. Vou tentar mantê-lo bem conciso como meu roteiro. Vou ter um cara de boneco de novo e depois vou fazer um cara semelhante, mas em uma cadeira de rodas. Esperamos que isso consiga a paralisia, fraqueza muscular neste visual. Então eu acho que quero tentar descrever a linha progressiva aqui, talvez adicionando gradiente e talvez comece escuro no fundo e, em seguida, fica mais leve e mais leve ao longo do tempo. Talvez eu anime isso para fazê-lo se mover. É realmente claro que algo está se movendo nessa direção. Tenho meu chamado à ação aqui. Acho que vou mantê-lo super simples e talvez nem adicionar nenhum visual aqui para ajudar com isso. Eu incluí outros quadros aqui. Você pode fazer, por exemplo, um logotipo rápido ou algo no final que vem depois da sua chamada à ação que pode ser desvanecida muito rápido. Ele realmente não conta como parte do seu script. É apenas um visual super curto. Assim como em qualquer outro projeto de design você quer pensar em composição. No seu storyboard, certifique-se de que cada pequeno retângulo que você está desenhando é sua própria composição. Você quer que essas composições se reúnam no final para contar uma história. Isso é o que eu acho que é um pouco especial e mais desafiador sobre vídeo e animação, é que você tem que fazer várias imagens para construir para contar uma história coesa. É nisso que eu quero que você se concentre enquanto estiver no storyboard. Agora que temos nossas composições de storyboard dispostas e estamos felizes com elas, vamos realmente fazer anotações sobre como achamos que queremos essas coisas sejam animadas dentro dos quadros. Gosto de fazer isso agarrando três lápis ou marcadores de cor ou algo para observar movimentos diferentes. Vou fazer uma pequena chave para mim aqui. Vou fazer com que o azul esteja entrando na moldura. Porque temos que fazer a transição de todos estes de um quadro para o outro. Você tem que pensar em como as coisas vão entrar e sair de seus quadros. Vou dizer fora de moldura. Mais uma vez, basta fazer suas anotações rápidas nas margens aqui. Então o amarelo que eu gostaria de usar para dentro do quadro. Porque isso realmente não atrapalha suas imagens dentro do quadro porque o amarelo é uma cor tão clara. Basicamente, acho que quero que a posição comece não completamente fora da página, mas apenas um pouco à esquerda. Então eu quero que meu texto desapareça. Quero combinar os dois movimentos da posição e a opacidade pode desaparecer e se mover um pouco. Vou escrever uma pequena nota abaixo nas minhas margens aqui. Vou dizer que se mova e desapareça. Agora vou pensar em como quero que as coisas se movam para dentro do meu quadro. Basicamente, quero enfatizar este, um em cada 400 cara. Eu só quero que ele basicamente cresça ou aumente a escala de todos esses garotinhos ao seu redor. Vou dizer escalar. Então, como eles se movem para fora do quadro. Acho que só quero que tudo isso caia. Esse quadro inteiro vai parecer que está apenas caindo. Então, agora que estabeleci meus movimentos consistentes que eu quero com o meu desvanecimento e me mudar, vou usar esse movimento e repetir esse movimento consistentemente em todos os meus quadros. Isso vai ser bom unir essa história e apenas focar seu texto e sua mensagem, e não em uma animação dinâmica louca, movimento descolado. É realmente tudo sobre sua mensagem e sua história, não um efeito estranho e louco que você está tentando fazer. Tenho meu roteiro, tenho meu storyboard e todas as minhas anotações sobre como quero que os elementos do meu storyboard se movam ao longo minha animação quando chegar ao meu computador. Se você está trabalhando em um projeto de animação com uma equipe, é realmente útil e importante para o storyboard, porque é assim que você compartilha e comunica suas ideias antes mesmo de começar a computador. Termine seu storyboard, escreva todas as notas que você precisa lembrar antes de entrar no computador. Passaremos para a próxima lição e começaremos a projetar seu vídeo. [MÚSICA] 7. Crie seus recursos no Illustrator: [MÚSICA] Agora que você tem seu storyboard, vamos começar a projetar. Antes mesmo de entrarmos no After Effects, o próximo passo que achei realmente útil nesse processo é criar todos os seus ativos no Adobe Illustrator. Isso vai ser importante porque no After Effects é muito difícil desenhar coisas para realmente construir ilustrações complicadas. Você precisa preparar tudo isso e todos esses arquivos antes do tempo. Se você não quiser desenhar gráficos vetoriais ou ilustrações no Illustrator, sinta-se à vontade para pular esta lição e coletar outras fotos ou vídeos que você pode usar como imagens em seu vídeo. Vamos criar nosso novo arquivo do Illustrator no formato de filme e vídeo. That tem 1.920 pixels de largura por 1.080 pixels de altura. Vamos criar um novo nome para o nosso arquivo e, em seguida, todo o resto das predefinições deve ser bom. Abra isso e crie seu novo arquivo. Se você está realmente se preparando para fazer uma enorme animação em vídeo, pode ser útil fazer uma lista de verificação de todos os pequenos ícones, todos os recursos visuais que você precisará preparar antes de começar a animar. Eu precisaria criar meu carinha e o primeiro quadro e depois versões menores disso. Eu precisaria criar a figura completa e, seguida, a figura da cadeira de rodas também. Então, como eu queria que esse gradiente se movesse em segundo plano, acho que vou criar isso no Illustrator. Adicionaremos nossas camadas de texto na próxima lição e no After Effects. Dessa forma, será mais fácil editar se precisarmos fazer alguma alteração. Você tem sua lista anotada ou na cabeça de todos os componentes que você precisará fazer. Você simplesmente entra no Illustrator e começa a projetar todos esses elementos. Uma coisa que você terá que pensar é como você quer que as peças se movam separadamente umas das outras. Por exemplo, se eu tiver uma ilustração de jar e no meu vídeo eu quero que meu frasco se separe da tampa ou quero parecer que estou removendo o lead. Preciso fazer o frasco e a tampa duas peças separadas para que possam se separar quando estou animando-as. Agora tenho todos os meus elementos que já escrevi no meu storyboard. Agora vou organizá-los. Eles estão todos em camadas separadas que eu possa acessá-los facilmente como componentes individuais no After Effects. Esse processo é tudo sobre as camadas. Vou apenas copiá-los e colá-los em suas próprias camadas. [MÚSICA] Então, todos eles devem ser sua própria camada de nível superior. Não há nada escondido embaixo deles. Estou me sentindo confiante em levar isso para o After Effects na próxima lição. Se você quiser criar algo que seja um pouco mais desenhado à mão ou sensação natural, você sempre pode desenhar no iPad e no Adobe Fresco e, em seguida, levar suas ilustrações do iPad para o Illustrator e organizá-los da mesma forma que estamos falando de organizá-los em cada camada. Quando terminar de projetar seus ativos no Illustrator, você garantirá que tudo esteja organizado e verifique três vezes antes de trazê-lo para o After Effects. Para fazer isso, você quer garantir que cada peça individual de suas ilustrações esteja em camadas diferentes. Então você quer ter certeza de que não há camadas ocultas dentro dessas camadas. Todos eles precisam ser uma camada de nível superior e todas as camadas precisam ser nomeadas apropriadamente. Expanda suas formas e linhas para que elas não sejam alteradas na linha. Em seguida, use a ferramenta pathfinder para criar uma forma por camada para consolidar todos os seus gráficos. Assim que terminarmos de criar essas camadas, organizar essas camadas e nomeá-las adequadamente. Vamos nos certificar de que todas as camadas estão ligadas e visíveis. As camadas precisam estar visíveis para que o After Effects as reconheça assim que importarmos esse arquivo em um minuto. Certifique-se de ter todos os seus elementos de design em seu arquivo do Illustrator e pronto para a próxima lição em que entraremos no After Effects. 8. Crie seu arquivo: [MÚSICA] Na maioria das vezes, eu construí tudo completamente para meus vídeos animados desde o início. Estou construindo cada último plano de fundo, um pequeno pedaço de ícone que anima, e estou digitando sobre um pedaço de texto. É muito e pode ser um processo esmagador. Vamos dividi-lo em etapas fáceis para que você possa ter certeza de entrar em seu projeto. O primeiro passo em nosso processo de animação será configurar seu arquivo do After Effects. Primeiro, vamos abrir o After Effects e iniciar um novo arquivo ou composição. Vamos clicar em “Nova Composição” aqui e uma janela chamada Configurações de composição deve aparecer para você. Você vai nomear sua composição. [RUÍDO] Vamos definir a largura para 1920 pixels, a altura para 1080 pixels e, dessa forma, obteremos a tradicional de 16:9. A taxa de quadros é de 30 quadros por segundo. A resolução está cheia. Então vamos verificar para ver quanto tempo temos aqui. Vamos começar nosso tempo em zero, apenas para garantir que tudo diga zero, e então só vamos fazer um vídeo de 15 segundos aqui. Basta configurá-lo para 0:00:15:00. Em seguida, basta definir a cor de fundo para branco, e podemos criar formas e fundo para mudar isso mais tarde, se você quiser. Parece ótimo, vamos tocar em “Ok”, e agora temos nossa composição do After Effects. Você percebe que eu fiz a composição com o Ed Video como título, mas aqui no projeto, diz Projeto Untitled. Antes mesmo de começarmos, vou fazer o Command Shift S ou Command S e fazer um Salvar como rápido. Agora, vamos começar. [MÚSICA] 9. Adicione camadas de texto: [MÚSICA] Vamos começar nosso projeto e após efeitos simplesmente adicionando nossas camadas de texto. Simplesmente vamos digitar seu script. Para adicionar nossas camadas de texto, vamos aqui neste painel Camadas e faremos um clique com o botão direito do mouse. Então, no topo, temos um novo texto. Isso nos dará essa nova camada de texto aqui. Linda. Posso começar a digitar aqui. Vou me referir ao meu roteiro. Só vou arrastar isso aqui. Gotham Narrow parece bom. Vou torná-lo maior para combinar com a aparência no meu storyboard que eu coloquei. Meu storyboard, eu realmente priorizei o texto em meus visuais porque esse é o tipo de vídeo educacional que estamos fazendo. Estamos confiando nesse texto para contar nossa história. Escolhi a fonte que eu queria. Escolhi o tamanho e coloquei na minha composição com base no storyboard que criei. Acho que esse texto pode ser muito grande. Preciso abrir espaço para meus ícones de pessoas pequenas, e não sei se eles se encaixam nesse texto grande. Vou tentar retrabalhar esse texto um pouco para criar mais espaço para as imagens. Acho que isso parece bom. Ele adiciona um pouco mais de espaço para algumas imagens ao seu redor enquanto ainda se concentra no texto. Agora que eu tenho minha primeira peça de gancho do meu script projetada na composição, vou simplesmente duplicar isso para criar minhas outras duas linhas em meus scripts, meu explicador e meu call to action. Vou ao Comando C e ao Comando V para copiar e depois colar. Vou me certificar de que estou na minha segunda camada aqui e depois vou digitar a segunda parte do meu script. Eu tenho isso digitado, mas obviamente, parece muito instável e sobreposto. Isso ocorre porque essas duas camadas aqui na sua linha do tempo estão se sobrepondo umas às outras. Basicamente, o que vamos ter que fazer durante todo esse processo é diminuir as camadas, o que significa que vou trazê-lo para essa marca de dois segundos. Isso significa que essa camada terá dois segundos de duração e depois desaparecerá. Acho que provavelmente levará as pessoas mais de dois segundos para ler isso. Acho que vou dar quatro segundos e apenas ver como isso vai. Estes não se sobrepõem, vou arrastar isso para a marca de quatro segundos. Agora temos nossa primeira camada de texto ou um gancho e um script. Em seguida, ele muda para a parte explicadora em nosso script. Então eu posso retrabalhar essa linha na composição agora que posso realmente vê-la corretamente. Estou tendo um problema aqui com a segunda linha no meu script, é significativamente maior do que minha primeira linha no meu script, o que não me deixa muito espaço para colocar minhas imagens em torno dele. Como você pode ver, estou pulando de camada em camada para garantir que meu texto seja consistente. Quero ter espaçamento semelhante ou o mesmo tipo de tamanho em todas as minhas camadas de texto para manter essa consistência para qualquer pessoa que esteja lendo o vídeo. Agora vou adicionar minha camada de call to action. Novamente, uma das minhas outras camadas de texto, vou fazer o Comando C, Comando V para copiar e colar. Sei que vou encontrar esse problema com sobreposição, então vou clicar na segunda camada ou na segunda linha do nosso script. Eu só vou trazer isso e levar essa terceira camada para 10 segundos, digamos. Dessa forma, eles não estão se sobrepondo e eu posso trabalhar claramente nesta terceira camada sem distrações. Tenho minhas três camadas de texto em meus scripts integradas ao meu arquivo de efeitos posteriores. Vou fazer um Command S rápido para salvar. Certifique-se de fazer isso com frequência para não perder nenhum trabalho. Depois de adicionar seu texto, certifique-se de reproduzir o vídeo de volta. Veja se cada linha de texto dá tempo suficiente para uma leitura confortável. Esta cabeça de reprodução ou a linha azul aqui na sua linha do tempo para a extrema esquerda, então estamos em zero no seu vídeo. Em seguida, vamos clicar na barra de espaço para pressionar Reproduzir, ler em voz alta seus textos. Eu vou dizer, você sabia que uma em cada 400 pessoas desenvolverá ELA? A ELA é uma doença neurodegenerativa progressiva que leva à fraqueza muscular e paralisia. Saiba mais em als.net. Minha segunda linha caiu um pouco apressada. Uma coisa que notei quando assistia ao vídeo é que minha segunda camada e minha primeira camada estão sobrepostas. Vou ampliar aqui com esses dois pequenos ícones de montanha na parte inferior aqui e vou aumentar o zoom e apenas me certificar de que eles não estão sobrepostos. Agora eu não estou segurando a tecla Shift e é difícil para mim pousar bem no final dessa camada. Vou manter pressionada minha tecla Shift e ela se encaixa diretamente na outra camada. Isso é algo a ter em mente quando você está movendo suas camadas em sua linha do tempo. Ótimo. Você tem o início de seu vídeo básico, animação básica aqui com suas camadas de texto. Agora, se eu quisesse um fundo colorido, em vez de apenas um fundo branco e texto escuro, eu poderia clicar aqui no painel Camadas e adicionar uma camada sólida aqui. Você também pode adicionar uma camada de forma ou outras opções de camada aqui, mais camadas de textos. Mas vou adicionar uma camada sólida aqui. Mas você vê que está sentado em cima de todas as minhas camadas de texto agora. Vou simplesmente arrastá-lo para baixo no meu painel de camadas até a parte inferior. Eu teria que ajustar a cor do meu texto obviamente, mas é assim que você cria uma camada de fundo. Organize suas camadas de textos na linha do tempo para permitir uma leitura confortável. Vamos seguir em frente para adicionar nossos outros elementos visuais em nossa próxima lição. [MÚSICA] 10. Importe seus recursos: [MÚSICA] Ótimo, você já configurou seu arquivo. Você sabe o básico de como o after effects é configurado e já adicionou suas camadas de texto. Agora vamos dar um passo adiante e importar o arquivo do Illustrator para incluir nossos outros recursos visuais de suporte. Agora vamos voltar e pegar as camadas que projetamos no Illustrator. Vamos fazer isso indo até Arquivo, Importação, Arquivo. Vamos encontrar nosso arquivo do Illustrator, clique nele. Vamos descer para importar como e queremos composição e reter tamanhos de camadas. Dessa forma, tudo entrará como camadas em nosso arquivo de efeitos posteriores. Parece ótimo, então vamos clicar em “Criar” e você notará aqui no painel do projeto agora que você tem seu arquivo do Illustrator aqui como uma composição que aparece como essas pequenas formas. Em seguida, temos uma pasta separada com todas as nossas camadas dentro. Vamos clicar para baixo para mostrar nossas camadas e agora você pode ver todas as suas camadas que você projetou no Illustrator. Isso parece ótimo. O que vamos fazer é clicar na sua camada e pegá-la, arrastá-la até o painel de camadas no After Effects. Agora você vê sua primeira camada do Illustrator. Parece ótimo, mas parece um pouco pixelado. O que vamos fazer é direito do mouse na camada, vamos clicar em “Criar”, criar formas a partir da camada vetorial. Esta é uma camada vetorial ou deve estar no arquivo do Illustrator. Queremos manter essas propriedades para permitir que você altere facilmente a cor e dimensione facilmente as coisas para cima e para baixo sem que o ícone ou a ilustração se desmoronem. Agora ele criou uma camada separada e oculta sua camada original do Illustrator. Vou simplesmente excluir a camada do Illustrator porque não precisamos mais disso, então vou clicar e excluir. Então temos nossa primeira camada aqui. Olhe para trás para o seu storyboard e coloque sua primeira camada na composição, como você planejou originalmente em seus esboços. Vou me certificar de que ele esteja alinhado no centro, indo até o painel de alinhamento e alinhe camadas à composição. Agora ele parece ótimo e centrado , então eu vou continuar arrastando essas camadas do ilustrador para criar novas camadas no meu painel de camadas. [MÚSICA] Tenho todas as minhas camadas do Illustrator importadas para o meu painel de camadas. Eu os organizo para que os visuais que acompanham a primeira linha do meu roteiro sejam agrupados aqui. Os visuais que acompanham minha segunda linha de meus scripts são agrupados aqui e então eu não tinha nenhum visual para seguir minha última linha do meu script. Assim como fizemos em nossas camadas de texto, vamos mover nossas camadas para que elas não se sobreponham. Lembre-se, se você segurar a tecla shift enquanto estiver movendo suas camadas na linha do tempo, ela se encaixará para corresponder às outras camadas. Se eu tivesse fotos e vídeos que eu quisesse importar para o After effects para usar como meus ativos visuais, eu poderia fazer isso da mesma maneira indo até Arquivo, Importar arquivo. Posso encontrar meus arquivos de fotos ou meus arquivos de vídeo e abri-los. Eles aparecerão bem com nossos outros ativos visuais em nosso painel de projetos. Então nós simplesmente os arrastamos para baixo e os reunimos com o resto de nossas camadas. Vou arrastar isso para corresponder ao tempo da parte do meu script com a qual eu quero que ele seja emparelhado. Então vou colocá-lo na composição como eu quero que ela pareça. Acho que isso adiciona um pouco de informação e interesse visual a este texto aqui. Acho que eu poderia realmente remover a foto por enquanto e brincar com isso um pouco mais tarde. [MÚSICA] Agora você pode ver que eu tenho apenas os ossos simples do meu vídeo aqui. É quase como uma apresentação de slides ou uma apresentação em PowerPoint. Agora precisamos entrar e suavizar as coisas e adicionar nossa animação. [MÚSICA] 11. Como adicionar animação: [MÚSICA] Antes de começarmos a animar nossos vídeos, vamos dar uma olhada rápida em como vamos adicionar animação no After Effects. Faremos isso alterando nossos controles de propriedade em nosso painel Camadas e usando quadros-chave em nosso painel Linha de tempo. Você vai dizer às suas camadas como deseja que elas sejam animadas com propriedades. Isso é algo sobre o qual falamos na lição de conceitos de animação com nossos controles de rotação, opacidade, posição e escala. Agora você só pode ver apenas essas três camadas de forma realmente simples. O que vamos fazer é revelar as propriedades. Vamos clicar nesta pequena seta aqui, então ela deixa cair mais informações. Vamos clicar em Transformar e é aí que vamos transformar nossas camadas e adicionar nossas animações. Aqui temos as propriedades que mencionei anteriormente e digamos que eu queria que isso se mova um pouco para a direita. Vou clicar no ícone do cronômetro para iniciar a animação e isso adiciona um quadro-chave ao meu painel Linha de tempo. Vou clicar em alguns quadros porque acho que a animação deve ser apenas alguns quadros rápidos. Sempre posso mudar isso mais tarde, mas vou adicionar um pequeno quadro-chave. Minha animação ocorrerá do primeiro quadro-chave até o segundo quadro-chave, mas não mudei nenhum dos valores aqui com os números ou acima no painel Visualizar. Não está se movendo, não está fazendo nada ainda. Preciso dizer para se mover. Eu quero que meu texto acabe nessa posição, então vou deixar esse quadro-chave aqui com esse valor, depois vou voltar e com este primeiro quadro-chave, vou mudar esse valor para que seja um pouco mais para a esquerda. Eu posso fazer isso aqui no painel Visualizar, você vê que ele mudou o valor aqui. Ele criou essa pequena linha aqui que você mal consegue ver, mas porque eu a movi, ela desenhou uma linha do ponto de ancoragem da camada para onde eu queria que ela se movesse. Agora vou jogar isso, voltar para caber nisso aqui, então ele se moveu um pouco como eu queria. Começou um pouco para a esquerda e depois mudou-se para a direita para onde eu quero e onde eu tinha na composição antes. Agora que temos esses quadros-chave, esse movimento e a posição e nosso cronômetro ativado, se clicarmos no cronômetro novamente, ele excluirá todos os seus quadros-chave. Tente não clicar no cronômetro, a menos que você queira excluir todas as suas animações dentro dessa propriedade. Se eu quisesse que essa animação levasse mais tempo e mova lentamente da esquerda para a direita, posso simplesmente clicar neste quadro-chave e depois movê-lo alguns quadros para baixo e agora está se movendo muito mais devagar. Tudo depende apenas do efeito que você está indo. Se você quer que algo seja chocante e repentino ou se quiser que algo seja macio e relaxado. Na próxima lição, voltaremos a animar com essas propriedades como você acabou de ver e realmente começaremos a fazer sua animação. [MÚSICA] 12. Anime: parte 1: [MÚSICA] Agora que temos todos os nossos visuais prontos para ir, vamos nos mover. Agora vou voltar para minha primeira camada de texto. Eu vou realmente adicionar nesta animação de posição aqui, porque fiz uma anotação no meu storyboard que quero que todo meu texto se mova e desapareça da esquerda para a direita. Vou adicionar meu quadro-chave, ligar meu cronômetro. Vou adicionar outro quadro-chave para mostrar onde quero que isso acabe. Volte para o meu quadro-chave original. Vou simplesmente pegar meu texto um pouco para a esquerda. Você pode trabalhar no painel de visualização para mover e criar seu movimento ou você pode trabalhar aqui no painel de camadas e simplesmente mover esses números. Acho que os números são um pouco mais diretos às vezes, especialmente quando estamos criando como opacidade e escala. Por exemplo, eu quero que isso se mova e diminua. Preciso clicar no cronômetro de posição, adicionar essa propriedade ao meu movimento e, em seguida, adicionar a propriedade de opacidade ao meu movimento. Cliquei no cronômetro aqui, e então eu quero que eles funcionem ao mesmo tempo, então vou segurar a tecla Shift e mover meu jogo duro, então está no outro quadro-chave de posição que fiz há um segundo. Então vou adicionar outro quadro-chave de opacidade. Está no mesmo quadro exato. Essas duas propriedades mudarão exatamente ao mesmo tempo. Aqui eu quero que a opacidade seja obviamente 100% para que as pessoas possam lê-la, mas eu quero que ela desapareça. Vou mudar essa opacidade de 100% para zero por cento de opacidade. Agora você pode ver que eu tenho o jogo duro em zero, zero. Eu mudo a propriedade pela opacidade e a posição aqui. Você não pode vê-lo porque a opacidade é zero. Mas se você arrastar lentamente esse jogo duro, verá as mudanças de opacidade ao longo do tempo. Agora está em 75% aqui para atingir os 100% que eu queria que fosse nesse quadro-chave. Então vou reproduzir isso aqui clicando minha barra de espaço no meu teclado. Lá vamos nós. Ele criou este belo desbotamento e movimento aqui. Perfeito. Esse é o movimento sutil que eu estava procurando, mas não parece super suave. Vou destacar todos esses quadros-chave aqui e vou até o assistente de quadros-chave e facilitar isso. Agora você vê isso mudar para um copo de meia hora de diamante. Lá vamos nós. Isso criou um movimento mais suave aqui. Agora, o que posso fazer porque quero todas essas camadas de texto tenham a mesma animação exata com essa mudança de posição e a mudança de opacidade é vou destacar todos esses quadros-chave que são relevantes para essas propriedades. Vou fazer o Comando C para copiá-los. Vou subir para minha próxima camada de texto. Vou simplesmente girar tudo isso para poder ver todos os meus cronômetros, todos os meus controles de propriedade aqui para ter certeza de que está funcionando. Vou rolar sobre minha linha do tempo até essa camada. Começa aqui, então vou colocar a peça difícil lá. Vou fazer o Comando V e copiarei esses quadros-chave para esta camada aqui. Perfeito, então ele criou exatamente a mesma animação. Esta é uma maneira muito boa de garantir que você mantenha tudo consistente. A consistência, especialmente em um vídeo longo, ajudará seu público a superar facilmente sua história e entendê-la sem distrações. Fiz o mesmo para minha última camada de frase de texto. Vou fazer um comando rápido S e garantir que tudo esteja salvo aqui. Na próxima lição, adicionarei movimento às minhas outras camadas de ilustração. Comece a animar lentamente suas camadas para criar seu vídeo animado. [MÚSICA] 13. Anime: parte 2: Você já aprendeu tantos conceitos básicos de animação. Vamos continuar animando. Durante todo esse processo de animação, certifique-se de se referir ao seu storyboard e suas anotações para que você não se perca. Você já fez anotações sobre qual direção deseja que as coisas se movam, como você quer que as coisas façam a transição e como você imaginou seus elementos secundários se movendo em torno de sua composição. Basta consultar essas notas e você deve estar pronto para ir. Vou ampliar aqui para me concentrar nas imagens desses poucos quadros e focar na minha iconografia. Vou abrir essas propriedades aqui embaixo. Eu tenho minha camada 399 selecionada com todos esses caras em segundo plano aqui, e então minha camada está em cima dela com esse cara roxo mais escuro. O movimento que estou imaginando acontecer aqui, é que começamos com todos esses caras em segundo plano e , em seguida, um deles aumenta e sai dos 400. O que vou fazer é, não vou fazer nada realmente com essa camada 399. Vou clicar na minha camada única, e vou trazer meu indicador de reprodução para o início, e vou iniciar o cronômetro de escala, e vou trazer meu indicador de reprodução aqui. Agora que estou vendo o texto animando na frente dele, talvez eu alinhe esses quadros-chave e alinhe o movimento com o movimento que já estabeleci com minha camada de texto acima dele. Basicamente vou abrir minhas propriedades na minha camada de texto e me certificar de que esses quadros-chave estejam alinhados. Vou adicionar um quadro-chave de escala aqui à minha única camada e, em seguida, fecharei minha camada de texto acima dela para não ficar confuso. Não estou editando isso neste momento. Só estou me certificando de que isso se alinhe com minha nova camada que estou animando. Então vou voltar a esse ponto zero. Vou clicar neste quadro-chave para a escala e, em seguida, alterar os números de 100 para zero. Agora ele desapareceu. Quando cruzo minha barra de espaço, você pode ver que ele anima e vai de muito pequeno a muito grande. Mas eu quero diferenciá-lo se escondendo e parece que ele está saindo de um desses garotinhos. Ele é diferente desses 400 ou mais porque ele é um roxo mais escuro. Cliquei em um desses ícones na camada 399. Vou aumentar o zoom para que você possa ver isso melhor aqui. Eu vou usar essa ferramenta manual para se deslocar para descobrir onde esse cara está, e é difícil ver neste momento. Vou escalar um pouco. Acho que vou fazer apenas este centrado aqui. Vou voltar à minha ferramenta de seleção. Você pode ver que, como eu criei uma camada vetorial de forma a partir do vetor no Illustrator, agora sou capaz de mudar a cor super facilmente nessa forma. Agora que o ícone de uma pequena pessoa mudou. Vou fazer um comando rápido só para garantir que tudo esteja salvo, e vou reproduzir essa animação aqui. Na verdade, é super rápido. O que eu poderia fazer, vou fechar essa camada só porque não quero fazer mais nada com ela. O que eu poderia realmente fazer em vez de alinhar esse quadro-chave com os quadros-chave e a camada de texto acima dele, eu poderia realmente estender essa animação para que o visualizador possa ver isso pequeno ícone de todos esses outros ícones espero. Observe que há um que é diferente. Então, enquanto eles estão lendo, apenas veja e perceba que este está crescendo maior que o outro. Acho que isso pode ser um pouco mais dinâmico e dar às pessoas tempo para ver o que está acontecendo nas imagens e realmente ajudá-las a conectar os textos, o conceito de um e 400 de forma visual. Vamos tentar isso. Eu gosto disso, mas talvez eu realmente queira torná-lo mais rápido. Acho que a transição mais lenta foi um pouco estranha, então eu poderia apertar o tempo entre esses dois quadros-chave e depois apertar o tempo da animação. Agora vou deixar isso um pouco mais suave selecionando os quadros-chave e, em seguida, facilitando-os. É bem sutil, mas eu gosto disso, e acho que enfatiza um e 400 conceitos que eu estava buscando. Agora vou animar minha segunda parte do meu roteiro, que é meu gradiente, e depois meus dois ícones aqui. Eu quero que esse fundo gradiente se mova muito sutilmente durante todo o tempo em que esse slide estiver ativo. O que vou fazer é criar um quadro-chave no início dessa camada. Então eu vou criar um no final dessa camada. Agora vou adicionar a mudança de posição, o que vou fazer neste painel de visualização. Basicamente, eu quero esse efeito que comece roxo mais claro e depois se torne roxo mais escuro. Então eu quero que esse movimento se torne mais suave, então vou seguir em frente e clicar com o botão direito do mouse nos meus quadros-chave novamente e depois facilitá-los. Vamos ver como essa transição parece. Agora é bem sutil, mas você pode ver o fundo lentamente ficando cada vez mais escuro. Então não temos nada para animar em nossa última parte do nosso roteiro ou CTA. Então, vou reproduzir seu vídeo desde o início e ver como ele se parece. Meu vídeo está parecendo bom e terminei de adicionar todo o movimento que andei no meu storyboard. Eu consideraria isso um vídeo acabado, mas acho que posso entrar e experimentar adicionar mais algumas animações para adicionar um pouco mais de interesse. Divirta-se e experimente no pequeno vídeo de 15 segundos. Há muita coisa que pode ser feita nesses 15 segundos, e há um pouco que pode ser feito nesses 15 segundos. Basta seguir um ritmo confortável para você, divirta-se e experimente. Isso é tudo o que eu quero que você faça. Percebo que esqueci de adicionar a seguinte transição para baixo de quadro para quadro que notei no meu storyboard. Fui em frente e adicionei esse efeito ao meu primeiro e segundo grupo de camadas. Vou tentar animar sutilmente a camada 399 com todos os ícones do meu pessoal. Apenas para colocar em camadas em um movimento um pouco mais dinâmico. Também vou adicionar animação sutil na pessoa em pé e na pessoa nos ícones de cadeira de rodas porque essa animação de fundo é tão sutil. Em caso de dúvida, consulte os vídeos de exemplo sobre os quais falamos no início da aula para tirar alguma inspiração. Imitando animações diferentes, estilos diferentes podem ajudá-lo a aprender muito rápido. Não está copiando. É simplesmente aprender e tirar do que outras pessoas fizeram para fazer seu próprio giro em uma nova animação. Continue explorando como você pode adicionar animação ao seu vídeo e chegar a um lugar onde você está feliz com seu vídeo. Em nossa próxima lição, analisaremos seu vídeo, amarraremos as pontas soltas e salvaremos. 14. Revise e Salvar o comentário: [MÚSICA]. Parabéns. Você tem o livro do seu vídeo feito. Agora só precisamos revisá-lo algumas vezes e salvá-lo para compartilhar com sua rede. Vamos reproduzi-lo algumas vezes e rever nossa lista de verificação de revisão antes de salvar. Na primeira vez, vou reproduzi-lo e cuidado para ver que nada está sobreposto e que tudo está parecendo suave e natural na minha animação. Isso parece suave, a transição é suave e isso também foi bem suave. Decidi que queria adicionar essa imagem de volta à última parte do meu roteiro. Agora, assistirei o vídeo de volta e vou lê-lo em voz alta como fizemos antes para verificar se temos tempo suficiente para permitir que nossos espectadores leiam nosso texto. Você sabia que uma em cada 400 pessoas desenvolverá ELA? A ELA é uma doença neurodegenerativa progressiva que leva à fraqueza muscular e paralisia. Saiba mais em als.net. Isso soou ótimo para mim. Finalmente vamos salvar nosso vídeo quando estivermos felizes com onde ele está. Para fazer isso, vamos garantir que essa composição em que estamos trabalhando esteja selecionada. Vamos até Exportação de arquivos e adicionaremos à nossa fila de renderização. Temos nosso vídeo em nossa fila de renderização. Vai ser destacado em azul, então clique nele e certifique-se de que você está enviando para o local adequado que você espera que ele esteja. Agora que você sabe onde ele vai salvar e já está, você vai apertar o botão de renderização. Isso vai criar nosso filme. Você verá essa barra de progresso azul e isso lhe dará uma noção de quanto tempo sua renderização levará. Agora temos seu arquivo, mas o arquivo the.mov é menos universal que o arquivo MP4. Vamos converter o arquivo that.mov para um arquivo MP4 clicando neste link para o conversor da Adobe que eu forneci nas informações do projeto. O que você vai fazer é simplesmente arrastar e soltar o arquivo your.mov e ele irá carregá-lo e convertê-lo em um arquivo MP4. Agora eu tenho meu arquivo MP4 baixado e estou pronto. Vou reproduzir rapidamente o vídeo para garantir que ele fique bem. Ainda parece muito limpo e nítido, nada estranho ou louco está acontecendo. Ótimo. Estou muito feliz com meu vídeo. Vou enviá-lo para a galeria do projeto e encerrar meu projeto. Certifique-se de carregar seu arquivo MP4 junto com seu script e storyboard para a galeria do projeto para compartilhar seu trabalho comigo e com seus colegas de classe. Salvamos seu vídeo. Parabéns. Agora é hora de aprender algumas coisas bônus e ver onde você pode levar suas habilidades para outros projetos criativos. 15. Bônus: adicione som: [MÚSICA] Você não precisa adicionar música ou uma narração a este projeto, mas pode ser muito útil e aumentar essa emoção. Gosto de usar este site chamado Free Music Archive para escolher algumas músicas de fundo gratuitas para usar em meus vídeos. Se você gosta da opção de adicionar som, você pode fazer isso facilmente no Adobe Premiere Pro. Eu abri o Premiere Pro e estou criando um novo projeto e apenas o intitulando. Vou apenas o título do mesmo título meu arquivo de animação e apenas adicionarei som de largura ao final dele. Vou clicar em “Ok” e, em seguida, vou simplesmente arrastar meu arquivo MP4 de animação. Aqui está. Por algum motivo, parece já haver algumas coisas de áudio na linha de áudio aqui na A1. Não sei o que é isso, então vamos desvincular. Em seguida, vamos excluir o que estava ocupando esse espaço de áudio. Escolhi um arquivo MP3 com apenas uma música de fundo sutil. Vou arrastar isso para o perfil do Premiere, vou reduzi-lo para o tamanho certo e, em seguida, certifique-se que o início e o fim estejam diminuindo. Dessa forma, ele desaparece e desaparece no início e no final e nada soa chocante. Vamos ver como isso parece. Muito sutil. Exatamente o que eu precisava apenas adicionar uma coisinha ao meu vídeo. Criar maneiras diferentes para seu público absorver seu conteúdo pode ser realmente útil. Algumas pessoas são aprendizes visuais e adoram ler as coisas enquanto percorrem seus telefones. Algumas pessoas realmente gostam de ouvir as coisas e é assim que elas se lembram das informações. Se você estiver adicionando um arquivo de voz, o que você pode fazer é gravar sua voz, salvar esse arquivo de áudio e arrastá-lo para o Premiere Pro, assim como o que fizemos com esse arquivo de áudio. Vamos fazer uma exportação rápida. É assim que você adiciona áudio para acompanhar seu vídeo animado. Na próxima lição, vamos explorar algumas ideias de como você pode aplicar suas novas habilidades de animação e outros projetos. [MÚSICA] 16. Outros aplicativos: [MÚSICA] Você aprendeu tantas habilidades de animação fazer seu projeto de vídeo animado de 15 segundos, e você pode levar essas habilidades em tantos outros aspectos de seus projetos criativos. Aqui estão alguns exemplos. Você pode fazer um pequeno vídeo para promover vendas. Você pode mostrar seus produtos em um pequeno vídeo e promovê-lo nas mídias sociais. Aqui está um exemplo de um vídeo em uma loja Etsy que mostra o vídeo do produto que está sendo usado, mas também inclui uma curta animação da marca. Você pode adicionar algum interesse ao site do seu portfólio animando alguns de seus designs. Em vez de apenas exibir um logotipo estático no site de diagramas da Penn para este projeto, eles decidiram criar uma versão animada do logotipo que adiciona um pouco mais de interesse ao projeto. Se você gosta de edição de vídeo, você pode incorporar transições animadas, como nos slides de introdução e encerramento da aula. Criei essas animações no Adobe Premiere Pro e você pode fazer isso trabalhando no espaço de trabalho Effects. É quase como uma versão abreviada e abreviada do After Effects, bem no Premier Pro. Você pode lançar um storyboard de vídeo para sua equipe criativa ou de marketing para inovar com as últimas tendências em sua empresa. Aqui está um exemplo de alguns storyboards sobre os quais criei e conversei com minha equipe criativa. No final, fiz um ótimo trabalho ao quebrar a pesquisa que nossa empresa estava fazendo e apresentei as informações de forma acessível. Continue adicionando às suas habilidades, faça outras aulas do Skillshare e saiba mais sobre o After Effects. Estou apenas dando a você uma introdução muito curta ao After Effects, que é realmente focada em design gráfico e animação que melhorará suas habilidades de design. [MÚSICA] 17. CONCLUSÃO: [MÚSICA] Parabéns, você aprendeu muito neste curso intensivo para iniciantes e animando para design gráfico. Você aprendeu a escrever um script simples e fazer storyboard de suas ideias, usar um processo de design simplificado, animar visuais personalizados e aplicar essas novas habilidades e outros projetos criativos. Se você tirar apenas uma coisa desta aula, espero que seja que a animação não seja tão assustadora, afinal. Espero que você tenha acumulado alguma confiança, aprendendo tudo sobre o After Effects e apenas as habilidades básicas necessárias para entrar e aumentar o nível do seu design gráfico. Espero que isso dê ao seu público, nova emoção e agrega valor ao conteúdo que você está criando. Não se esqueça de enviar suas notas de storyboard e seu vídeo final para a galeria do projeto. A prática é perfeita. Continue praticando e fazendo esses vídeos curtos para que você possa aumentar sua confiança e, espero, surpreender-se com o que você é capaz de fazer. Se você quiser saber mais sobre animação e After Effects com os especialistas, recomendo fazer essas aulas de animação no Skillshare. Muito obrigado por aprender o básico de animação para design gráfico comigo hoje. Por favor, deixe-me quaisquer perguntas ou comentários na seção de discussão e não se esqueça de deixar um comentário. Dessa forma, posso aprender com vocês e ajudar a melhorar as aulas futuras. Vejo você na próxima vez. [MÚSICA]