Animate cc

A nova aposta para

animação web
felipe santos

Operador de scanner | 1989

designer gráfico
Pós | Design estratégico
Treinamento adobe | 1998
o legado do flash
o legado do flash

• FutureSplash Animator [1996] • Adobe Flash Professional CS3 [2007]

• Macromedia Flash 1 [1996]
• Adobe Flash Professional CS4 [2008]
• Macromedia Flash 2 [1997]
• Adobe Flash Professional CS5 [2010]
• Macromedia Flash 3 [1998]
• Macromedia Flash 4 [1999] • Adobe Flash Professional CS5.5 [2011]
• Macromedia Flash 5 [2000]
• Adobe Flash Professional CS6 [2012]
• Macromedia Flash MX [2002]
• Adobe Flash Professional CC [2013-2015]
• Macromedia Flash MX 2004 [2003]
• Macromedia Flash 8 [2005] • ADOBE ANIMATE CC [2016-?]
o legado do flash

Flash / SWF Adobe Air

MUDANÇA ESTRATÉGICA
Novos recursos
Rebranding
novos formatos de publicação
projetos
perfil de usuários

Design Gráfico Motion Design Developer

Ilustrações, quadrinhos, Keyframe – Intervalação - Games, Interações,
banners - Camadas - Animação Aplicativos
melhor controle dos objetos
Rotação do canvas
Creative cloud library
Exportação - Projetos com html5 canvas
exportação - projetos com FLASH
Animação web - desktop / mobile

SVG CANVAS WEBGL

PRO PRO PRO
• Responsivo • Performance • Interatividade
• Vetor • Interatividade • Efeitos 3D
• Flexível/Editável • Um só elemento • GPU (recursos placa vídeo)
<canvas>
CONTRA CONTRA
• Compatibilidade browsers CONTRA • Compatibilidade browsers
• Suporte interatividade • Formato fixo • Complexidade
• Objetos rasterizados • Restrições no mobile
(Imagens)

Exemplos Exemplos Exemplos

Animação web - desktop / mobile

GIF SPRITE VÍDEO

PRO PRO PRO
• Compatibilidade • Compatibilidade • HTML 5 / <video>
• Peso • Peso • Full-screen
• Parallax / scroll
CONTRA CONTRA
• Pouca interatividade • Pouca interatividade CONTRA
• Objetos rasterizados • Objetos rasterizados • Peso
(Imagens) (Imagens)
• Interação

sprite

Exemplos Exemplos Exemplos

integração adobe

FORMATO OAM
• Arquivo Zipado
• Ideal para importação em
outros softwares Adobe
Aplicativos - desktop / mobile
Aplicativo desktop - win / MAC OS

APP separado para cada

sistema operacional.
Aplicativo desktop - android

Produção via
Windows ou Mac OS.

Gera internamente o
certificado.
Aplicativo desktop - iOS

Produção apenas
via Mac OS.

Criação prévia dos

certificados.
Case projeto dodói - tablets
Case projeto dodói - tablets
Animação na web

Tag <canvas> HTML5 Padrões web - W3C

Animação na web

Tag <canvas> HTML5 Padrões web - W3C

“Santo graal” DA distribuição digital

Open Source
Multiplataforma
Responsivo
Interatividade
Multimídia
CÓDIGO
“Santo graal” DA distribuição digital

Animate
Animações multiplataforma

Adobe Muse
Sites Responsivos em HTML5

InDesign
Open Source Hub de publicações digitais
Multiplataforma Formato ePUB
eBooks Responsivos / Interativos
Responsivo
Interatividade Plataforma de Apps
Integração via InDesign & HTML
Multimídia
Captivate
CÓDIGO Interatividade e finalização
“Santo graal” DA distribuição digital

Animate
Animações multiplataforma

Adobe Muse
Sites Responsivos em HTML5

InDesign
Open Source Hub de publicações digitais
Multiplataforma Formato ePUB
eBooks Responsivos / Interativos
Responsivo
Interatividade Plataforma de Apps
Integração via InDesign & HTML
Multimídia
Captivate
CÓDIGO Interatividade e finalização
 AGENDA
Ainda hoje 20/09 - terça 21/09 - quarta
aplicativo iTunes U & Publicações
editorial iBooks Author – Digitais
para eAD Apple no EAD eBOOK’s ou APP’s

Sala 1 Sala 7 Sala 7

17h30 14h30 14h
 Perguntas?
obrigado.

dualpixel dualpixel.cursos pixelaula

Tel. (21) 3231-8477 | felipesantos@dualpixel.com.br

www.dualpixel.com.br