Bons Tutoriais | design inspiração e tutoriais

Filtro de cores no Flash como movimento do mouse

Junte-se aos mais de 2500 seguidores no Twitter e RSS, siga-me no Twitter ou RSS.

Caso 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”. Como na imagem abaixo;

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.

Download do arquivo .FLA

Sobre o Autor

Victor Tiago, web designer fundador do site Bons Tutoriais, fez o site com o intuito de estar compartilhando um pouco de sua experiência na area de web design e desing gráfico. Caso queira entrar em contato envie uma mensagem pelo formulário de contato, twitter:victortiago

Oferecimento

Por victortiago - dezembro 24th, 2009

beleza!

Enviado por Anônimo em qui, 04/22/2010 - 13:58.

responder

Estou começando no flash e sou apaixonado por essa ferramenta. agradeço seu esforço em ajudar iniciantes, disponibilizando tutoriais como esse.

muito bom

Enviado por Anônimo em dom, 02/14/2010 - 22:57.

responder

bom, gostei muito deste você poderia fazer um usando carros acho bem legal e interessante isto ajuda bastante quem esta começando.

sei la

Enviado por Anônimo em ter, 12/29/2009 - 14:57.

responder

sei la

С наступающим!

Enviado por Anônimo em seg, 12/28/2009 - 20:29.

responder

С наступающим Новым годом! Всех Благ!

Comentar

Anúncios Patrocinados

Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina

Submarino

Anúncie Aqui

Atualizações dos Usuários

Efeito Freddie mercuryprateado

Acompanhar

Siga-me no Twitter e fique por dentro das novidades

Wallpapers

Amigos

Quem sou

Em primeiro lugar muito obrigado por visitar o meu site, meu nome é Victor Tiago sou Designer Web/gráfico, localizado em São Paulo adoro mecher com design e programação e fiz este blog com o intuito de compartilhar com vocês minha experiência nesta área através de tutoriais. Sejam Bem vindos!

Caso queira entrar em contato comigo envie um e-mail para victortiago@yahoo.com ou acessem meu twitter @victortiago

Sugestões ?

Bons Tutoriais é um site de tutoriais/ vídeo aulas de vários programas variados não só tutoriais mas também dicas e inspirações, o site é focado para a área de marketing, publicidade e design.

Bons Tutoriais é um site dinâmico em que os usuários podem divulgar seus trabalhos ou tutoriais e também pedir sugestões de tutoriais enviando os links pelo formulário de contato, o conteúdo deste blog é protegido sob a licença Creative Commons.

Você pode usar o conteúdo dos tutoriais para trabalhos e demonstrações, em caso cópia do post para outros sites colocar a fonte.

Submarino.com.br

Seja nosso parceiro

Adicione nosso banner em sua pagina e faça parte do nosso quadro de amigos!

Copie o código do banner desejado abaixo.

Res: 180x40

Código

Res: 120x60

Código