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.
Baixe AQUI as imagens que usarmos neste tutorial.
Vá 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.
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.
Vá 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.
Comentários
Tenha um ótimo dia.