Introdução
Flash vai Morrer?
Flash vai Morrer?
Quando devo usar o Flash?
Quando devo usar o Flash?
Como pensar layout para Flash
Quadrado de Referência
Como pensar layout para Flash
Layout Fixo X Layout Escalonável
Layout Fixo X Layout Escalonável
Layout Fixo X Layout Escalonável
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
...
PNG x GIF x JPG



                 Qual o melhor?




                   Depende...


      Vamos entender como funciona ...
PNG x GIF x JPG

GIF e PNG 8-bit usam compressão LZW (Lempel-Ziv-Welch?).
 
 
 
 
  
         Ah, o GIF permite animações,...
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 paralelo...
PNG x GIF x JPG

O PNG 24 bits foi desenvolvido com
open-source para substituir o GIF.


GIF 2568 bytes




PNG 372 bytes ...
PNG x GIF x JPG




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


                        MACETÃO
                              
No Flash o PNG do Fireworks é sempre melh...
Library e sua organização

Biblioteca, na definição tradicional do termo, é um espaço
físico virtual em que se guardam liv...
Programação Orientada a Objetos
Programação Orientada a Objetos
Programação Orientada a Objetos
Programação Orientada a Objetos
Som embeded e externo

Para músicas é recomendado carregar externamente:
//Cria o objeto som
var meuSom:Sound = new Sound(...
Grid de pixel e smooth do pixel

Por que meu layout fica todo desalinhado?
O Flash possui um sistema de posicionamento X e...
Redimensionamendo de imagem
Por que minhas imagens estão distorcidas?
Tendo em vista que redimencionar Bitmap não é uma pr...
Embeded fonts




Certique-se que a tipografia correta
apareça no seu layout.
 
 
Texto selecionável e com formatação
HTML
A interface de configuração da caixa
de texto é semelhante a toda família
Adobe.
...
http://www.adrenaline.com.br/telecom/noticias/4071/web-no-brasil-esta-entre-as-mais-lentas-do-mundo.html
Preloader: definição, modelos e
otimização
É importante informar para o usuário o que está acontecendo,
isso é Feedback, r...
Preloader: definição, modelos e
otimização
Botão invisível
Reverse frame

var desativado=true;


addEventListener(Event.ENTER_FRAME,verifica);
addEventListener(MouseEvent.ROLL_OVER,...
3D no Flash (Se existir o CS4)

Coordenadas XYZ, Rotação, Ponto de Fuga
Versões

Flash Player 6, 7, 8, 9, 10, 10.2
Referências
Artístas
Joshua Davis -  http://joshuadavis.com/

Mr Doob - http://mrdoob.com/

Andre Michele - http://andre-m...
Obrigado!

  twitter.com/Vamoss
 www.vamoss.com.br
vamoss@vamoss.com.br
Flash, Pequenos Macetes, Grandes Resultados
Flash, Pequenos Macetes, Grandes Resultados
Flash, Pequenos Macetes, Grandes Resultados
Flash, Pequenos Macetes, Grandes Resultados
Flash, Pequenos Macetes, Grandes Resultados
Flash, Pequenos Macetes, Grandes Resultados
Flash, Pequenos Macetes, Grandes Resultados
Upcoming SlideShare
Loading in …5
×

Flash, Pequenos Macetes, Grandes Resultados

1,195
-1

Published on

Apresentação para oficina no R Design Carioca 2010.
www.vamoss.com.br

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,195
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide





































  • Flash, Pequenos Macetes, Grandes Resultados

    1. 1. Introdução
    2. 2. Flash vai Morrer?
    3. 3. Flash vai Morrer?
    4. 4. Quando devo usar o Flash?
    5. 5. Quando devo usar o Flash?
    6. 6. Como pensar layout para Flash
    7. 7. Quadrado de Referência
    8. 8. Como pensar layout para Flash
    9. 9. Layout Fixo X Layout Escalonável
    10. 10. Layout Fixo X Layout Escalonável
    11. 11. Layout Fixo X Layout Escalonável
    12. 12. 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.
    13. 13. PNG x GIF x JPG Qual o melhor? Depende... Vamos entender como funciona cada um!
    14. 14. 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:
    15. 15. 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.
    16. 16. 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.
    17. 17. PNG x GIF x JPG Qual o nível de compresão devo usar? Compressão geral da biblioteca Compressão Customizada
    18. 18. 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.
    19. 19. Library e sua organização Biblioteca, na definição tradicional do termo, é um espaço físico virtual em que se guardam livros arquivos.
    20. 20. Programação Orientada a Objetos
    21. 21. Programação Orientada a Objetos
    22. 22. Programação Orientada a Objetos
    23. 23. Programação Orientada a Objetos
    24. 24. 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.
    25. 25. 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.
    26. 26. 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.
    27. 27. Embeded fonts Certique-se que a tipografia correta apareça no seu layout.    
    28. 28. 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
    29. 29. http://www.adrenaline.com.br/telecom/noticias/4071/web-no-brasil-esta-entre-as-mais-lentas-do-mundo.html
    30. 30. Preloader: definição, modelos e otimização É importante informar para o usuário o que está acontecendo, isso é Feedback, regra básica de usabilidade.
    31. 31. Preloader: definição, modelos e otimização
    32. 32. Botão invisível
    33. 33. 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 }
    34. 34. 3D no Flash (Se existir o CS4) Coordenadas XYZ, Rotação, Ponto de Fuga
    35. 35. Versões Flash Player 6, 7, 8, 9, 10, 10.2
    36. 36. 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/
    37. 37. Obrigado! twitter.com/Vamoss www.vamoss.com.br vamoss@vamoss.com.br
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×