0
Introdução
Flash vai Morrer?
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
Flash
Flash
Flash
Flash
Flash
Upcoming SlideShare
Loading in...5
×

Flash

797

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
797
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide








































  • Transcript of "Flash"

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

    ×