Flash, Pequenos Macetes, Grandes Resultados
Upcoming SlideShare
Loading in...5
×
 

Flash, Pequenos Macetes, Grandes Resultados

on

  • 1,607 views

Apresentação para oficina no R Design Carioca 2010.

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

Statistics

Views

Total Views
1,607
Views on SlideShare
1,598
Embed Views
9

Actions

Likes
0
Downloads
16
Comments
0

3 Embeds 9

http://www.slideshare.net 6
http://www.linkedin.com 2
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

Flash, Pequenos Macetes, Grandes Resultados Flash, Pequenos Macetes, Grandes Resultados Presentation Transcript

  • Introdução
  • Flash vai Morrer?
  • Flash vai Morrer? View slide
  • Quando devo usar o Flash? View slide
  • 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 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.
  • PNG x GIF x JPG Qual o melhor? Depende... Vamos entender como funciona cada um!
  • 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:
  • 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.
  • 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.
  • PNG x GIF x JPG Qual o nível de compresão devo usar? Compressão geral da biblioteca Compressão Customizada
  • 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.
  • Library e sua organização Biblioteca, na definição tradicional do termo, é um espaço físico virtual em que se guardam livros arquivos.
  • 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(); //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.
  • 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.
  • 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.
  • 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. Propriedades exclusívas:       Texto Selecionável      Texto Rico
  • 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, regra básica de usabilidade.
  • 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,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 }
  • 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-michelle.com/   Blogs de Webdesign http://www.smashingmagazine.com/ http://www.webdesignerdepot.com/   Fórum http://flashmasters.com.br/forum/
  • Obrigado! twitter.com/Vamoss www.vamoss.com.br vamoss@vamoss.com.br