Trilha UI – Motion Design

Módulo 1 - After Effects Animando Personagem: Construção do personagem Braisntorming Análise e desenho de anatomia humana Croqui da Composição do Personagem Ferramentas para Produção de Composição e Animação Ferramentas para criar composição do personagem Ferramentas para animar o personagem. Efeitos para animação Análise de Técnicas e efeito de animação de personagem Técnicas de animação de personagens Relação da Ferramenta de composição com a de animação Efeitos para animação dos personagens. Configurando ferramentas para animação de personagens Duik Ángela Download Configuração Interface Duik Angela Animando Personagem Criação e composição Exportação/importação Gerenciando arquivos Aplicação de efeitos e testes Publicação nos meios digitais Conhecendo as mídias e seus formatos. Preparando arquivos para publicação no Adobe After Effects Conhecendo o Adobe Media Encoder Editando e exportando do Adobe Premiere Teste no meios digitais Módulo 2 - After Effects Criando um logo reveal: Ferramentas para Produção de Composição e Animação Conceitos e Estrutura do briefing de animação Análise do desenho do logo para animação Ferramentas para criar composição Ferramentas para criar animação Análise das Técnicas e efeito de animar objetos Preparar objeto em ferramentas de composição Análise de efeitos de animação a partir dos elementos gráficos. Análise e teste de movimento de câmera em animação bidimensional. Efeitos cromáticos Efeitos tipográficos Conhecendo o Adobe After Effects Introdução da ferramenta Apresentação da interface gráfica e configuração da área de trabalho. Noções de composição Conhecendo a timeline Animando com o After Effects Publicação nos meios digitais Conhecendo as mídias e seus formatos. Preparando arquivos para publicação no Adobe After Effects Conhecendo o Adobe Media Encoder Editando e exportando do Adobe Premiere Teste no meios digitais Módulo 3 - FIGMA: Animações em interfaces: História da animação Motion design Animações em interfaces gráficas Microinterações Processos de animação no Figma Smart animate Módulo 4 - LottieFiles: Gerenciar e editar animações Descrição da ferramenta; Entendendo o formato Lottie e sua integração com o Figma; Explorando a interface; Importando e exportando animações do Lottie Files; Manipulando animações; Incorporando animações em protótipos interativos; Estudos de Caso; Melhores práticas para otimização de animações para web e dispositivos móveis; Módulo 5 - O Universo do Motion Design Conceitos do Motion Design; Breve contexto histórico; Composição visual; Elementos gráficos; Áreas de aplicação; Fluxo de movimento e ritmo; Ferramentas e técnicas de animação. Módulo 6 - Photoshop: Story animado: Definição de motion graphic; Uso do motion em redes sociais; Os 12 princípios de UX em movimento; Configurações básicas para execução do projeto no photoshop; Tipos de animações; Dimensão, resolução e formatos de arquivos adequados. Módulo 7 - Princípios da animação: Princípios da Animação Esticar e Comprimir Squash e Stretch Antecipação Anticipation Staging Preparação Straight Ahead Action and Pose to Pose Ação direta e pose a pose Follow Through and Overlapping Action Siga em Frente e Ação sobreposta Slow In and Slow Out Abrandar e desacelerar Arcs Arcos Secondary Action Ação secundária Timing Tempo Exaggeration Exagero Solid Drawing Desenho Sólido Appeal Recurso Módulo 8 - Rive: Animações Interativas: Diferenciais e usos da plataforma; Interação Humano-Computador (IHC); Uso de animações interativas; Cases de empresas que utilizam a plataforma; Design Mode; Design Animate; State Machine; Conhecer a interface e principais ferramentas; Processo de criação de ilustrações na plataforma; Manipulação de formas; Processo de animação na plataforma; Compartilhar e exportar arquivos Rive; Módulo 9 - Roteiro e Storyboard para animações Definição e importância do roteiro e storyboard em animações; Diferenças entre roteiro e storyboard; Diferenças e semelhanças entre roteiros para cinema live-action e animação; Elementos e estrutura da narrativa clássica; Pacing e timing; Narrativa visual; Brainstorming; Formatação de roteiros para animação; Interpretação do roteiro para visualização; Criação de thumbnails e esboços; Linguagem visual e simbologia; Planejamento de cenas e sequências; Ferramentas e materiais para criar storyboard; Passos para criar um storyboard; Análise crítica de um projeto real; Módulo 10 - Técnicas de Composição para Animação – Roteiro para animação Tema o Storyline Sinopse Argumento o Storyboard Os 12 princípios da animação Squash and Stretch, Antecipation, Staging, Straight Ahead and Pouse to pouse, Follow Through and overlapping Action, Slow in and slow out, Arcs, Secundary Action, Timing, Exaggeration, Solid Drawing, Appeal. Técnicas de animação Quadro a quadro Rotoscopia Stop motion Animação de recorte Motion Design Ferramentas para produção Hardware Câmera digital Smartphone Computador o Software Pacote Adobe Creative Cloud Técnica de composição pra cenas de animação Conceitos composição Os planos cenográficos O ângulo cenográfico Elementos gráficos