curso de

After Effects e Framer: Criando animações para um protótipo navegável

Resumo do curso

  • Aprenda a criar animações no After Effects para protótipos navegáveis do Framer
  • Entenda quais plug-ins devemos instalar no After Effects para a criação das animações
  • Veja como criar as primeiras animações que serão inseridas no protótipo navegável até animações mais complexas
  • Saiba criar animações para os placeholders, utilizando trabalhando com cor e modos de mesclagem
  • Veja como juntar todos as animações criadas em apenas uma, criando uma nova composição
  • Saiba exportar suas animações com o plug-in do Lottie Files e incluí-las em um protótipo navegável altamente realista

Público alvo

Estudantes e/ou profissionais de UI Design já habituados com o Figma e com o Framer, que desejam começar a usar o After Effects para criar animações personalizadas e incluí-las nos layouts.

Conteúdo relacionado

Cursos de UI - User Interface em UX & Design

Leia nossos artigos de UX & Design

Já é aluno?

Comece o curso agora

10h

p/ conclusão

47

Atividades

190

Minutos de video

94

Alunos nesse curso

Certificado de participação

Instrutores

  • Sou designer focado em produtos digitais. Já prestei serviços relacionados a design de interface para diversos clientes e dou aulas relacionadas ao mundo do UI e UX aqui na Alura. Caso queira ver mais dos meus projetos pode acessar meu site em www.andrelisboa.cc

Conteúdo Detalhado

  1. Introdução

    • Apresentação
    • Overview
    • Preparando o ambiente
    • Primeira animação
    • Base de 12 frames para animações
  2. Primeiras animações no After Effects

    • Números dinâmicos
    • Loading de digitação
    • Ligação
    • Sobre os parents
  3. Mais animações

    • Placeholder
    • Finalidade do placeholder
    • Botão de login
    • Terminando o botão de login
  4. Criando a área do Onboarding

    • Animação do personagem do Onboarding
    • Animando o primeiro card
    • Criando a animação do segundo card
    • Criando o card final do Onboarding
    • Juntando tudo em uma única composição
  5. Inserção no protótipo

    • Exportando com Lottie Files
    • Inserindo animações no Framer
    • Inclusão das animações no Framer
    • Conclusão

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

Aprenda UI - User Interface com esse e outros cursos, comece agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas