Olá pessoal! Neste tutorial eu estarei mostrando a você como se fazer um efeito de raio-x no Flash, no exemplo que criei eu fiz um óculos com raio-x, é um efeito bem legal!

1.Abra um arquivo novo no Flash em ActionScript 2.0, use duas imagens uma para ficar na frente e a outra atrás, no meu caso eu usei uma foto de um muro e outra foto de um quarto.

2.Crie uma forma que você usará para fazer o efeito, no meu caso eu fiz um óculos, esta é a forma mais próxima a um óculos que consegui chegar... hehe XD.

3. Separe as fotos e o óculos em layers diferentes como na seqüência abaixo.

4. Clique no óculos que fizemos e crie um movieClip (F8), no nome de instancia do movie clip coloque o nome de “mascara”.

5. Agora vá na foto que você usará para ficar atrás do muro no meu caso a foto do quarto, crie um movie clip e deixe seu nome de instancia de “foto”.

6. Depois de tudo isto crie uma nova layer com o nome de action, clique no primeiro frame e aperte F9 copie o código abaixo e cole no painel de actions;

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

Pronto! Teste seu arquivo CTRL + ENTER. A partir deste tutorial você poderá fazer muitas coisas relacionadas a isto, é um efeito bem legal, em breve eu estarei colocando como fazer em AS 3.0. Espero que vocês tenham gostado.

Siga Bons Tutoriais

Sobre o Autor

Victor Tiago, fundador Bons Tutoriais. Acredito que para que um resultado de design satisfatório sai de uma boa equipe e depois de muito trabalho duro. A partir disto criei este site para que desenvolvedores designers e programadores tenham uma fonte de inspiração antes de criar seus trabalhos. Caso queira estar conectado sempre para receber novidades e noticias, siga nos no Twitter, Google+, Facebook ou então pelo nosso Feed.

Oferecimento

Compartilhe!