como fazer um preloader do jeito q vc quiser!!![+basics]

com esse tutorial
qualquer animação pode ser um preloader
contanto q tenha 100 frames!
^^
vou explicar...
c vc quer q o seu preloader ao invéz de ser uma barrinha indo pro lado
uma animação tipo....
uma flor crescendo ou algum stick terminando de dar um soco
ou sei lá
vc q será o criador do preloader!
para a demonstração eu vo fazer a barrinha normal de rolagem
para melhor entendimento do processo e pra ficar mais rapido né
xD
há imagens e links nesse tutorial...
quando tiver um link
clique nele
para poder entender todo o tuto

bem...vamos começar

primeiro...vamos abrir o flash e criar um novo documento
file>new



ai escolha Flash File(Action Script 2)
aperte Ok.
agora com o flash aberto ele deve se parecer com isso



vc pode estar dizendo "ei!! meu flash num é igual a esse!"
calma,calma...
esse é o flash cs3
mas nesse tutorial vc não vai precisar de mudar de flash...

vamos em library e clicar em New Symbol



ou apertar as teclas Control+F8
vamos digitar Preloader_animation
e clicar em Ok



agora vc está dentro do movieclip
aí,vc pode fazer qualquer animação de 100 frames pra ser o seu preloader
no caso da barra,vamos selecionar o rectangle tool
e desenhar um retangulo na tela sem c importar com tamanho nem posicionamento
mas fazer do jeito q achar melhor...no lugar aonde achar melhor...





viu? só um retangulo
agora a gente vai selecionar o retangulo com o mouse
apertar o botão direito do mouse e ir em convert to symbol



ou apertar a tecla F8
e dar qualquer nome pra ele...já q não importa realmente pro preloader...
eu vo chamar de "mc_preloader_bar"...mas poderia ser "preloader do tio chico"
tanto faz...enfim..escolha um nome mt sem noção pra ele e aperte ok



agora vamos selecionar o mc q criamos e copiar(teclar control+c)
vamos adicionar um layer clicando em
Insert>timeline>layer



ou clicar em insert layer

agora nos vamo selecionar o layer q nos criamos e apertar as teclas Shift+Control+v
para colar o q nos copiamos ali em cima exatamente no mesmo lugar do outro
selecionamos denovo o layer e clicamos nele com o botão direito para selecionar Mask



agora vamos para o frame 100 da timeline
selecionamos o frame 100 dos dois layers
clicamos com o botão direito do mouse e clicamos em convert to keyframes



agora nós vamos fechar o layer 2 e deixa-lo invisível clicando nas 2 bolinhas ao lado do nome do layer

pra ficar assim
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
agora
nos vamos para o frame 1 do layer 1 e mudamos ele de posição
vamos apertar a primeira bolinha do lado do nome do layer 2
(para visualisarmos o layer mas q ele não possa ser mudado)
clicamos no retangulo e colocamos ele no lugar inicial..q é exatamente o tamanho dele para
a esquerda da posição que nos desenhamos
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
e agora clicamos em um frame entre o 1 e o 99 do layer 1 com o botão direito do mouse e depois em
create motion tween
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
agora clique na segunda bolinha do lado do nome do layer 1
e clique em Scene 1 para voltar para o timeline principal
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
agora vá em library e arraste o Preloader_animation para a parte branca

agora só falta os códigos!

Código:


onClipEvent (load) {//quando carregar
total = _root.getBytesTotal();//total será igual ao numero de Bytes total do movie
}
onClipEvent (enterFrame) {//quando entrar no primeiro frame do movieclip
loaded = _root.getBytesLoaded();//load será os Bytes já carregados
percent = int(loaded/total*100);//percent receberá loaded dividido por total vezes 100
gotoAndStop(percent);//ir para o frame q a variavel percent representa em número
if (loaded == total) {//se o numero de Bytes carregado é igual ao total a ser carregado
_root.gotoAndPlay(2);//ir para o frame 2 da animação
}//fecha if
}//fecha onClipEvent


é só copiar esse código
selecionar o movieclip com a animação do preloader(preloader_animation)
ir em actions e colar lá
se vc quizer ainda pode mostrar a percentagem já carregada pra pessoa q ta vendo
pra ela não ficar perdida
pronto!!
vc só vai ter q clicar 2 vezes no mc do preloader
criar um layer novo
selecionar a Text Tool
em properties aonde está static text vc coloca Dynamic Text
clica aonde vc quer q fique o texto com a percentagem e em var colocar perc1

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

e no código
ao invéz daquele lá de cima
colocar esse:

Código:


onClipEvent (load) {//quando carregar
total = _root.getBytesTotal();//total será igual ao numero de Bytes total do movie
}
onClipEvent (enterFrame) {//quando entrar no primeiro frame do movieclip
loaded = _root.getBytesLoaded();//load será os Bytes já carregados
percent = int(loaded/total*100);//percent receberá loaded dividido por total vezes 100
perc1 = percent+"%";//perc1 recebe percent em número mais a string %(pra ficar 60%...99%...)
gotoAndStop(percent);//ir para o frame q a variavel percent representa em número
if (loaded == total) {//se o numero de Bytes carregado é igual ao total a ser carregado
_root.gotoAndPlay(2);//ir para o frame 2 da animação
}//fecha if
}//fecha onClipEvent


agora é só colocar

stop();

no frame 1 da animação
pra ficar parado no loading até carregar td
criar um keyframe no frame 2 da animação
salvar
e pronto!!
seu loading está pronto
só começar a animar do segudo frame em diante

^^
espero q tenham gostado

vlw!!
meu primeiro tutorial!!

qualquer erro fakem comigo por msn

ou por pm

meu msn: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

gostei muito do seu tuto bem organizado e tals 1 de respect pra vc

eu ainda vo repostar algumas images
pra aparecer aqui
ao inves d link
vlw
^^