Filtro De Cores No Flash

C

aso queira colocar este tutorial em seu site, coloque um link de referência no mesmo.
Neste tutorial eu estarei ensinando como usar o filtro de cores do flash com action script 2.0, é um ótimo filtro para colocar em fotos.
1. Abra um arquivo no flash de qualquer resolução, mas sendo action script 2.0
2. Exporte para a biblioteca do flash uma foto qualquer...
3. Com esta foto já no estágio, clique nela e aperte F8 para transformar em um Movie Clip;
4. Clique em Advanced depois deixes as opções Export for Action Script habilitada e a opção export in first frame feito isto coloque o nome do Identifier de “cores”.

5 Agora delete seu MC do estágio, clique no primeiro frame e aperte “F9” no painel de Actions coloque e use o código abaixo;


//aqui é onde importa os filtros do flash, use somente uma vez este comando, caso contrário dará erro...
import flash.filters.BitmapFilter;
import flash.filters.ColorMatrixFilter;

//aqui você coloca o caminho da sua imagem;
var image:MovieClip = this.attachMovie("cores", "cores", this.getNextHighestDepth());
image.cacheAsBitmap = true;

var listener:Object = new Object();
listener.image = image;
//aqui é a função que o mouse vai receber o efeito
listener.onMouseMove = function() {
    var xPercent:Number = 1 - (_xmouse/Stage.width);
    var yPercent:Number = 1 - (_ymouse/Stage.height);
    var matrix:Array = new Array();
    matrix = matrix.concat([yPercent, 0, 0, 0, 0]); // vermelho
    matrix = matrix.concat([0, xPercent, 0, 0, 0]); // verde
    matrix = matrix.concat([0, 0, xPercent, 0, 0]); // azul
    matrix = matrix.concat([0, 0, 0, 1, 0]); // alpha

    var filter:BitmapFilter = new ColorMatrixFilter(matrix);
    image.filters = new Array(filter);
}
Mouse.addListener(listener);
listener.onMouseMove();


6. Agora só teste seu Arquivo (CTRL+Enter); Resultado final

Espero que eu tenha ajudado vocês, espero que através deste código vocês possam criar várias outras coisas, até coisas mais interessantes que este efeito.

0 comentários:

Postar um comentário

Globo Mais - O maior portal hightech ao alcance de seu click

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes