Olá, Visitante. Por favor Entre ou Registe-se se ainda não for membro.
4 de Dezembro de 2008, 22:58:22
Início Ajuda Pesquisa Entrar Registe-se
Notícias: REDCODESTUDIO
Flash, Programação Web e Web Design


+  Redcodestudio
|-+  Webmaster's Lounge
| |-+  Tutoriais e Howto's
| | |-+  [Tutorial: Flash 8] Glow Effects
« anterior seguinte »
Páginas: [1] Ir para o fundo Imprimir
Autor Tópico: [Tutorial: Flash 8] Glow Effects  (Lida 20160 vezes)
redhotmustang
Administrador
Emblema de Bronze
*****
Offline Offline

Mensagens: 515



Ver Perfil WWW
« em: 28 de Dezembro de 2005, 01:45:19 »

Neste tutorial vamos criar um efeito no FLASH 8, chamado Efeitos de GLOW.

Este tutorial só funciona no Flash 8 e só é visível com o Flash Player 8

O resultado final será como este pequeno .SWF



1. Num novo ficheiro do flash, clicar nas propriedades e pôr os parametros dimensões a 250*250 e frame rate a 30 fps;

2. Criar duas layers com os seguintes nomes
-actions
-linha

3. Na layer 'linha', criar um simples desenho e com o botão direito ( ou F8 ) converter para movieclip;

4. Nas propriedades do movieclip atribuir o nome de instancia 'linha_mc'

5. Na layer 'linha' deverá ter 3 frames (podem ser criadas pressionando f5);

6. Na layer 'actions' deveram estar presentes 3 keyframes (frames com código actionscript);

7. Selecione o movieclip e nas propriedades atribuir Alpha:0;

8. Na layer 'actions' selecione a primeira frame e abra o painel de acções (por predefinição deverá tar no fundo do seu ecrã);

9. Nesse quadro deverá escrever o seguinte código:
Código:
for(var i:Number=1;i<20;i++){
     duplicateMovieClip(this.linha_mc,"linha"+i+"_mc",i);
     _root["linha"+i+"_mc"]._alpha = 50-i;
}
que significa algo como: enquanto i for inferior a 20 o item é duplicado uma vez (ou seja cria 20 animações). Cada uma dessas animações terá atribuido um valor de alpha (transparencia) calculado como 50-i (i representa o número da duplicação).

10. Novamente na layer 'actions' seleccione a 2º frame e volte a abrir o painel de acções;

11. Nesse quadro deverá inserir:

Código:
this.linha_mc._rotation += 4; //1
import flash.filters.GlowFilter;    //2
var glow:GlowFilter = new GlowFilter();
glow.alpha = 100;
glow.blurX = 2;
glow.knockout = true;
glow.quality = 3;
var opcao:Number = Math.round(Math.random()*3);
var cores:Array = new Array();

cores =["0xFFFFFF","0xFF9900","0x0000FF","0x66FF00"];
glow.color = cores[opcao];
var glowArray:Array = new Array();
glowArray.push(glow);
for(var i:Number=1;i<20;i++){      //3
    _root["linha"+i+"_mc"]._rotation += this.linha_mc._rotation - i;
_root["linha"+i+"_mc"].filters=glowArray;
}

A primeira linha do código (1) fará o movieclip original (o que tem o alpha a 0) rodar de 4 em 4 graus
O código seguinte (2) serve para aplicar o filtro Glow dinamicamente
São dados os parametros blurX, alpha, knockout e quality. A var opção fará com que a cor seja escolhida aleatoriamente das quatro cores acima definidas no 'array'.
Na última parte (3) é definido que o efeito se aplique a todas as cópias anteriormente criadas.

12. Ainda na layer actions, na terceira keyframe deverá adicionar o código
Código:
gotoAndPlay(2);

no painel de acções para que seja criado um loop infinito.

13. Agora deverá exportar a sua aplicação (carregando em ctrl+return) e apreciar.

Este tutorial foi compilado pelo Spread, criado pelo Grettir e formatado pelo redhotmustang. E surgiu na nossa 1ª Redcodestudio MSN-Conference

Cumps
PS: Este tutorial surgiu na 1ª Redcodestudio MSN-Conference
Registado

Programação Web e Flash ActionScript

Se quiser agradecer a qualquer membro que o tenha ajudado, fale do Redcodestudio aos seus amigos!
Problemas c/ o fórum? Envia-me 1 mail
redhotmustang
Administrador
Emblema de Bronze
*****
Offline Offline

Mensagens: 515



Ver Perfil WWW
« Responder #1 em: 22 de Janeiro de 2006, 01:50:25 »

Bom peço que comentem sempre os tutoriais, nem que seja para nos dar animo para lançarmos mais.

Wink não vos custa nada. É sempre bom haver feedback.
Registado

Programação Web e Flash ActionScript

Se quiser agradecer a qualquer membro que o tenha ajudado, fale do Redcodestudio aos seus amigos!
Problemas c/ o fórum? Envia-me 1 mail
Spread
Aprendiz
**
Offline Offline

Mensagens: 189



Ver Perfil WWW
« Responder #2 em: 22 de Janeiro de 2006, 15:06:08 »

A mim custa... eu sigo a regra do "se não tem algo de util a acrescentar não responda" Wink

Cumps Cool
Registado





redhotmustang
Administrador
Emblema de Bronze
*****
Offline Offline

Mensagens: 515



Ver Perfil WWW
« Responder #3 em: 22 de Janeiro de 2006, 17:53:01 »

Pois... também é verdade.
Registado

Programação Web e Flash ActionScript

Se quiser agradecer a qualquer membro que o tenha ajudado, fale do Redcodestudio aos seus amigos!
Problemas c/ o fórum? Envia-me 1 mail
Ragazzo_Programmatore
Iniciado
*
Offline Offline

Mensagens: 3


Ver Perfil
« Responder #4 em: 10 de Fevereiro de 2006, 17:25:40 »

Eu estou-me a iniciar no Flash e confesso que achei interessante este tutorial... Ja tinha feito algo semelhante mas em C. De qualquer forma ja deu para aprender mais um pouco.

Abraço   Cool
Registado
Devil
Aprendiz
**
Offline Offline

Mensagens: 42


Ver Perfil
« Responder #5 em: 19 de Março de 2006, 22:27:15 »

como é k se põe isso um bocado mais lento?
Registado
LuisFilipe
Aprendiz
**
Offline Offline

Mensagens: 88



Ver Perfil
« Responder #6 em: 19 de Março de 2006, 23:35:04 »

Boa. Amanhã a ver se tento isso.
Registado
gimbras
Emblema de Prata
****
Offline Offline

Mensagens: 1103



Ver Perfil WWW
« Responder #7 em: 20 de Março de 2006, 00:16:40 »

Citação de: "Devil"
como é k se põe isso um bocado mais lento?

Colocas a frame rate num valor mais baixo.
Cheesy
Registado

Devil
Aprendiz
**
Offline Offline

Mensagens: 42


Ver Perfil
« Responder #8 em: 20 de Março de 2006, 12:45:22 »

Bem me parecia k era assim!  Cheesy
Obrigado!
Registado
esgrelofe
Iniciado
*
Offline Offline

Mensagens: 1


Ver Perfil
« Responder #9 em: 10 de Fevereiro de 2008, 17:06:55 »

Eu não consigo fazer o passo do

Citar
Alpha0
Registado
redhotmustang
Administrador
Emblema de Bronze
*****
Offline Offline

Mensagens: 515



Ver Perfil WWW
« Responder #10 em: 4 de Março de 2008, 11:35:46 »

Tens de ter em atenção que este tutorial se refere ao ActionScript 2.0, na altura feito com o Flash8.

Qual é a versão do Flash e do ActionScript que estás a utilizar?

Cumps.
Registado

Programação Web e Flash ActionScript

Se quiser agradecer a qualquer membro que o tenha ajudado, fale do Redcodestudio aos seus amigos!
Problemas c/ o fórum? Envia-me 1 mail
_kbça_
Iniciado
*
Offline Offline

Mensagens: 1


Ver Perfil
« Responder #11 em: 17 de Novembro de 2008, 23:05:57 »

Tutorial mto legal..!
gostei msm..!

té  Grin
Registado
Páginas: [1] Ir para o topo Imprimir 
« anterior seguinte »
Ir para:  


Entrar com nome de utilizador, password e duração da sessão


Powered by MySQL Powered by PHP Powered by SMF 1.1.4 | SMF © 2006-2007, Simple Machines LLC
Seo4Smf v0.2 © Webmaster's Talks
XHTML 1.0 válido! CSS válido!
Página criada em 0.062 segundos com 20 procedimentos.