Que desenvolver em Flash é legal, todos sabem. Que sites em Flash são legais também. Quem desenvolve para a Web muitas vezes tende a optar pelo Flash pela sua riqueza em visual e vasta quantidade de recursos, mas muitas vezes acaba se esquecendo de detalhes básicos… antes, durante e depois do desenv0lvimento.

Exponho isso diversas vezes em treinamentos, e são detalhes que aprendi com pura e simples observação. No meu desenvolvimento e principalmente no dos outros. Sim, pois não se aprende Flash apenas desenhando, animando, e sim observando outros trabalhos, vendo técnicas novas de animação, etc.

Veja os principais cuidados que devemos ter ao trabalhar com Flash:

1 – Seu cliente precisa?

Um site em Flash pode ser bem mais caro que um site institucional (bom, isso é assunto para horas, pois cada profissional tem sua forma de cobrar), mas acima disso, será que o seu cliente precisa de um site em Flash? Quais são as reais necessidades do seu cliente?

É importante considerar esse ponto, pois um site que não atenda às expectativas do cliente logo é substituído, e provavelmente seu desenvolvedor também. Transparência e honestidade são extremamente importantes para o profissional Flash, principalmente ao indicar a tecnologia a ser utilizada. Faça o papel de consultor, e oriente o cliente em relação a isso. Em uma discussão franca com seu cliente conquiste sua confiança, e faça-o permitir apontamentos e sugestões. Uma boa técnica para isso é estudar seu público-alvo.

Pense no seguinte: você atenderá uma empresa cujo foco é a classe C. Você oferecerá um site em Flash simplesmente por ele ser “bonitinho”?

2 - Flash não é pesado, mas pode se tornar pesado.

O que pesa mais? Uma animação Flash de 80 kb ou uma fotografia de 80 kb? É a mesma que perguntar sobre o quilo de chumbo ou algodão. São a mesma coisa!

Porém há uma incidência direta do Flash sobre o vídeo da máquina do usuário. Uma animação Flash com uma bolinha subindo e descendo é uma coisa. Duas bolinhas ao mesmo tempo exigem mais processamento da máquina do usuário. Três bolinhas mais ainda… e quatro, e cinco… e isso sim torna-se pesado! Não pelo peso do arquivo, mas da necessidade de alto processamento vindo dos recursos de vídeo da máquina do usuário. Tente falar com seu amigo jogando uma bolinha para o alto. Depois duas, depois três… e então você não fala mais! Só se concentra. É o mesmo processo.

3 – Maldito botão direito.

Várias vezes testei sites na frente de alunos. Várias vezes peguei erros. Várias vezes apontei, zombei e ensinei.

Não sou perfeito, mas o botão direito de uma animação em Flash eu travo. Sempre. Já peguei sites onde o botão direito do mouse está destravado na aplicação Flash e o usuário consegue dar zoom no mesmo, desfigurando assim o site, o banner, o floater, o menu, ou seja lá o que for. É péssimo, e não é acessibilidade. Para tanto, no primeiro frame do seu site em Flash, utilize o código que trava o botão direito do mouse. Segue abaixo as duas versões de código:

A – ActionScript 2.0

Stage.showMenu = false;

B – ActionScript 3.0

Stage.showDefaultContextMenu = false;

E lá se vai o seu usuário sem dar zoom no seu site…

4 – Qual velocidade eu uso no Timeline?

http://www.eduardolacorte.com.br/2009/04/27/velocidade-do-timeline-em-um-arquivo-flash/

5 – Quero fazer um portal em Flash.

Inviável. Portal geralmente é acessado por diversos tipos de públicos, e não são todos que têm acesso a boa tecnologia, como internet rápida, computador bom e outros. Vá para o XHTML. Já teve universidade que fez isso e não durou muito tempo…

6 – E trilha sonora em site?

Vai de cada um. Certa vez passei horas escolhendo uma trilha sonora para uma animação que eu havia feito para a Ellemento, e depois de terminar mandei o link para um grande amigo meu avaliar, como usuário mesmo. A avaliação dele foi a seguinte: “Cara, gostei muito, só não gostei do som.”

Claro, perguntei o porquê. E a resposta: “É que eu já entro na Internet ouvindo música, e sites com música atrapalham o que estou ouvindo.”

É de se pensar…

7 – Qual a medida ideal para um site em Flash?

Não há medida ideal, e sim medida ideal para projeto a ser executado. O site será direcionado para qual público? Lembre-se que a resolução de 800 x 600 já está praticamente descartada. Outro fator a considerar é que os browsers não são iguais, e os usuários os utilizam de maneiras diferentes, com barras de ferramentas diferentes, dando então alturar diferentes.

Pessoalmente gosto de utilizar 980 x 550, pois desenvolvo para o público que usa no mínimo 1024 x 768 px na resolução de tela. E rolagem liberada, pois não sei o que o usuário tem no navegador dele. Avaliar altura é sempre complicado…

8 – E peso? Há peso ideal?

Não. Há bom senso. Você colocaria no ar um site de 2 MB para ser baixado pelo seu usuário? Ele está cheio de recursos? O que é realmente importante manter? Esvazie-o, elimine animações, deixe o seu site o mais objetivo possível. Certamente você atingirá para o primeiro carregamento algo em torno de 500kb a 1 MB, o que considero sim, IDEAL.

9 – Posso fazer o menu do meu site HTML em Flash?

Pode, mas não deve. O Flash inibe a apresentação do link na barra de status do browser do usuário, e muitos usuários consultam esse setor para saber precisamente para onde estão indo. O Flash não passa essa informação ao browser, o que pode gerar certa desconfiança no seu usuário. Site em HTML, menu em HTML. Não cabe Flash a esse setor.

10 – Filtros no Flash exigem cuidados também?

Sim. Tendem a deixar a animação mais lenta. Faça um teste aplicando um efeito do tipo Blur em uma palavra (desde que devidamente criada como Movie Clip), onde a mesma irá aparecendo aos poucos com Motion Tweening. No Flash ela terá o efeito desejado, mas no browser seu surgimento ficará mais lento. Evite grandes efeitos, seja prático e direto. É melhor.

—

Bom, essas foram algumas dicas que eu quis passar. Existem várias outras, que devo ir postando aos poucos. Mas espero que essas dez dicas acima o auxiliem em seu desenvolvimento Flash. Perceba que a grande maioria não passa de análise e bom senso. No Flash são fundamentais.

Grande abraço! Principalmente para a minha mãe, pelo seu aniversário! Um grande beijo, mãe… amo você! (ficou meio Xuxa, mas tudo bem… rs)

Send post as PDF to

Porém, podemos abrir mão desse conceito de TV / Cinema x Frames por segundo, passando a pensar em qualidade e simplesmente trabalhando com outras velocidades que viabilizem melhor animação. Qual tal SESSENTA frames por segundo?

Vamos tomar como exemplo uma animação de uma janela aparecendo na tela. Pelo nosso briefing ela precisa de 2.5 segundos para aparecer completamente na tela. Efeito simples… de alpha 0% para 100%, por exemplo. Ou deslocamento de um ponto a outro.

Com a velocidade de 12 frames por segundo no seu arquivo você precisará de 30 frames para executar essa animação. Logo, serão 30 passos ou 30 estágios de evolução da sua animação.

Já com a velocidade de 30 frames por segundo a coisa melhora um pouco no quesito qualidade, justamente porque você passará a utilizar o dobro de passos para a mesma animação, pois para executá-la em 2.5 segundos você precisará de 75 frames!

Imagine agora a mesma animação a 48 frames por segundo, e 120 frames no Timeline. É a quantidade necessária de frames para atender àqueles 2.5 segundos do briefing.

Mas o meu frame rate (taxa de frames) preferido é 60 frames por segundo. Eu utilizaria 150 frames para obter a mesma animação, atendendo aos 2.5 segundos.

Veja as imagem abaixo e entenda onde está a explicação disso:

Perceba que cada contorno é um passo da animação (visualizada com Edit Multiple Frames e Outlines na opção da camada). Quanto mais distante um passo se encontrar do outro, maior será o pulo entre eles. E somando isso à baixa velocidade do arquivo, o efeito de travamento na sua animação será dado como certo.

O objetivo é aplicar um efeito de deslize perfeito, por isso mais intervalos dentro do mesmo espaço são imprescindíveis. Realize o teste com motion ou shape na sua animação (independente) e tire suas próprias conclusões. Ao longo da sua experiência com Flash você ouvirá perguntas como:

“A quantidade de frames por segundo aumenta exponencialmente o tamanho do meu arquivo?”
Resposta: Não. Ela acrescenta sim, algo a mais, mas nada relevante, pois para o Flash é mais importante a quantidade de desenhos e imagens, e não a velocidade do mesmo.

“A quantidade de frames por segundo pode interferir na execução da aplicação na máquina do meu usuário?”
Resposta: Sim, pois serão mais passos de animação. Porém, convém analisar o público-alvo antes de aplicar a técnica. Se for um site voltado para um público que não tem problemas com maquinário, tudo bem. Senão, convém partir para a web estática e deixar o Flash um pouco de lado. Ou então trabalhar com uma velocidade baixa para atender o público com menor acesso a bom maquinário. Banners a serem exibidos em portais, por exemplo, CONTRATUALMENTE têm seus frame rates reduzidos. O Terra, por exemplo, solicita o banner com a velocidade fixada em 18 frames por segundo.

“Ouvi dizer que a visão humana capta 24 posições por segundo. E se eu usar mais do que isso no Flash?”
Resposta: Estamos falando de qualidade, não de Leis da Física, Ótica, seja lá o que for. O assunto é qualidade de animação, não passagem de mensagem subliminar, o que a visão humana capta ou não. Ela captará qualidade na animação, e isso é inquestionável.

Bom, pessoal, é isso aí. Além de ser um momento “Para refletir”, é também uma boa dica de uso do Flash, e também uma opinião pessoal, de que devemos focar em qualidade, não em Leis da Física ou processamento. Um post 3 em 1… que beleza!

[]’s!

Send post as PDF to