Qualquer pessoa que acessou a internet mais de uma vez com certeza já se deparou com a tela:

A mesma solicita a instalação do Flash Player para que o usuário possa visualizar animações interativas de parte do site ou mesmos sites que foram feitos inteiramente em Flash (aliás, uso cada vez mais corriqueiro devido o gama de recursos da ferramenta). Por tanto, vale ressaltar mesmo que muitos já o tenham feito, as características principais e o incrível poder do Flash (especificamente o MX) para produzir filmes, animações, menus e aplicações poderosas para web como interfaces com banco de dados e aplicações formulários, etc.

O Macromedia Flash Mx é um grande aliado na criação web profissional por possibilitar causar sensações de alto impacto ao usuário. Seus filmes constituem-se basicamente de gráficos e animações para serem usados em Web sites.

O real sucesso do Flash MX dá-se ao fato de seus filmes serem criados primariamente através de gráficos vetoriais, podendo conter ainda Bitmaps e sons. Além da comprovada capacidade de permitir a incorporação em filmes de recursos de interatividade com o usuário e permitir ainda trabalhar em modo de edição não-linear para interagir com outras aplicações Web.

Atualmente cresce muito o número de profissionais que utilizam o Flash para criar componentes comuns de sites, tais como botões de navegação, logotipos animados, aberturas de sites (usado amplamente para essa finalidade), devido a beleza e diferenciação do trabalho final e as variadas maneiras de possibilitar “encanto” visual ao usuário, diferentemente dos trabalhos criados somente na tão primata estática HTML (é claro que todos sabemos seu valor e utilidades, não vou enumerar aqui.). É notório que atualmente a maioria dos computadores já possui o Flash Player instalado, devido a evolução do software nos últimos 4 anos e devido aproximadamente 90 % de todo material que encontramos na web ser desenvolvido pelo menos parcialmente com o auxílio da ferramenta. (Até hoje, não conheci nenhum software com estilo de criação frame a frame, com tão vasta galeria de recursos e aplicações para Web.)

*Como você está percebendo é impensável desenvolver algo diferenciado e atraente para web sem utilizar o Flash.

Como criar arte-gráfica no Flash MX:

O Flash MX disponibiliza uma grande variedade de ferramentas que facilitam o trabalho de ilustração e criação do profissional, (nada impede que você importe uma arte criada em outra aplicação). É possível importar gráficos vetoriais e de Bitmaps para dentro do Flash MX, modificá-los com variadas ferramentas que o software disponibiliza para edição. Veremos posteriormente a utilidade de cada uma dessas ferramentas.

Animação de objetos

Com o Macromedia Flash MX, é possível animar muitas características de um objeto, como tamanho, opacidade, cor, rotacioná-lo, entre outros. É possível criar animações quadro a quadro, o que consiste em criar quadros individuais que são depois reproduzidos sequencialmente na linha de tempo, formando a animação final. Um exemplo: você pode fazer um objeto surgir gradualmente em tamanho, cor, fazer esse objeto girar, mudar de forma, ou qualquer outro comportamento que desejar enquanto atravessa o Stage (Palco). Existe um outro tipo de animação chamada interpolada, na qual o profissional cria o quadro inicial e o quadro final e, em seguida, o Flash MX cria automaticamente os quadros intermediários entre o primeiro e o último (tween).

Saiba como é possível criar animações interativas:

O Flash MX é um poderoso editor de animações interativas e para isso possui ferramentas que facilitam o trabalho do profissional. Os visitantes de um site criado em Flash MX podem com o mouse ou teclado ir para diferentes partes de um filme interativo, mover objetos, preencher formulários e executar ainda uma série de outras operações. Para isso usamos uma linguagem de programação chamada ActionScript, usada em formato de scripts que quando acionados executam Ações. Esses scripts podem consistir numa única ação, como simplesmente parar um filme, ou de várias ações, como avaliar determinadas condições, executar alguma ação no filme, enviar um formulário, etc. Muitas dessas ações são de fácil entendimento e o Flash MX possui ainda um modo de edição de ações para iniciantes com auxílio fantástico. No entanto existem eventos e ações mais complexos e avançados para criar animações igualmente mais avançadas e de melhor efeito visual. Para isso abordarei à fundo a linguagem ActionScript 2.0 no momento em que achar oportuno ao leitor. Explicarei cada evento e quais suas aplicações na Web.

Desenho, gráficos vetoriais e Bitmaps:

O Flash MX oferece ferramentas de desenho que permitem criar ou modificar formas em imagens, cores, traços, preencher uma área com gradiente, ajustar direção e tamanho do preenchimento, entre muitos outros. Antes de começarmos a desenhar e pintar no Flash, é preciso entender como o programa cria imagens, como funcionam as ferramentas, e como podemos desenhar, pintar ou modificar um objeto.

Gráficos Vetoriais x Bitmaps:

Um computador pode reproduzir dois tipos de gráficos: Vetoriais e Bitmaps. Vamos entender as diferenças entre os dois para que possamos trabalhar de maneira correta. Cabe ao profissional, escolher qual tipo de gráfico irá usar, para isso, é necessário verificar o tipo de aplicação onde vai ser empregado o objeto. Para animações compactas, geralmente são usados gráficos Vetoriais, no entanto existem outras aplicações em que o uso de um Bitmap otimizado seja mais aconselhável. Aos poucos você irá perceber claramente quando é melhor usar um gráfico Vetorial ou Bitmap. É possível importar e manipular vetores e bitmaps criados em outras aplicações mais especializadas. É oportuno utilizar-se desses softwares, para criação de um trabalho profissional, pois são produzidos especificamente para criação de gráficos Vetoriais e edição de imagens Bitmaps.

Gráficos Vetoriais:

A principal característica é a de descrever imagens através de linhas e curvas, chamadas de vetores, e que contém informações sobre suas propriedades de cores e posição. Quando um gráfico vetorial é editado, na realidade, a modificação ocorre nas linhas e curvas que descrevem a forma do gráfico. É possível mover, escalonar e mudar a cor de um gráfico vetorial sem que ocorra perda na qualidade de visualização desse gráfico.

Gráficos Bitmaps:

São descritos por imagens usando pontos coloridos, que são chamados pixels, e que ficam sob a forma de uma grade. Essa grade de pixels pode ser comparada ao desenho de um mosaico. Em uma imagem Bitmap, cada ponto ou pixel possui uma informação de cor e localização. Isso possibilita apresentar o gráfico Bitmap de uma forma bem detalhada. Para editar um Bitmap você precisa modificar seus pixels em vez de linhas e curvas, porém quando os modifica, pode ocorrer perda da qualidade na imagem, porque a grade onde os pixels são arranjados possui um tamanho fixo. Caso ocorra uma alteração no tamanho da imagem de Bitmap, os pixels que a compõem serão escalonados e poderão ficar deformados, o que implicará em uma visualização de baixa qualidade. Uma forma de verificar o efeito de deformação seria ampliar uma imagem Bitmap, ao contrário de uma imagem vetorial que não apresenta nenhuma alteração em sua resolução, um Bitmap ampliado, provavelmente terá sua aparência diferente da imagem original.

Cores e textos:

O Flash MX disponibiliza várias maneiras de aplicar, criar e modificar cores. Podemos usar a paleta padrão, ou uma paleta criada e personalizada, e ainda escolher as cores que serão aplicadas ao traço ou preenchimento de determinado objeto. É possível escolher qualquer cor sólida e ainda estilo e espessura do traço, cores gradiente ou bitmap. Você também pode criar um objeto com apenas contorno, ou seja, sem preenchimento algum (transparente), ou ainda um objeto sem contorno.

*Note as variáveis de criação que o software oferece!

É fato, que imagens, filmes e banners são indispensáveis nas páginas web, mas há de se dizer, o quão são importantes os textos para a conclusão do trabalho visual e lógico. Por isso, o filme produzido no Flash MX pode conter texto e pode ser inserido de muitas maneiras ( como blocos de texto com texto estático , por exemplo), ou ainda criar campos para textos dinâmicos, ou de entrada, que exibem o texto tipicamente como placares esportivos, entenda como textos de entrada, a inserção de dados em formulários.

A orientação do texto pode ser configurada de forma personalizada, horizontal, vertical, com fluxo da direita para esquerda ou esquerda para direita. Podemos definir atributos para o texto como: tamanho, fonte, estilo, controle, cor, kerning, deslocamento, alinhamento, etc.

O texto inserido pode ser transformado como se fosse qualquer objeto no palco: podemos girá-lo, redimensioná-lo, etc. Veremos posteriormente que, para formatar textos de entrada e dinâmicos, podemos usar o ActionScript, que oferece eventos para campos de texto e que podem ser capturados e usados para disparar scripts.

Então, por enquanto é isso pessoal, terei o maior prazer em esclarecer suas dúvidas.

Na próxima coluna falarei mais detalhadamente sobre: ferramentas, linha do tempo, palco, biblioteca e painéis. Continuaremos a descobrir o Flash MX, não perca!

Até a próxima … Forte abraço.. Danilo Forte =)

Mandem as dúvidas para o e-mail dmirandaforte@yahoo.com.br