UFCD 5416 – WEB: Ferramentas
Multimédia
Aula 3 – Introdução ao Wick Editor
(Animação 2D)
Objetivos da Sessão
• Conhecer o ambiente do Wick Editor
• Criar uma animação simples com tweening
• Adicionar interatividade básica
O que é o Wick Editor?
• Editor gratuito e online de animação e
programação visual
• Substituto moderno ao Flash/ActionScript
• Funciona no navegador (sem instalação)
Interface do Wick Editor
• Timeline (linha de tempo)
• Palco de desenho
• Ferramentas: lápis, formas, texto, seleção
• Propriedades dos objetos
Animação Básica
• Criar uma figura no palco
• Selecionar o frame inicial
• Inserir keyframes e aplicar motion tween
• Testar a animação com Play
Interatividade Simples
• Adicionar botão (Draw Tool + Texto)
• Atribuir ação com código: gotoAndStop, play,
etc.
• Exemplo: botão para iniciar animação
Prática Guiada (Ficha de Trabalho)
• Criar animação com duas figuras e movimento
• Aplicar tweening entre quadros
• Adicionar um botão de ‘Recomeçar’
• Exportar como HTML ou vídeo
Guardar e Exportar
• Guardar projeto em .wick
• Exportar como HTML5 interativo
• Exportar como vídeo para redes sociais ou
sites
Resumo da Sessão
• Domínio básico do Wick Editor
• Criação de animações simples com tweening
• Interatividade com botões básicos
Próxima Sessão
• Edição de áudio com Audacity – Cortar, editar,
exportar