UC02242 · Executar e publicar animações
Aulify · Componente Tecnológica

Executar e publicar animações

Formatos, otimização e distribuição em diferentes médias
UC02242 · 25 horas · 2,25 pontos Nível 4 · T. Multimédia · Ano 2
Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Resultados de aprendizagem

  1. Escolher o formato certo por destino.
  2. Otimizar peso vs qualidade.
  3. Publicar em web, redes, app, ecrã.
  4. Distribuir com licença e direitos respeitados.
A melhor animação não chega ao público se for pesada, mal formatada ou inacessível.
Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações
Bloco 1 · Destinos

Para onde vai

Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Médias e exigências

Suporte Exigências
Web (site/app) leve, escalável, controlável
Redes sociais proporções por plataforma; sem som
YouTube/streaming qualidade alta, MP4
Apresentação/ecrã local, sem buffering
Email muito leve, compatível

Cada destino tem codec e proporção próprios.

Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Linear vs interativa

  • Linear — animação que toca do início ao fim (vídeo/loops).
  • Interativa — reage ao utilizador (Lottie/JSON, jogo, AR/VR).
  • Cada uma tem formatos e fluxos próprios.
Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações
Bloco 2 · Formatos

Codecs e contentores

Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Vídeo

Formato Quando
MP4 (H.264) universal, web/YouTube
MP4 (H.265 / HEVC) mais eficiente, suporte amplo
WebM (VP9 / AV1) web, eficiente, sem licença
ProRes / DNxHR mestre/arquivo, alta qualidade

Áudio: AAC (web/MP4) ou Opus (WebM).

Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Imagem e leves

Formato Uso
GIF animação curta, baixa qualidade, pesado
WebP animado / APNG mais leve e melhor que GIF
Lottie (JSON) vetorial, escalável, leve, interativo
SVG SMIL / CSS animação web vetorial simples

Lottie é o padrão moderno para microinterações em web/app.

Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações
Bloco 3 · Otimização

Peso vs qualidade

Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Vídeo · parâmetros

  • Resolução — adequada ao destino (1080p chega; 4K só se há margem).
  • fps — do projeto; constante.
  • Bitrate — equilibra peso e qualidade (testar).
  • 2-pass — codificação melhor com bitrate alvo.
  • Áudio — AAC 128-192 kbps voz/normal; 192-320 música.
Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Lottie · vantagens

  • Vetorial (escala perfeita), muito leve.
  • Controlável por código (play, pause, segmento, cor).
  • Acessibilidade: pausar/preferência por movimento reduzido.
  • Limitações: nem todo o efeito de AE converte para Lottie.
Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações
Bloco 4 · Publicar

Onde e como

Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Por plataforma

Plataforma Notas
YouTube MP4 H.264; 16:9 1080p/4K; legendas
Instagram/Reels/TikTok 9:16, ≤ 60s+, sem som maioria
Site próprio <video> com WebM+MP4 ou Lottie
Twitch/Vimeo MP4 alta qualidade
App Lottie, vídeo embutido
Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Boas práticas web

  • Lazy loading (loading="lazy").
  • <picture>/<video> com fallback.
  • Pré-visualização (poster) sem autoplay com som.
  • Acessibilidade — legendas, descrição, sem flashes (epilepsia).
  • Respeitar prefers-reduced-motion.
Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações
Bloco 5 · Direitos + arquivo

Entregar e guardar

Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Direitos e licenças

  • Música/SFX e imagens com licença.
  • Atribuição quando exigida (CC).
  • Marca/identidade visual respeitada.
  • Imagem de pessoas: autorização (RGPD).
Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Arquivo e versões

  • Mestre (ProRes/DNxHR) preservado.
  • Versões por destino derivadas do mestre.
  • Nomenclatura consistente: projeto_titulo_v01_1080p.mp4.
  • Projeto + assets em backup 3-2-1.
Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações

Workflow

  1. Definir destinos (e os seus requisitos).
  2. Mestre de alta qualidade.
  3. Derivar versões (codec/dimensão).
  4. Otimizar/comprimir com critério.
  5. Publicar (legendas/descrição/poster).
  6. Medir (visualizações, retenção, performance).
  7. Arquivar + iterar.
Aulify · Componente Tecnológica · Cursos Profissionais
UC02242 · Executar e publicar animações
Aulify · UC02242 · Fim

Bom trabalho mal publicado fica invisível.

📧 geral@aulify.pt
Aulify · Componente Tecnológica · Cursos Profissionais