O documento discute tópicos relacionados ao Flash, incluindo se o Flash vai morrer, quando usar o Flash, layouts no Flash, importação de arquivos do AI e PSD, formatos de imagem como PNG, GIF e JPG, programação orientada a objetos no Flash, som no Flash, grid de pixels, fontes embutidas, texto selecionável, preloaders, botões invisíveis, reverso de frames, 3D no Flash e versões do Flash Player.

7. Introdução

8. Flash vai Morrer?

9. Flash vai Morrer?

10. Flash vai Morrer?

11. Quando devo usar o Flash?

12. Quando devo usar o Flash?

13. Como pensar layout para Flash

14. Quadrado de Referência

15. Como pensar layout para Flash

16. Layout Fixo X Layout Escalonável

17. Layout Fixo X Layout Escalonável

18. Layout Fixo X Layout Escalonável

19. Importar do AI e de PSD
Vale muito a pena ser organizado
desde o início do projeto.
Afinal, a maioria dos elementos são
extendidos ao Flash.
Mescle camadas, transforme-as em
MovieClips, extenda os efeitos.
As camadas do Photoshop e Illustrator importadas são
colocadas em keyframes e camadas no Flash.

20. PNG x GIF x JPG
Qual o melhor?
Depende...
Vamos entender como funciona cada um!

21. PNG x GIF x JPG
GIF e PNG 8-bit usam compressão LZW (Lempel-Ziv-Welch?).
Ah, o GIF permite animações, mas hey, já estamos no Flash!
Melhor para imagens chapadas:

22. PNG x GIF x JPG
JPG sempre comprime!
Ele faz isso agrupando os ícones em 8 x 8px, então ele
compara com os grupos paralelos e vai seguindo a
compressão.

23. PNG x GIF x JPG
O PNG 24 bits foi desenvolvido com
open-source para substituir o GIF.
GIF 2568 bytes
PNG 372 bytes Transparência de qualidade.

24. PNG x GIF x JPG
Qual o nível de compresão devo usar?
Compressão geral da biblioteca
Compressão Customizada

25. PNG x GIF x JPG
MACETÃO
No Flash o PNG do Fireworks é sempre melhor que o JPG.
Isso acontece porque o Flash comprime o PNG através de
funcões matemáticas próprias.
Diferente do PNG (Flattened) do Photoshop.
Como temos a imagem CRUA, ou seja, sem nenhum tipo de
compactação, o Flash se incumbe em converte-las para JPEG
com a compressão que você quiser durante a exportação.

26. Library e sua organização
Biblioteca, na definição tradicional do termo, é um espaço
físico virtual em que se guardam livros arquivos.

27. Programação Orientada a Objetos

28. Programação Orientada a Objetos

29. Programação Orientada a Objetos

30. Programação Orientada a Objetos

31. Som embeded e externo
Para músicas é recomendado carregar externamente:
//Cria o objeto som
var meuSom:Sound = new Sound();
//Cria o objeto SoundChannel
var sndChannel:SoundChannel = new SoundChannel();
//Load sound using URLRequest
meuSom.load(new URLRequest("musica.mp3"));
//Cria um disparador para quando a música for carregada
meuSom.addEventListener(Event.COMPLETE, onComplete, false, 0, true);
function onComplete(evt:Event):void {
//Toca música
sndChannel = meuSom.play();
}
Mas sonosplastia, é mais simples colocar o áudio na TimeLine.

32. Grid de pixel e smooth do pixel
Por que meu layout fica todo desalinhado?
O Flash possui um sistema de posicionamento X e Y que
permite subfrações.

33. Redimensionamendo de imagem
Por que minhas imagens estão distorcidas?
Tendo em vista que redimencionar Bitmap não é uma prática
legal, mas nem sempre conseguimos escapar, principalmente
nas animações.
O Flash tem um recurso que ajuda MUITO na qualidade da
renderização da imagem.

34. Embeded fonts
Certique-se que a tipografia correta
apareça no seu layout.

35. Texto selecionável e com formatação
HTML
A interface de configuração da caixa
de texto é semelhante a toda família
Adobe.
Propriedades exclusívas:
Texto Selecionável
Texto Rico

36. http://www.adrenaline.com.br/telecom/noticias/4071/web-no-brasil-esta-entre-as-mais-lentas-do-mundo.html

37. Preloader: definição, modelos e
otimização
É importante informar para o usuário o que está acontecendo,
isso é Feedback, regra básica de usabilidade.

38. Preloader: definição, modelos e
otimização

39. Botão invisível

40. Reverse frame
var desativado=true;
addEventListener(Event.ENTER_FRAME,verifica);
addEventListener(MouseEvent.ROLL_OVER,onRollOver);
addEventListener(MouseEvent.ROLL_OUT,onRollOut);
function verifica(e:Event){
if(desativado){
this.prevFrame();
}
}
function onRollOver(e:MouseEvent){
desativado = false;
play();
}
function onRollOut(e:MouseEvent){
desativado=true
}

41. 3D no Flash (Se existir o CS4)
Coordenadas XYZ, Rotação, Ponto de Fuga

42. Versões
Flash Player 6, 7, 8, 9, 10, 10.2

43. Referências
Artístas
Joshua Davis - http://joshuadavis.com/
Mr Doob - http://mrdoob.com/
Andre Michele - http://andre-michelle.com/
Blogs de Webdesign
http://www.smashingmagazine.com/
http://www.webdesignerdepot.com/
Fórum
http://flashmasters.com.br/forum/

44. Obrigado!
twitter.com/Vamoss
www.vamoss.com.br
vamoss@vamoss.com.br