Motion Graphics para o IGTV

Nessa tarefa vamos transformar o carrossel do Instagram em uma animação vertical do IGTV. 

Não é um trabalho de edição de vídeo, mas de animação de texto e imagens (ilustração, foto e, ok, talvez vídeos).


Programa / Aplicativo

Quem tem o After Effects já pode ver esse meu tutorial aqui. Vamos marcar encontros no Zoom para tirar dúvidas.

Estou empolgado com nosso app alternativo, o Google Apresentações! Vi num tutorial que podemos gravar uma apresentação com as animações dele (bem básicas) com o Zoom. Muitos trabalhos de alunos no After usavam animações bem simples, que podemos usar em programas tb mais simples.

Quando voltarmos a nos encontrar presencialmente teremos workshops complementares e não obrigatórios, por exemplo, de After Effects.

Mas por agora é uma opção viável e bem legal se usada com criatividade. Também vamos marcar encontros no Zoom para ensinar e tirar dúvidas. Talvez role um tutorial.

ATUALIZAÇÃO: Descobri mais uma opção, o Alight Motion, que promete ser o After para celular. A versão gratuita deixa uma marca d´agua que, tudo bem, né?


Identidade Visual

Dessa vez vamos usar um padrão de fontes e cores pra ver como os trabalhos funcionam juntos no @maduelldenovo.

FONTE
Disponível no Google Drive, a Oswald tem 6 pesos diferentes e é condensada.

CORES
Vamos usar a paleta com as cores abaixo. Podem copiar e colar os códigos no aplicativo de animação.



3a039f    •    f9dd91   •    fa5b33

381f66  •    1a0148  •     ffffff

FASE 1 - adaptar linguagem

TEXTO
O carrossel tem texto que pode ser substituído pela narração. Isso não significa ausência de texto, pelo contrário. Algumas palavras-chave na tela, como nomes em inglês, siglas, números e cabeçalhos, reforçam o que é dito e ajudam a esclarecer e memorizar.

Então, vamos escolher palavras-chave ou frases curtas para aparecer nas telas.

Para facilitar, pense que a narração será o texto do seu carrosel.

IMAGENS
O uso de imagens não é obrigatório, mas é muito bem-vindo. Se o seu carrossel não tinha imagens, é bom que tenha na animação em pelo menos algumas telas.

Tente usar as mesmas imagens do carrossel.

COMO ENTREGAR
Quero imagens que funcionem pra gente como um storyboard.

Vcs farão uma imagem assim para cada slide do carrossel


É uma fase de planejamento, então vamos apresentar um esquema bem definido, definitivo do que vai aparecer, mas que não precisa ser bem diagramado.

Precisamos decidir o que vai aparecer e só, e isso é vital, muito importante.



FASE 3 - diagramação

Aqui vamos aplicar as cores, a fonte, deixar bonito e com hierarquia respeitando a identidade visual.

Podemos e devemos pensar em como será a animação, mas o importante aqui é definir os tamanhos, contraste de cor, espaços de respiro e tal.


COMO ENTREGAR
Quero imagens com as telas paradas, estáticas, sem animação.

Exemplos de telas de crédito para adaptar







FASE 4 - narração

A narração será o texto do seu carrosel, lembra?

Pode adaptar e fazer alguma mudança se preciso, claro. Sem amarras, mas não aconselho mudar muito, vamos evitar fadigas desnecessárias.


COMO ENTREGAR
Quero um arquivos de áudio, tipo MP3 ou outro, gravado no celular ou no computador.

Acho que é melhor gravar o áudio em várias partes, um pedaço para cada tela. Deve facilitar na hora da animação.


FASE 5 - animação

Agora é a hora de criar as animações de entrada e saída de textos e imagens.

Também é hora de sincronizar isso com sua narração. É a parte mais divertida.


FASE 6 - exportação

Vamos usar o Zoom agora. Ainda tem um pulo do gato que vou explicar mais pra frente, mas vai ser mais ou menos assim:
  • compartilhamos nossa tela
  • começamos a gravar com o Zoom
  • damos play na nossa animação
  • encerramos a reunião no Zoom
  • o zoom vai converter a gravação num arquivo de vídeo MP4.
Talvez seja preciso cortar um pedaço do início e do final desse vídeo. Podem tentar isso no aplicativo de câmera dos seus celulares. Se não rolar, o professor e os colegas ajudam.

COMO ENTREGAR
Quero esse arquivo de vídeo MP4.

Comentários

Postar um comentário