16
set

Efeitos de preenchimento de mascaras

Vamos ver um efeito de máscara para preencher um recipiente.
Iremos desenhar uma forma com a ferramenta Pen. Para isso poderemos usar alguns comandos da opção: Modify > Shape:
Straighten: acentua as retas da forma desenhada
Smooth: acentua as curvas da linha.
Optimize: abre uma janela para otimizar as curvas da linha
Convert Lines to Fills: converte as linhas da forma em preenchimento.
Expand Fill: expande o preenchimento da forma.
Soften Fill Edges: deixa as bordas do preenchimento mais tênues.

Outra opção, também, é a opção de Combine Objects do menu Modify.
1- Desenhe uma forma com a ferramenta Pen, que contenha preenchimento e contorno, usando estes recursos, se necessário.
2- Depois de pronta a forma, dê um duplo clique na forma para entrar na sua edição.
3- Dê um duplo clique em cima do contorno do objeto para selecioná-lo por completo e vá até o menu: Edit > Cut.
4- Retorne para a Scene 1, clicando em seu respectivo ícone.
5- Crie uma nova camada e nomeia para “contorno”
6- Para nos certificarmos que o preenchimento ocupará nessa camada a mesma posição que ocupava na camada anterior, escolha a opção: Edit > Paste in Place.
Agora temos o contorno do objeto em uma camada e o preenchimento em outra.
7- Crie uma nova camada renomeando-a para “animacao”.
8- Na camada “animacao” desenhe um retângulo e converta-o para um símbolo gráfico, posicionando-o abaixo da forma.
9- Na layer “animacao” peça um Create Motion Twees e prolongue as outras layers, também.
10- Posicione o indicador de tempo no quadro final da layer “animacao”, selecione o símbolo e aumente-o, usando a ferramenta Free Transform (pressione a tecla ALT e clique na extremidade), até que cubra completamente o objeto.
11- Clique com o botão direito do mouse sobre a camada “objeto” e escolha a opção: Mask.

Efeito de preenchimento de uma mascara

Efeito de preenchimento de uma mascara

Agora basta testarmos a animação.

16
set

Usando mascaras na animação

Uma técnica bastante usada em animação utiliza máscaras para obter o efeito de mostrar apenas parte da animação.
Quando trabalhamos com máscaras, apenas as áreas que definimos nelas serão mostradas no resultado final, não sendo visualizadas as outras áreas do elemento
1- Crie um novo documento e renomeie a layer inicial para “mascarado”.
2- Digite no palco o texto: Adobe Flash
3- Clique com o botão direito do mouse no quadro 30 e escolha a opção Insert Frame (F5), com isso prolongamos a duração do texto na tela por 30 quadros.
4- Crie uma nova layer acima da layer “mascarado” e nomeie como “mascara”
5- Na layer “mascara” desenhe um círculo que possua um tamanho um pouco maior que a altura do texto e torne-o um símbolo gráfico posicionando-o um pouco à esquerda do texto.
6- Na layer “mascara” peça um Create Motion Tween.
7- Posicione o indicador de tempo no quadro final da layer mascara e desloque a forma para o lado direito do texto.
Com isso temos o círculo passando sobre o texto de um lado para outro. Chegou àhora de dizer para o Flash que somente a área em que o círculo estiver passando deve ser mostrada na layer “mascarado”.
8- Selecione a layer “mascara” e clique com o botão direito do mouse sobre ela. Selecione a opção Mask.
Com isso o efeito já esta pronto.

Mascaras para animação no Adobe Flash CS5

Mascaras para animação no Adobe Flash CS5

Outra maneira de criar a máscara é clicar com o botão direito do mouse sobre a layer “mascara” e escolher a opção Properties clicando na opção Mask. Podemos ver que agora os ícones que representam as layers se alteraram, simbolizando uma máscara, e na layer “mascarado” aparece um símbolo próprio um pouco mais à direita, mostrando que esta vinculado à máscara.

Para visualizar uma máscara no palco do Flash, as layers pertencentes a esse efeito estarão travadas, mas se destravarmos o cadeado, veremos novamente o círculo e o texto como estavam antes do efeito.