Flash

973 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
973
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide








































  • 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

    ×