Animação no Adobe Photoshop: crie um vídeo social para promover sua marca | Isaiah Creates | Skillshare

Velocidade de reprodução


1.0x


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

Animação no Adobe Photoshop: crie um vídeo social para promover sua marca

teacher avatar Isaiah Creates, Art Director & Motion 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

      0:51

    • 2.

      Primeiros passos

      1:06

    • 3.

      Definindo projeto

      1:27

    • 4.

      Inspiração

      1:04

    • 5.

      Storyboarding

      3:01

    • 6.

      Fundamentos da linha do tempo do Photoshop

      4:08

    • 7.

      Preparar assets

      2:12

    • 8.

      Conselhos de exercícios

      0:36

    • 9.

      Exercício 1: animação de máscara

      3:19

    • 10.

      Exercício 2: animação de logotipo

      5:07

    • 11.

      Exercício 3: transição de imagem

      9:30

    • 12.

      Exercício 4: limpeza linear

      3:26

    • 13.

      Exercício 5: animação de ícones

      6:07

    • 14.

      Exercício 6: finalizando o vídeo

      4:13

    • 15.

      Como exportar

      2:00

    • 16.

      Considerações finais

      0:51

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

256

Estudantes

3

Projetos

Sobre este curso

Aprenda como criar facilmente um vídeo animado no Photoshop!

Alguma vez você já quis criar um vídeo para promover sua marca pessoal ou negócio nas redes sociais? É muito simples, na verdade! Neste curso, você aprenderá o básico do conceito e da animação de vídeo no Photoshop.  Este curso será um ótimo primeiro passo para qualquer pessoa que tenha experiência com o Photoshop e queira começar a aprender motion graphics. 

No final, você conhecerá todas as técnicas para criar vídeos divertidos para mostrar seu trabalho ou negócio.

a840427.gif

Você aprenderá:

  • Conceito de ideias de vídeo
  • Encontrando inspiração para motion graphics
  • Fundamentos do uso da ferramenta de linha do tempo e criação de animação
  • Preparar ativos para animação
  • Técnicas de animação de logotipos
  • Como criar transições de vídeo divertidas
  • Animação de ícones
  • Exportando trabalho como um vídeo ou gif animado

O que você vai fazer:

No final do curso, você terá criado um vídeo personalizado que impressionará os outros, bem como algumas habilidades úteis para criar vídeos adicionais divertidos e únicos. 

O que você vai precisar:

  • Adobe Photoshop (teste gratuito do programa de software em Adobe.com)
  • Quaisquer ativos que você gostaria de usar em seu projeto como um logotipo, imagens de seu trabalho ou produto e quaisquer outros elementos de marca

Se você precisa de um programa de aulas para iniciantes no Photoshop: Aprenda o Adobe Photoshop: fundamentos para começar

Minha experiência:

Sou diretor de arte e designer de movimento com vários anos de experiência trabalhando para agências que criaram projetos de vídeo que variam de vídeos animados de explicadores a conteúdo social e anúncios publicitários. E eu trabalhei em todas as fases do processo, desde conceber e criar storyboarding ideias de vídeo até dirigir arte em designers/animadores e até mesmo animar conteúdo. E eu estruturo meus classes para serem úteis para designers, artistas e qualquer outra pessoa que seja nova na animação.

Recursos adicionais:

Este curso percorre brevemente o storyboard, mas se você quiser mergulhar mais fundo no processo completo, confira meu curso, Storyboarding no Procreate: guia de desenho de storyboards para iniciantes

Você também pode conferir meus outros classes no Photoshop, animação desenhada à mão no Photoshop e edição de áudio para iniciantes no Adobe Photoshop.

___________________


Procurando por mais inspiração?
Acesse aqui para descobrir mais classes na animação.

Música: Blue Dream – Cheel

Conheça seu professor

Teacher Profile Image

Isaiah Creates

Art Director & Motion Designer

Top Teacher

Hey there! I'm so glad you've found your way to my Skillshare community. I'm Isaiah, a senior art director, top teacher, and content creator living in the U.S. I started out with a traditional graphic design background, but I've always had a special love for motion. Over the years working in advertising, I've been lucky to develop my skills in motion design and animation -- and I like to add my own quirky touch with hand-drawn doodles and playful animations that make my work stand out.

I genuinely enjoy teaching and love breaking down my animation process in a way that's easy to understand, especially for those who don't have a background in animation. You can find my classes here on Skillshare and helpful tutorials on YouTube. If you're curious about exploring new creati... 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: Ei, eu sou o cartão Isaiah Dona, e sou um diretor de arte baseado em Kansas City com vários anos de experiência com design de movimento. E eu criei este projeto para ajudar os alunos a aprender algumas técnicas básicas de animação que eles podem usar para criar um vídeo para promover sua marca pessoal ou negócios nas redes sociais, esta aula será uma ótima primeiro passo para quem está familiarizado com o Photoshop e queira começar a aprender animações. E nesta aula, abordarei a concepção e o storyboard do seu projeto. Como encontro inspiração lhe dá os fundamentos da animação no Photoshop e fornece os arquivos de trabalho que você pode usar para acompanhar comigo. Espero vê-lo na sala de aula e mal posso esperar para ver o que você cria. 2. Primeiros passos: Para este projeto, você estará criando um pequeno vídeo no Photoshop que você pode usar para promover sua marca pessoal ou negócio nas mídias sociais, a fim de criar seu vídeo, primeiro discutiremos a concepção do ideia de vídeo, encontrar inspiração para animações, percorrer o processo de storyboard. Também vou nos orientar na preparação de nossos ativos para animação e o básico do uso da ferramenta Linha de tempo de vídeo. E então passaremos por vários exercícios e o Photoshop para aprender a animar diferentes elementos gráficos em movimento. Eu forneci arquivos de exercícios, incluindo arquivos concluídos, para que você possa acompanhar ou fazer referência a um arquivo de trabalho final. Então, por último, mostrarei como exportar seu projeto para mídias sociais e Skillshare. 3. Definindo o projeto: Antes de conceber seu vídeo é importante definir o projeto. Aqui estão alguns elementos a serem considerados ao conceber seu vídeo. primeiro foi o objetivo do vídeo. Você quer aumentar a conscientização sobre sua marca? Ou você está querendo mostrar um pouco do seu trabalho? Considere também seu público e o que você quer que eles façam. Pode ser que você queira que eles se envolvam com sua postagem ou visite um link para o seu site. Outro fator importante são as diretrizes da sua marca. É importante deixar o estilo e a voz da marca moldarem o vídeo e o estilo de movimento que você usa. Vídeo totalmente animado pode ser adequado para algumas marcas, enquanto o movimento sutil é melhor para outras marcas, também considere ativos, é importante dar uma olhada em quais ativos você tem disponível para você apenas imagens de estilo de vida ou você também tem ícones ou ilustrações que podem ser animados? Por fim, é importante considerar a plataforma que você também publicará o vídeo. Isso ajudará você a determinar as dimensões que você usa, bem como o formato que você exporta. 4. Inspiração: Antes de fazer storyboard em um vídeo, eu sempre recomendo reunir alguma inspiração para diferentes técnicas de animação você pode querer usar. Alguns lugares que vou para inspiração são drible, Instagram e Pinterest. Pinterest permite que você colete toda a inspiração em diferentes quadros. Se você está lutando para encontrar inspiração, confira minha placa de animações, pinterest.com, corte Isaías, seu doador. Ou clique no link. Na seção de projeto da nossa classe. Meu quadro é dividido em textos de stop motion de animação, animação, animação desenhada à mão, bem como alguns tutoriais úteis. Portanto, é um ótimo lugar para começar para encontrar alguma inspiração para o seu projeto de classe. 5. Storyboarding: Nesta lição, estarei percorrendo meu storyboard de exemplo, que também está disponível nos arquivos de classe que podem ser baixados da seção de recursos desta classe. Aqui eu tenho é um storyboard que crio para negócios falsos chamado Plants shop. Então, aplicando essas considerações, eu sabia que tinha um logotipo. Eu sabia quais minhas cores War. Eu sabia que queria obviamente mostrar imagens de plantas, já que esta é uma loja de plantas. E então eu consegui passar por isso e colocar os quadros e contar a história que eu quero contar, que foi primeiro começando com mostrar o logotipo do que começar a mostrar as plantas, incorporando um slogan para encontrar o seu e, em seguida, certificar-se de que este vídeo foi muito marcado, utilizando as cores da nossa marca. Então eu quero que ele termine o vídeo fortemente com meu logotipo. E então realmente incentive o público a se envolver com o vídeo tendo uma animação que o lembrará gostar de comentar e me seguir no Instagram. E para o processo de storyboard, também gosto de incorporar notas de animação, que tenho abaixo de cada quadro o que ajuda a substituir e planejar. Olá, quero que todos os elementos animem e como eu quero que os elementos façam a transição para dentro e para fora dos quadros. E um lembrete de que você deve projetar seus quadros de storyboard para as dimensões da plataforma na qual você pretendia publicar. Por exemplo, fui com 1080 por 1080 como esse trabalho tanto para o Facebook quanto para o Instagram. Mas dica profissional, é sempre bom verificar dimensões e os requisitos atuais do vídeo pois as plataformas sociais costumam fazer atualizações. Por fim, eu queria notar que meu storyboard e os exercícios crio para esta aula são para ajudar a ensinar-lhe algumas técnicas que você pode usar para o seu vídeo. Mas você não precisa usar todas essas técnicas. Sinta-se à vontade para usar a técnica ou abordagem que funciona melhor para o seu projeto. E, como sempre, se você tiver alguma dúvida ou precisar de ajuda, entre em contato comigo. Depois de terminar seu storyboard, sinta-se à vontade para publicá-lo na página do projeto para que todos possamos acompanhar o progresso um do outro. 6. Fundamentos da linha de tempo no Photoshop: Nesta lição, não estarei percorrendo alguns dos conceitos básicos de usar a ferramenta de linha do tempo na criação de animações. Primeiro, vamos abrir a ferramenta de linha do tempo. Primeiro vá para o menu na parte superior e clique em Janela. Em seguida, desça até a parte inferior da linha do tempo repentino e clique nela. Se o painel Linha de tempo for o modo de animação de quadro final, clique no botão converter para Linha de tempo de vídeo. Em seguida, precisamos especificar a duração da linha do tempo e a taxa de quadros. Duração significa quanto tempo o videoclipe será. E a taxa de quadros, ou quadros por segundo, geralmente é determinada pelo tipo de saída que você deseja. Eu geralmente gosto de ficar entre 24 e 30 quadros por segundo. E para fazer isso, você definirá a taxa de quadros da linha do tempo e o menu do painel. Agora vamos adicionar uma nova camada e, em seguida, criar um objeto que possa ser animado. Então, para este, vou usar um círculo. Agora vamos nos aprofundar nos recursos da ferramenta de linha do tempo. primeiro passo é clicar na seta para baixo para exibir as propriedades das camadas. A animação é criada alterando as propriedades ao longo do tempo. Dependendo do tipo de camada, as propriedades serão diferentes. Para essa camada, temos posição, opacidade e estilo. posição ajustará a posição do objeto e o quadro passará o ajustará a transparência da camada que podemos usar para fazer um objeto desaparecer ou desaparecer. E então o estilo nos permite ajustar o preenchimento de um objeto. Outra propriedade comum é a propriedade transform, que permite não apenas ajustar o posicionamento, mas também ajustar o tamanho de um objeto. Se você tiver uma camada que não foi transformada, poderá convertê-la em um Objeto Inteligente e, em seguida, isso lhe dará a propriedade transform. Agora estamos prontos para criar nossa primeira animação. Vá para baixo e clique no cronômetro ao lado do nome da propriedade para definir o primeiro quadro-chave para a propriedade de camada que você deseja animar. Em seguida, moveremos o indicador de tempo atual para um novo quadro e, em seguida, alteraremos a propriedade da camada. E assim, nessa situação, quero que o círculo se mova. Então, vou voltar para trás o indicador de tempo atual, e então vou mover o objeto. E então você tem isso. Acabamos de fazer nossa primeira animação. Em seguida, vamos visualizar nossa animação. Aqui temos diferentes controles de reprodução que nos permitem reproduzir ou pausar a animação. Também temos a capacidade de ajustar a qualidade da reprodução, que pode ser útil se você tiver um computador mais lento para usar como 50% de 25%. E então, quando chegar a hora de salvar sua animação, temos algumas opções. A primeira é salvar como um GIF animado usando o comando Salvar para Web. Também temos a opção de salvar como uma sequência de imagens ou um vídeo usando o comando render video. E mostrarei esse processo com mais detalhes mais adiante na lição de exportação. 7. Prepping de recursos: Antes de entrar no Photoshop, será muito importante reunir e preparar nossos ativos que queremos animar um exemplo, isso seria se quiséssemos animar e logotipo como estava sendo mostrado, gostaríamos de precisa que cada peça do logotipo seja uma camada separada para que possamos animar cada peça. Isso também vale para o tipo. Se você está planejando dividir linhas de texto estão animando uma palavra de cada vez. Cada palavra precisaria ser uma camada separada. Para muitas pessoas. Eles podem ter um logotipo ou ativos como uma única imagem. Para essas situações, eu sempre recomendo entrar no Photoshop e cortar o plano de fundo de cada objeto. E depois que cada objeto é cortado, nós os separaríamos em camadas diferentes. E então eu recriaria o fundo. Outra parte da configuração de seus arquivos é o uso de máscara por máscara de recorte. Já que quero que as plantas se animem no lugar, mas não sejam mostradas fora do círculo cerceta. Usei uma máscara de recorte. Uma máscara de recorte é quando uma camada é cortada pela camada abaixo dela. Para fazer isso, clique em Alt ou Option e, em seguida, passe o mouse entre as camadas até ver o sinal de recorte. Para o tipo, uso uma máscara de camada. O grupo vai pensar sobre máscaras de camada é que você pode animá-las especificamente. Aqui, estou mostrando como você pode usar quadros-chave e alterar a posição de uma propriedade mask para criar uma revelação legal. Um fato para o tipo de logotipo. 8. Aconselhamento de exercícios: Para os exercícios a seguir, usaremos os arquivos de prática da pasta de arquivos de classe localizada na seção de recursos desta classe. Pode ser útil assistir a um exercício primeiro, aprender as técnicas e depois assistir novamente quando estiver pronto para acompanhar os arquivos de prática do seu próprio projeto. Lembre-se de ir devagar e entrar em contato comigo com qualquer dúvida. 9. Exercício 1: animação de máscaras: E aqui está um exemplo do que estaremos fazendo e usaremos o exercício de arquivo de prática 1.1. A primeira parte que faremos quando você estiver fazendo a configuração do Photoshop pela primeira vez é que vamos para o Window e depois iremos para a linha do tempo. E isso ativará a ferramenta Linha de tempo de vídeo. E é isso que usaremos para todas as nossas animações e no Photoshop. E então aqui na parte inferior é onde você pode ampliar a linha do tempo. Assim, você pode arrastá-lo para o lado direito para ampliar ou para o lado esquerdo para ver o zoom. Para esta parte da animação, eu realmente quero começar com quadro completo preenchido com a cor de morte e habitar dimensionado para baixo. Então, começando com a animação, clico na elipse de até. Então eu vou para o quadro a e , em seguida, pressiono Command T, que é a ferramenta de transformação. E então eu subo e ajusto o tamanho. E eu escalo até 285% desse tamanho. E então eu apenas o centro até o centro do quadro. Então agora temos esse quadro completo. E então eu desço e clico na ferramenta de transformação. E então, ao bater no cronômetro, sou capaz de criar um quadro-chave. No próximo, irei para o quadro 20 e, em seguida, pressionarei Comando T para abrir a ferramenta de transformação. E neste tempo, em vez de aumentá-lo, quero reduzi-lo completamente. O que é o Photoshop aqui, e eu permiti fazer 0. Então eu faço o que faço 0,01%. Então parece que ele diminuiu completamente e desapareceu. E acho que uma coisa legal aqui é que quando você está fazendo um ajuste para transformar ou passar ID, você tem que usar um cronômetro na primeira vez para criar um quadro-chave. Mas depois você pode simplesmente passar para um novo quadro e depois fazer um ajuste. E então ele criará automaticamente um quadro-chave. E aqui estou apenas reajustando o quão ampliado para a linha do tempo é para que eu possa reproduzi-la e ver a animação completa em ação. 10. Exercício 2: animação de logo.: Para esta lição, estaremos animando. Nosso logotipo usará o exercício de arquivo de prática 1.2. Se as camadas estiverem agrupadas, você poderá ir para a camada de grupo e clicar na seta para expandir. O primeiro passo é arrastar a planta uma camada de volta para o quadro 5. Em seguida, vá para o quadro 17 e clique no cronômetro ao lado da posição para criar um quadro-chave. Em seguida, volte ao início da camada no quadro três e, em seguida, mova a planta para fora do quadro circular. Em seguida, clique na camada 17 e acerte o diamante ao lado da posição para criar um quadro-chave. Em seguida, arraste esse quadro-chave para 10. Vá para o quadro 15 e clique no cronômetro ao lado opacidade para criar um novo quadro-chave para o nível de transparência atual. Em seguida, vá para o início do animate no quadro 3 e reduza a opacidade para 0. Agora vamos aplicar técnica semelhante às outras plantas. Na Planta 2. Vamos para o quadro 12 e, em seguida, criaremos um quadro-chave para a posição atual. Em seguida, iremos iniciar a camada no quadro 0 e arrastaremos a planta para baixo para fora do quadro, o que deve criar um novo quadro-chave automaticamente. Agora vá para o quadro 0 11 e arraste a planta central para além da posição final. E, em seguida, arraste o novo quadro-chave para o quadro 10. Agora vá para o quadro 8 e crie um quadro-chave para a opacidade atual. Em seguida, vá para começar. Uma camada pode reduzir a opacidade para 0. Agora vá para a Planta 3 e arraste para o quadro 10. Em seguida, vá para o quadro 20 e crie um novo quadro-chave para a posição atual da planta. Em seguida, vá para Início da camada no quadro 10 e arraste para fora do quadro para a direita. Agora clique no quadro 20 um e crie um novo quadro-chave e arraste esse novo quadro-chave até o quadro 15. Em seguida, clique no quadro 20 e crie um novo quadro-chave para a opacidade atual. Em seguida, vá para o início dessa camada. E então você vai até um pastoso e nós vamos reduzi-lo para 0, que criará um novo quadro-chave. Agora clique na elipse de até no quadro dez e crie um novo quadro-chave para transformar Sadie. Em seguida, vá para a camada inicial e pressione atalho Command T para abrir a ferramenta de transformação, atualizar a largura e a altura 2,01% e clique na tecla de seta ou entrar para enviar a alteração. Agora é hora de animar o tipo de logotipo. Clique na seta na camada de grupo de tipos de logotipo para expandir. Agora arraste a camada de grupo dois enquadrar uma equipe. Clique no texto da planta da camada e vá para o quadro 29 e crie um novo quadro-chave para a posição atual. Repita a ação para a camada de loja. O mesmo quadro. Agora vá para o início de ambas as camadas no quadro 19. E com ambas as camadas de texto selecionadas, arraste-as para baixo na Tela. Agora vá para o quadro 27 e crie novos quadros-chave para ambas as camadas de texto. Em seguida, arraste os novos quadros-chave para o quadro 25. Agora vamos animar a transparência no quadro 29. Crie novos quadros-chave para a opacidade atual. E então vá para o quadro 24 e reduza a opacidade para 0. Em seguida, arrastaremos os textos da loja camada dois, quadro 29. Agora vou diminuir o zoom com a ferramenta de linha do tempo e reproduzir a animação para revisar a animação final para ter certeza de que estou feliz com ela. 11. Exercício 3: transição de imagens: Nesta lição, estaremos criando transições usando imagens e usaremos o exercício de arquivo de prática 2.1. O primeiro passo será arrastar sobre as três alças superiores e a ferramenta de linha do tempo. Assim, podemos nos concentrar na primeira parte dessa animação. Clique no quadro 20 e crie novos quadros-chave de transformação para camada do painel esquerdo e direito. Primeiro e depois vá para iniciar essas camadas e arraste um quadro para criar um novo quadro-chave. Agora, vá para o quadro 15 e arraste os painéis esquerdo e direito para baixo até que estejam próximos de serem concluídos. Agora vou reproduzir animação. Em seguida, aplicarei a mesma técnica ao painel do meio na máscara. Adicionaremos um quadro-chave no quadro 25 para a posição atual. Em seguida, vá para iniciar uma camada e arraste ambas as camadas do meio para fora para o quadro na direção inversa. Em seguida, adicionaremos novos quadros-chave quando a camada estiver 90% ao topo. E então mova esses quadros-chave para o quadro 15. Reproduza animação para garantir que esteja satisfeito. Agora vai fazer o texto desaparecer em um de cada vez. Para fazer isso, vou começar arrastando todas as três camadas de texto para o quadro 20. Então vou para a marca de 1 segundo e criarei um novo quadro-chave de opacidade, e depois vou para o início da camada. E no quadro 20. E então eu vou para o, passar o, reduzir isso para 0. Agora vou repetir isso para as próximas três camadas de textos. Em seguida, vamos compensar as camadas arrastando seus textos mais tarde para o quadro de 1 segundo. Então eu vou arrastar textos Zen mais tarde para o 1 segundo, 10 quadros. Agora estou reproduzindo a animação. Em seguida, adicionaremos um efeito de zoom às imagens de fundo para que tenhamos uma animação sutil enquanto os usuários estão lendo o texto e a linha Bu. E, em seguida, começando com o painel um, imagem vai para a marca de 4 segundos ao pressionar Command T, atalho e, em seguida, aumentar um pouco a largura e a altura e mover a imagem um pouco para mantenha a animação realmente sutil. Agora vamos usar a mesma técnica nas outras imagens. Então, clique na imagem central usando o atalho Command T e aumentando o tamanho da imagem. Em seguida, clicando na última imagem e usando a ferramenta de transformação novamente para aumentar um pouco o tamanho, para ter um bom zoom lento, basta reproduzir a animação e fazer qualquer correções até feliz. Agora vamos animar a próxima transição de imagem. Primeiro, arrastar a imagem da planta suspensa para a marca de três segundos. Em seguida, vou criar um quadro-chave no início da camada e depois ir para o quadro 15 e depois mover a imagem para fora do quadro. E, em seguida, clicando no quadro 14, criaremos um novo quadro-chave de transformação. E depois de reproduzir animação, eu decido mover o quadro-chave do meio para o quadro 10, o último quadro-chave para o quadro 16. Agora que descobri a animação para o primeiro painel, aplicarei essas mesmas configurações às outras duas imagens. Uma vez alinhados com a primeira animação, compensarei a animação arrastando a segunda terceira camadas de volta na linha do tempo. Para obter o momento certo, repito a animação e faço ajustes conforme necessário até ficar feliz. 12. Exercício 4: limpe lineares: Nesta lição, criaremos uma transição de limpeza multicolorida. Estaremos usando o exercício de arquivo de prática 2.2. Vou me concentrar na primeira cor, que será a camada até branca. E vou para o quadro 20 e acertar o cronômetro para criar um quadro-chave para a transformação. E então uma coisa que é útil aqui, porque há aquelas em suas cores que estão no topo é que eu vou selecionar para elas e depois deslizá-las. Então eu posso me concentrar na camada em que estou e estou tentando animar. Então agora com esses álibi, só estou vendo isso até limpar a camada. E então vou selecionar isso e depois vou arrastá-lo para o canto superior esquerdo. E como você vê, eu criei isso com um ângulo. Então, dessa forma, isso me dá uma boa transição quando ela é reproduzida. E assim, como você viu, ele criou automaticamente um quadro-chave uma vez que eu adiciono, moveu-o para o quadro 0 e depois fez esse ajuste. E agora vou repetir esse passo com a camada escura até branca. E assim indo para 1 segundo, terceiro quadro. E então eu vou meio que eu fiz mais cedo e movo o branco para fora todo o caminho. E então eu vou para o início dessa camada e, em seguida, apenas movo isso para fora do quadro do topo. Ri. E agora indo para a camada branca, branca, vou repetir a mesma coisa. Mas desta vez vou apenas ir, estou querendo que isso vá mais rápido. Então eu vou para 1 segundo, 10º quadro aqui, arrastando um quadro para o topo no início da camada. E então este terá uma duração mais curta. Mas o que isso fará é parecer que está se movendo mais rápido e esse é o objetivo. Então, o primeiro até a limpeza será a duração mais longa que a segunda. E então o terceiro vem muito rápido para criar um bom senso de movimento com essa transição. Agora só jogando volta para ter certeza de que eu estava feliz com isso. E, mais uma vez, depois de terminar sua animação, desligue a camada de fundo. Então, quando juntarmos tudo, você não terá que se preocupar com essa camada de fundo. 13. Exercício 5: animação de ícones: Nesta lição, criaremos uma animação com ícones sociais e usaremos o exercício de arquivo de prática três. Para começar, estou escondendo as outras camadas para que eu possa me concentrar no ícone similar. Expandindo as opções de camada semelhante e a linha do tempo para começar a animar a camada. Vou começar indo para o quadro 20 e depois criando um novo quadro-chave transformado e apenas tornando-o um mesmo 70% próximo, indo para o quadro 10 e criando um quadro-chave, depois indo para o quadro 15 e aumentando o tamanho para 90%. Em seguida, vamos adicionar um traçado ao ícone, fazendo com que o meu para traçado de pixels e uma cor de 47 seja um B6. Agora, voltando ao quadro 20, criarei um novo quadro-chave de estilo e depois vou para o quadro dez e reduzirei a configuração de fatura para 0. Então, apenas o traçado é exibido. Em seguida, pegando a camada de notificação e arrastando de volta para o quadro 20, clicando no quadro de 1 segundo, sétima marca e crie um novo quadro-chave transformado. Em seguida, vá para o início da camada, diminuindo a notificação e depois posicionando-a no centro do ícone do coração. Em seguida, vá para a marca de 1 segundo quadro cinco. E usando o atalho Command T para aumentar o tamanho para 106%. Agora vou para um segundo quadro, uma marca. E usando o atalho Command T para alterar apenas a largura para 0,01%, certificando-se de que a cadeia não esteja selecionada. Em seguida, vá para o quadro 116 e crie um novo quadro-chave para opacidade. Em seguida, vá para o quadro 120 e reduza a transparência até 0. Em seguida, vamos aplicar as mesmas técnicas de animação, camadas de notificação de comentários e comentários e fazer com que sua animação comece após o final, como sequência de animação. Então você fará a mesma coisa novamente para as camadas de notificação de seguir e seguir. Olá. Depois de clicar novamente no início da linha do tempo, percebi que movi a camada de comentários, mas a notificação de comentário por acidente. Então eu arraste o ícone de comentário de volta para a história, pois quero que o ícone seja sempre mostrado. E, em seguida, basta arrastar os quadros-chave de volta para a posição original. E é por isso que eu sempre gosto de reproduzir a animação para garantir que tudo esteja funcionando da maneira que eu quero. Último passo, remova o fundo branco e certifique-se de salvar. Olá. 14. Exercício 6: finalizando o vídeo: Nesta lição, vamos reunir todos os exercícios em um debate. Usaremos o exercício de arquivo prático para começar. Vamos importar os outros exercícios para um novo PSD. Para fazer isso, iremos para o arquivo na parte superior e depois para baixo até Colocar vinculado e, em seguida, passaremos e adicionaremos cada arquivo de exercício. Uma vez feito, reorganizo as camadas para que a camada direita se sobreponha. Vamos abaixo. Agora, estou cortando a primeira camada já que a animação é curta. Expandindo a linha do tempo e movendo o exercício 2.1 para o quadro 20 próximo, arrastando as outras camadas para a marca de 5 segundos. Exercício de corte 2.1. Em seguida, arrastando o exercício 1.2 para o quadro 6 dez. Depois movendo o Exercício 3 para o quadro oito O cinco. Agora, de volta à camada do exercício 1.2, expandirei a camada e criarei um novo quadro-chave de transformação no quadro 721 e, em seguida, vá para o quadro oito O cinco usando a ferramenta de transformação reduzirá o logotipo. Clicando na camada 3 do exercício, vá para o quadro 8, 13 e usando a ferramenta de comando, diminuiu a camada para 62,29% e posicione-se em direção à parte inferior do quadro. Em seguida, crie um novo quadro-chave. Em seguida, vá para o quadro oito O cinco usando a ferramenta de transformação reduzida para 0,01%. Então, ele desaparece. Depois de dar uma olhada na parte final, percebi que queria que o logotipo fosse maior. Psi voltou, ajustou o tamanho e a localização da animação do ícone social também. Em seguida, olho para a parte final da animação e descendo a área de trabalho para perto de 13 segundos. Por fim, reproduzi a animação completa algumas vezes para ter certeza de que estou feliz. Dependendo do seu computador, talvez seja necessário reduzir a qualidade da reprodução para 50%, como eu fiz para jogar mais rápido. 15. Como exportar: Nesta lição, mostrarei como exportar seus vídeos finais. Então vá para o arquivo no menu superior e, em seguida, vá até Exportar e, em seguida, até Renderizar vídeo. E isso é o que você usará para exportar seus vídeos para redes sociais. E então você só quer ter certeza todas as configurações estão corretas, que você tem o nome certo, que deseja salvá-lo como está no local correto, que você quer que ele esteja. Exporte-o para fora dois e, em seguida, você tem várias configurações que você pode querer verificar novamente. Como mencionei no início do vídeo, estamos fazendo 1080 por 1080. E então estamos apenas usando a área de trabalho que nós assinamos para este vídeo. E então apertaremos o botão Render assim que estivermos satisfeitos. E aí está você, você acabou. Por fim, vou mostrar como exportar seus vídeos para o Skillshare. E seguindo um método semelhante ao anterior, indo para Arquivo e Exportação. E, desta vez, economize para Web Legacy. Desta vez vamos fazer disso um presente. E ela só queria ter certeza de que você está feliz com as configurações e, em seguida, aperte o botão Salvar. E, em seguida, certifique-se de que você tenha o título e o local em que deseja salvá-lo. E depois de clicar em Salvar, você está pronto e está pronto para enviá-lo para a página do projeto. Parabéns, agora você acabou. 16. Finalização: Muito obrigado por se juntar à minha aula hoje e espero que você esteja preenchendo inspirado para começar a fazer alguns vídeos divertidos usando as técnicas que aprendeu com essa aula. Estou muito animado para ver o que você criou. Portanto, não se esqueça de publicar seu trabalho na seção de projeto da classe. Você também pode encontrar mais do meu trabalho no Instagram em Isaiah Cortona, Casey. E se você estiver postando lá, sinta-se à vontade para me marcar em suas postagens ou usar uma hashtag, doador de cartão Isaías. Então eu também posso vê-lo. E se você quiser que mais projetos o ajudem a aprender animações , siga-me no Skillshare, pois publicarei novos projetos em breve. Mal posso esperar para ver o que vocês inventam. Obrigado novamente. Adeus.