Efeito de Borda com filtro Glow no Flash
Primeiro, você precisará baixar os recursos abaixo para usar neste tutorial:
+ O banner de fundo:
+ Imagens (para colocar na faixa de fundo e fazer efeitos com):
 |  |  |
Baixar essas imagens e você está pronto para ir! | ||
Passo 1: Vá para Arquivo> Importar> Importar para biblioteca de importação acima de imagens para sua Biblioteca
Passo 2: Redimensionar seu documento para se ajustar com o banner. Neste caso, a nossa bandeira de fundo é 593px de largura x altura 203 px por isso vamos redimensionar o nosso documento para esse tamanho. Nós também aumentar o Frame Rate para 24. Pressione Ctrl + J para abrir sua caixa de diálogo Propriedades do Documento e usar estes valores:
Passo 3: Colocar o banner de fundo para o seu documento, certifique-se que se encaixam com o seu fundo.
(Você pode ajustar o banner de fundo para encaixar com o documento, indo para Janela> Alinhar e selecione Alinhar borda esquerda e margem superior Align)
Passo 4: Em seguida crie uma nova camada, nomeie-Img1Effect e colocar a sua primeira imagem para o bloco 1
Passo 5: Clique na imagem para ter certeza de que está a ser selecionada, pressione F8 para convertê-lo em um movie clip. Clique em OK
Passo 6: Pressione Ctrl-F3 para abrir a caixa de diálogo Propriedades, na caixa de texto Nome da Instância, digite mc_1
Passo 7: Clique no frame 1 da camada Img1Effect, pressione F9 para abrir o painel Ações, coloque o seguinte código dentro dele:
import flash.filters.GlowFilter;
var glowEffect:GlowFilter = new GlowFilter(0xFFFFFF,50,0,0,2,3,false,false);
mc_1.filters = [glowEffect];
//Apllied when you move your mouse on the image
mc_1.onRollOver = function() {
this.onEnterFrame = function() {
glowEffect.blurX += (50-glowEffect.blurX)/6;
glowEffect.blurY = glowEffect.blurX;
mc_1.filters = [glowEffect];
}
}
//Applied when you move your mouse out of the image
mc_1.onRollOut = function() {
this.onEnterFrame = function() {
glowEffect.blurX += (0-glowEffect.blurX)/6;
glowEffect.blurY = glowEffect.blurX;
mc_1.filters = [glowEffect];
// When blurX property is smaller than 11 we delete it
if(glowEffect.blurX < blurx =" 0;" blury =" glowEffect.blurX;" filters =" [glowEffect];">
Vamos a análise do código:
Primeiro, precisamos importar o flash.filters.GlowFilter usar o efeito brilhante Em seguida, declarar uma variável usando esta classe:
var glowEffect:GlowFilter = new GlowFilter(0xFFFFFF,50,0,0,2,3,false,false);
Abaixo está o protótipo desta classe:
GlowFilter(Color,Alpha,BlurX,BlurY,Strength,Quality,Inner,Knockout)
• Color: Number (0xRRGGBB) = a cor do brilho em hexadecimal. From 0x000000 to 0xFFFFFF - Default: None De 0x000000 para 0xFFFFFF - Padrão: Nenhum
• Alpha: Número (0 a 100) = transparência do alfa do brilho.
• . Blur X: Número (0 a 255) = quantidade de desfoque horizontal.
• Blur Y: Número (0 a 255) = quantidade de desfoque vertical.
• Força: determina o quão forte será o brilho.
• Qualidade: determina a qualidade do brilho (1,2,3)
• Interior: verdadeiro para falso brilho interno e externo para brilho. O valor padrão é falso.
• Bonito: Se o "verdadeiro", um efeito de knockout será aplicada ao objeto, o que significa o preenchimento do objeto irá desaparecer (transparência) e você vai ver o fundo. O valor padrão é falso;
Em seguida quero explicar a linha mais difícil deste código:
glowEffect.blurX += (50-glowEffect.blurX)/6;
Esta linha de código irá gradualmente aumentar o imóvel blurX para um valor de 50. Por exemplo, o primeiro valor de blurX é 0, portanto, (50-glowEffect.blurX) / 6 = (50-0) / 6 = 8,33. Então da próxima vez o valor de blurX é 8,33. Quando este código é executado pela segunda vez, (50-glowEffect.blurX) / 6 = (50-8.33) / 6 = 6,9 e a propriedade blurX terá um valor de 8,33 + 6,9 = 15,23. Este valor continua crescendo para chegar a 50 (notar o próximo incremento é menor que a anterior). Vamos ver o que acontece neste momento: (50-glowEffect.blurX) / 6 = (50-50) / 6 = 0 -> O valor da blurX permanecerá o mesmo.
Continue a trabalhar com outras imagens até obter o resultado final. Você deve usar três diferentes variáveis glowEffect para se certificar que não prejudiquem o outro.
Agora vamos ter um olhar para o resultado final:
Você pode tentar adicionar algum som ou mudar a cor do efeito brilhante ...
Download do Arquivo Fla
Fonte: http://www.flashperfection.com/tutorials/Make-Glowing-Edge-Effect-with-Glow-Filter-in-Flash-67094.html
Assinar:
Postar comentários
(
Atom
)
Nenhum comentário :
Postar um comentário