Feed -

Animação de imagens com Flash

Data: 18/10/2009
Categoria: Flash
Visualizações: 544
Comentários: Nenhum comentário
VN:F [1.8.8_1072]
Dê a sua nota:
Nota: 10.0 de 10 (2 Votos)
Animação de imagens com Flash

Aprenda a fazer uma simples e pequena animação com imagem no Flash de forma fácil e objetiva.

Para isso não vamos utilizar o código Action Script, somente algumas ferramentas que o Flash nos oferece!

Resultado final:

Primeiro de tudo, encontre alguma imagem que você queira usar neste tutorial. Em seguida, abra o Flash e crie um novo documento.

Selecione Modify > Document (ou o atalho: Ctrl + J). Defina as dimensões de seu documento com as mesmas proporções da imagem que você escolheu. Após isso, coloque qualquer cor de fundo (background) e coloque 32 fps em “Frame rate”.

Animação de imagens com Flash

Vá até File > Import > Import to Stage (Ctrl + R) e importe a imagem que você escolheu no palco do Flash.

Selecionando a imagem vá ao Painel “Align” (Ctrl + K) e faça o seguinte procedimento para o alinhamento:

  1. Certifique-se de que a opção “To stage” esteja selecionada.
  2. Clique no botão (veja na imagem) para alinhar ao centro e na vertical.
  3. Clique no botão (veja na imagem) para alinhar ao centro e na horizontal.

Animação de imagens com Flash

Agora que você já alinhou a imagem de fundo, dê um duplo clique na primeira camada e coloque o nome que você preferir. Na seqüência, clique no frame 160 e pressione a tecla F5.

Crie uma nova camada, acima da camada da imagem e coloque também o nome que você preferir.

Após isso, faça um bloqueio na camada da imagem e selecione a Ferramenta Brush Tool (B). Escolha o maior Brush, veja na imagem:

Animação de imagens com Flash

Em seguida, desenhe uma forma semelhante à mostrada abaixo:

Animação de imagens com Flash

Clique no Frame 20 da última camada criada e pressione a tecla F6. Agora, elabore uma nova forma sobre a imagem, veja:

Animação de imagens com Flash

Clique no Frame 40 e faça outra forma usando a Brush Tool (B).

Animação de imagens com Flash

Agora no frame 80 pressione a tecla F6. E faça novamente outra forma, usando o Brush.

Animação de imagens com Flash

Clique no frame 100 e pressione de novo a tecla F6, continue fazendos formas como se estivesse borrando a imagem.

Animação de imagens com Flash

Em seguida, clique no frame 120 e aperte a tecla F7 (Blank Keyframe). Então, enquanto você estiver no frame 120, pegue a Ferramenta Rectangle (R) e faça um retângulo com qualquer cor sobre a imagem, veja abaixo:

Animação de imagens com Flash

Selecione agora a camada do Brush e vá ao painel de propriedades do Flash (Ctrl + F3), e altere a opção “Tween” para “Shape”.

Animação de imagens com Flash

Ainda na camada Brush, clique com o botão direito do mouse e clique sobre “Mask”.

Animação de imagens com Flash

Agora suas camadas devem estar semelhante a essas:

Animação de imagens com Flash

Feito isso nosso efeito está terminado!

Download dos arquivos

Animação de imagens com Flash10.0102

Inscreva-se e receba novidades no seu Email:

Faça um comentário




Usuários do Twitter: Entre com sua conta do Twitter clicando no botão abaixo.

Importante: Todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste blog ou de seus autores. Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. Os autores deste blog reserva-se, desde já, o direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação de seu autor (sem nome completo e endereço válido de email) também poderão ser excluídos.
Melhores ofertas

© Copyright 2009 - 2010 Pontuaki - Downloads - Todos os direitos reservados - Política de privacidade

Proibida a reprodução total ou parcial sem prévia autorização.