Como animar com máscaras no Fireworks CS5 - dummies

Se você é um usuário do Photoshop, provavelmente você está familiarizado com máscaras. Você pode adotar um passo adiante no Adobe Fireworks Creative Suite 5, animando uma máscara.

As máscaras permitem que você escolha a área visível de uma imagem. O processo é como cortar um buraco em um pedaço de papel e depois colocar uma imagem embaixo dele. O orifício no papel mostra apenas a área da imagem abaixo que deseja expor; o resto das máscaras de papel (cobre) as partes da imagem que você não deseja expor.

Veja como criar um objeto e máscara simples e, em seguida, animar a máscara.

Crie uma imagem e uma máscara

Para criar a imagem e a máscara para sua animação, siga estas etapas:

1. Crie um novo documento que mede 500 pixels por 500 pixels.

2. Com a ferramenta Star (escondida na ferramenta Rectangle), crie muitas estrelas próximas.

   Use as cores e tamanhos que você deseja para as estrelas. Esta etapa cria várias camadas.

3. Escolha Janela → Camadas para abrir o painel Camadas.

4. Clique na camada superior listada no painel Camadas e, em seguida, clique com Shift na camada inferior para selecionar todas as camadas que você criou.

5. No menu do painel no painel Layers, escolha Flatten Selection.

   As camadas são achatadas em uma camada de bitmap.

6. Selecione a ferramenta Marquee na seção Bitmap do painel Ferramentas, faça uma seleção retangular estreita através do meio das estrelas e, em seguida, clique no botão Adicionar máscara na parte inferior do painel Camadas.

   O Fireworks cria uma máscara com base na área de imagem que você selecionou.

   

Animar a máscara

Para animar a máscara, mas não as estrelas, siga estas etapas:

1. No painel Camadas, clique no ícone de cadeia que aparece entre a camada de estrelas e a máscara.

   

   Esta cadeia permite mover a camada e a máscara de forma independente.

2. No painel Camadas, clique na máscara para selecioná-la.

3. No menu do painel no painel Estados, escolha Estado duplicado.

   Aparece a caixa de diálogo Estado duplicado.

4. Selecione o botão de opção Estado pós-atual e clique em OK.

   O estado 2 aparece.

5. Com a ferramenta Ponteiro, selecione a máscara e arraste a máscara ligeiramente para baixo na tela.

   As estrelas permanecem no lugar; apenas a máscara se move.

6. Repita os passos 3-5 pelo menos uma vez.

7. Teste sua animação clicando no botão Reproduzir na seção inferior direita do espaço de trabalho do Fireworks.

Você pode criar algumas animações criativas usando esta técnica, talvez usando um logotipo ou outro texto como uma máscara.