Busca Tutoriais

Aprenda os princípios do Flash

Em: Flash, Por: Daniel, Data: 13/01/2010 12h 34min

Avaliação:

Dê sua nota: n\a « Muito Bom

Habitue-se às principais funções do programa por meio de um tutorial simples e prático

Amplamente utilizado em sites conceituais e em pequenos dispositivos Web para os mais diversos fins, o Flash é um programa que veio para fi car. Apesar de a Web estar cada vez mais voltada para os padrões XHTML e CSS, o Flash nunca vai perder sua grande utilidade, principalmente quando o assunto é desenvolvimento de jogos, banners interativos, portais que precisam de certo toque artístico e outros recursos sofi sticados, como galerias de imagens com efeitos interessantes de transição. Esse último dispositivo é apresentado no tutorial desta matéria.

Para realizar o tutorial, o leitor utilizará todos os principais conceitos necessários em qualquer apresentação do Flash. Ao seguir os passos, você vai estabelecer as medidas e as cores do palco em que a apresentação será realizada, criará layers para a montagem da apresentação, trabalhará com a linha do tempo e seus principais conceitos, como keyframes, e compreenderá o funcionamento da biblioteca do software. Além disso, durante a realização do passo-a-passo, é possível entender o que representam os movie clips, os botões e alguns comandos básicos da linguagem ActionScript, cujas aplicações estão bem explicadas nos passos. Depois de realizar a galeria de fotos, você pode arriscar-se a construir um site completo em Flash em torno dela, utilizando outras funções que já foram apresentadas nesta revista.

Não deixe de manter seu trabalho bem organizado, além de realizar um rascunho em papel e um projeto escrito, com planejamento adequado. Isso vale não somente para o Flash, mas para todos os aplicativos da Adobe voltados para a Web. Antes de criar seu palco e colocar a mão na massa, você deve saber exatamente de todos os recursos que seu site terá e que ferramentas serão utilizadas para viabilizar a construção da página ou apresentação. Bom trabalho! (A.A.)

1 – Depois de abrir o Flash, clique sobre o botão Size, que se encontra na barra de propriedades, na base do monitor, a fim de alterar o tamanho da animação que será criada.

2 – Estabeleça 320 pixels como tamanho tanto no campo width como para o campo height. Mantenha como cor de fundo o branco e altere de 12 para 24 no campo Frame rate. Clique em OK.

3 – Crie uma nova camada clicando sobre o botão com o desenho de uma página e um símbolo de soma. Em seguida, mude seu nome de Layer 2 para Ações, clicando duas vezes sobre o título atual.

4 – Com a camada Layer 1 selecionada em seu primeiro quadro, clique sobre Rectangle Tool na barra de ferramentas para a criação de um retângulo, que será transformado em movie clip.

5 – Tendo selecionado o retângulo, pressione a tecla F8 para abrir a caixa de conversão. Clique sobre Movie clip e nomeie esse elemento como “anima_fotos”. Clique em OK.

6 – O retângulo já apresenta um elemento semelhante a um alvo em seu centro, o que signifi ca que o Movie clip foi criado. Em propriedades, escolha Alpha na caixa Color e estabeleça 0%.

7 – Dê duplo clique sobre o retângulo. Vá à barra de propriedades, localize a barra de cores e mude a cor para transparente. Para isso, escolha o quadrado branco com uma faixa vermelha em diagonal.

8 – Nesta nova timeline, crie duas camadas além da já existente e renomeie a primeira como “Ações”, a segunda como “Imagens” e a terceira como “Botões”, conforme mostra a imagem.

9 – Para a camada ações, crie três keyframes nos quadros número 5, 10 e 15, pressionando a tecla F6 sobre cada um deles. Faça o mesmo na linha da camada reservada para as fotos.

10 – Adicione botões na camada reservada para eles. O Flash possui exemplos de botões prontos. Acesse o menu Windows, Common Libraries e escolha a opção Buttons.