Olá, pessoal. Depois de meu artigo com dicas para otimizar ao máximo seu SWF, agora trago algumas dicas para o uso da tecnologia Flash de forma profissional.

Primeiro passo: entenda a tecnologia

Pode parecer incrível, mas muitos que desenvolvem em Flash não sabem exatamente o que é a plataforma. Os usuários também não; muitos clientes acham que Flash é a introdução de um site ou um topo animado. Tomando as palavras do WikiPedia:

“Adobe Flash (antes: Macromedia Flash), ou simplesmente Flash, é um software primariamente de gráfico vetorial – apesar de suportar imagens bitmap e vídeos – utilizado geralmente para a criação de animações interativas que funcionam embutidas num navegador web”

Obviamente sabemos hoje que a plataforma Flash é muito mais do que isso. Ela está presente em diversos dispositivos, incluindo os móveis, e diversas plataformas multimídia. Seu poder de interatividade é imbatível e agora já temos o mundo 3D popularizado dentro da tecnologia. Saber seu conceito é primordial para o planejamento de um projeto.

Saiba do que ele é capaz

Saber os limites e possibilidades da tecnologia permite criar e inovar com segurança. É importante conhecer todas as funcionalidades do Flash de acordo com suas versões e ambientes. Conhecer também suas “crias”, como o Flex, o Air, e saber onde utilizar em cada situação.

Quando usar o Flash?

Essa é a primeira pergunta que nos vem à mente quando temos um projeto em mãos: é melhor fazer em Flash? A resposta varia muito.

Apesar de o Google anunciar indexação de conteúdo de SWFs, ainda não é a solução definitiva deste problemático isolamento do Flash. O uso do Flash deve ser focado em mídias interativas, de grande apelo visual (sites de alto impacto), materiais com vídeo, animações, interfaces multimídia.

Normalmente costumo optar pelo Flash nos sites de clientes que são meramente institucionais, com pouco ou quase nenhum conteúdo dinâmico, pois permite maior liberdade de criação. Além disso, em interfaces multimídia e mídia on-line.

É importante sempre lembrar que mais de 98% dos computadores com acesso à internet possuem o plug-in Flash Player instalado, porém nos navegadores mais recentes, sua instalação automática não é tão intuitiva para usuários leigos e também pode ser barrada em redes restritas. Também sabemos que a esmagadora maioria dos internautas utiliza o botão voltar do navegador como ferramenta principal de navegação. É possível aplicar a funcionalidade no Flash, porém não é simples, demanda tempo e conhecimento avançado.

Tudo depende sempre do público-alvo de seu site. Conhecê-lo bem lhe dará a resposta exata de quando utilizar ou não a tecnologia Flash.

Pronto, escolhi usar o Flash, mãos à massa!

Somente uma palavra: planejamento. Qualquer que seja a peça em Flash, desde um banner até um site completo, merece o mesmo planejamento e atenção de um projeto com linguagem de programação e banco de dados. Defina antes todo o fluxo da navegação, animações, telas, estilos, layout, elementos e interatividades. Pode recorrer ao velho “rough” no papel (mesmo sendo contra o uso de papel, mas, enfim!), não tenha vergonha!

Seja organizado

A mesma liberdade que o Flash permite, também acaba gerando bagunça. Não há nada pior que abrir seu FLA e não ter idéia de onde encontrar o que quer. Mantenha sempre os elementos em suas devidas camadas, nomeadas, e sempre que sobrar um tempinho, arrume sempre sua biblioteca nomeando os elementos e organizando em pastas.

Ah! Não esqueça elementos sem uso “jogados” no Stage. Evite também elementos na biblioteca que não estão sendo utilizados pelo filme, limpe sempre o lixo antes de sair… 😀

Siga um padrão de nomenclaturas nos movieclips e no actionscript. Evite agrupamentos de objetos desnecessários e “nesting” (aninhagem) de movieclips fora de contexto.

Também cuide da modulação dos SWFs, caso existam filmes separados e siga também um padrão de nomenclatura para eles.

Refinamento

O segredo de um Flash profissional é seu refinamento. Um conjunto de características torna seu filme agradável, leve e coerente.

Siga sempre um estilo único nas animações de todo seu filme. Evite animações sem contexto, apenas para não ficarem “estáticas”, o famoso “pisca-pisca”. Seja coerente e mantenha sempre uma continuidade.

Use um framerate alto, de 33 a 54 fps, dependendo do público-alvo de seu site, visto que o processamento é proporcional ao framerate. As animações ficam mais fluidas e realistas. Cuidado com animações que pesem no processamento da máquina do usuário. Realize sempre testes de desempenho acompanhando o consumo de CPU da máquina.

Sempre que for animar bitmaps, use sempre a opção smoothing para evitar o serrilhado na imagem. A menos que seja com um propósito, jamais insira uma imagem em alta resolução em seu filme para depois escalar dentro do Flash. Importe-a no tamanho final para uso. Precisa esticar uma imagem em uma animação que vai distorcê-la? Disfarce com blur!

Procure sempre utilizar classes de “tween” (interpolação) para suas animações. Em AS2, uma ótima escolha é a MC Tween. Para os AS3 temos a Tweener, bem simples de usar. As classes permitem melhor controle das animações, tempo, e ainda enxugam o tamanho final de SWF caso você tenha muitas animações no mesmo filme. Além disso, permitem maior organização do fluxo das suas animações, pois você centraliza tudo pelo Actionscript.

Sempre tenha em mente a resolução do monitor de seu usuário. Deixe sempre seu filme líquido e testado em várias resoluções. No iMasters você pode encontrar um artigo meu sobre layouts líquidos no Flash.

Com um pouco de tempo e dedicação você conseguirá deixar seu filme navegável também pelo botão voltar do navegador. Dá trabalho, mas vale a pena tentar!

Por último, um Flash bem feito é sempre aquele que gera impacto com o menor tamanho possível. Não esqueça que seus usuários odeiam aquela velha barrinha de “carregando”…

Quanto à versão final do Flash Player de seu filme, procure sempre utilizar uma versão anterior à atual, contanto que não limite as funcionalidades que você planeja em seu filme. Por exemplo: não vai usar os recursos disponíveis apenas no Flash Player 10? Então é melhor exportar seu filme na versão 9 ou até mesmo anterior. Um simples banner que não usará mais do que um blur ou shadow não tem necessidade de ser exportado no Flash Player 9; a versão 8 já é mais do que suficiente e segura.

Para terminar…

Não se esqueça: O Flash é uma poderosa plataforma multimídia. Use sua criatividade sem limites, explore ao máximo os recursos da tecnologia. Evite “animar” seu site, apenas porque você o achou parado demais (ou como dizem alguns clientes, “meu site está muito estático”), seja coerente e inteligente.