0% acharam este documento útil (0 voto)
35 visualizações10 páginas

UFCD 5416 Aula3 Wick Editor Animacao

A aula introduz o Wick Editor, um editor online gratuito para animação e programação visual, que substitui o Flash/ActionScript. Os alunos aprendem a criar animações simples com tweening e adicionar interatividade básica através de botões. A prática guiada envolve a criação de uma animação com movimento e a exportação do projeto em diferentes formatos.
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PPTX, PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
35 visualizações10 páginas

UFCD 5416 Aula3 Wick Editor Animacao

A aula introduz o Wick Editor, um editor online gratuito para animação e programação visual, que substitui o Flash/ActionScript. Os alunos aprendem a criar animações simples com tweening e adicionar interatividade básica através de botões. A prática guiada envolve a criação de uma animação com movimento e a exportação do projeto em diferentes formatos.
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PPTX, PDF, TXT ou leia on-line no Scribd

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

Você também pode gostar