. . . .............. .

Efeito Raio-X no Flash

.


Olá amigos,neste tutorial aprenderemos um efieto muito legal no Flash que é o "Efeito raio-x".
Clique no circulo e arraste.



Primeiro passo:

Baixe AQUI as imagens que usarmos neste tutorial.
Flash(ActionScript 2.0) e em File>New e crie um novo documento, em propriedade escolha as dimensões de sua preferência, neste tutorial usaremos as dimensões 550px por 200px.




Agora crie 3 Layers e renomeie como a figura abaixo.


Feito isto clique na layer parede,vá em file> import> import to stage ou Ctrl+R do teclado e importe a imagem que chamaremos de parede, na Layer "Sala" repita o mesmo processo com a imagem chamada sala.


Agora selecione layer "raio-x" e com a ferramenta "Oval tool" faça um circulo como na figua abaixo.
Selecione o circulo, precione a tecla F8 ,crie um "movie clip" e dê o nome de mascara.



Com o circulo ainda selecionado vá em proriedades e instancie a movie clipe com o nome "mascara" novamente,como na figura abaixo.


Agora para terminar clique o botão direito do mouse sobre a "Layer Raio-x" e selecione a opção Mask,ainda na layer Raio-x selecione o "Frame 1" vá em actions ou F9 do teclado,digite o código abaixo no painel de actions.

stop();
Imagem.setMask(mascara);
mascara.onPress = function() {
startDrag(this);
}
mascara.onRelease = function() {
stopDrag();
}


Agora aperte as teclas Ctrl + Enter e veja resultado.


Espero que tenham gostado da Dica.

Related Posts with Thumbnails
Posted on 21:58 by vicente claudio and filed under | 1 Comments »

1 comentários:

Valdeir disse... @ 23 de fevereiro de 2010 09:19

Obrigado por mais essa dica.


Tenha um ótimo dia.