PDA

Ver Versão Completa : Criando gif das userbars no Flash



CCV_HEALbra
04-11-2007, 09:13 PM
aew galera...vou fazer esse td mas vai ficar bem simples...só pra animarem elas!

bom...primeiro abra o flash, vá em file, new e dê ok

na barra properties clique em size:

http://img461.imageshack.us/img461/4559/93188307dt3.jpg

ele irá abrir uma janela...em dimensions coloque os valores da sua barra..no nosso caso é 350x19:

http://img210.imageshack.us/img210/3098/90150820kw1.jpg

bom...dê ok e vá em file>>import>>import to stage...ou simplismente dê crtl+r

ele irá abrir uma janela pra vc escolher as suas bar para importar para o flash..eu vou escolher todas de uma vez:

http://img48.imageshack.us/img48/4057/54118933ya2.jpg

clique em abrir, ele vai colocar todas no mesmo layer.

clique com o botão direito em cima delas (elas vao estar todas selecionadas...para clicar com o botão direito deve estar selecionadas)

e depois clique em distribute to layers

ele ficará assim:

http://img220.imageshack.us/img220/9909/78417378jr4.jpg

depois disso, vc irá centralizar todas.

selecione todos as imagens

aperte crtl+k ou vá em windows>> aling

vai aparecer uma janela na direita clique no botão Align/Distribute to stage, align horizontal center, distribute vertical center, como na figura:

http://img215.imageshack.us/img215/5109/77654107hn5.jpg

depois disso ele vai centralizar todas as imagens

bom, agora vamos fazer imagem por imagem, ela aparecer!

clique na primeira imagem (eh a q está por cima!), aperte f8

ele vai abrir uma janela
coloque qualquer nome, no meu vai ser botao 1, e selecione movie clip e dê ok:

http://img215.imageshack.us/img215/41/71619534ft2.jpg

ATENÇÃO, DAQUI PARA FRENTE, NA MINHA OPNIÃO, É BEM MAIS FODÃO..ENTÃO PRESTE ATENÇÃO!!!

na time line, clique na linha 10, no layer selecionado:

http://img221.imageshack.us/img221/3140/88130734ru4.jpg

aperte f6, ele vai criar uma barra cinza...no meio da barra cinza..aperto o botão direito e coloque create motion twen:

http://img127.imageshack.us/img127/3508/49018684fj2.jpg

a barra cinza vai ficar azul com uma seta no meio!

com isso..clique no quadradinho no 1:

http://img222.imageshack.us/img222/9158/85317341dm1.jpg

agora clique na imagem novamente..em properties vai em color e selecione alpha:

http://img207.imageshack.us/img207/7375/10wl4.jpg

coloque alpha a seu critério, eu vou colocar 0% para que ele começa sem aparecer!

bom..sua primeira barra está animada...ela começa transparente e vai aparecendo até aparecer td!

repita esses passos da parte que peço para apertar f8 até aqui nas outras barras!
se estiver difícil de pegar a barra debaixo, vc pode usar o cadiadinho no layer:

http://img398.imageshack.us/img398/3555/11sr0.jpg

bom....repita tds...qd terminar, deverá ficar assim:

http://img527.imageshack.us/img527/2114/12kq2.jpg

depois disso, vamos fazer com q apareça um por um...
você deve selecionar a barra inteira do layer dois, sem clicar antes..selecione assim:

http://img230.imageshack.us/img230/7175/13op2.jpg

depois clique no mieo e arraste para frente uns 10 quadros a mais q o primeiro.. assim:

http://img100.imageshack.us/img100/7306/14qx0.jpg

agorá vá no primeiro layer, aonde começa o segundo layer aperte f5..ele ficará assim:

http://img48.imageshack.us/img48/9605/15mx5.jpg

bom...você terá q fazer isso com tds...ficará assim:

http://img207.imageshack.us/img207/3751/16ov5.jpg

bom...agora aperte crtl+ enter para ver como está ficando..

se estiver achando rápido a passagem clique na parte cinza...no nada!!

ai na barra properties vai aparecer aqueles campos aonde vc trocou o tamanho da página...vá em frame rate e diminua...8 eu acho de bom tamanho!!

bom..vamos exportar!

clique em file>>publish settings

marque a opção gif

vai aparecer uma nova aba..chamada gif..vá nela!

em playback coloca animated
em palette type coloque adaptative:

http://img162.imageshack.us/img162/2893/17xz5.jpg

bom..dê ok

vamos salvar para saber aonde vai o arquivo....

file>>save ou crtl+s
salve aonde quiser....mas lembre aonde salvou!!

vá em file>>publish ou shift+f12...

isso criará o gif!!

deverá ficar desse jeito:

http://img211.imageshack.us/img211/7699/45277838jj2.gif


bom galera....eu nao sei como q aumenta a qualidade do gif, está ligado nessa parte do publish..:S...mas tá ai!!

se alguem souber me fale pra eu editar aqui1!

bom.eu acho meio difícil esse tuto pra quem nao sabe nada, mas pediram e tentei ajudar!1

tou aqui pra quem tiver dúvidas!!

abraço1!!

CCV_Jh0n
04-11-2007, 10:22 PM
Krak Fico da hora... Pina esse tutorial aki ... :p

CCV_HEALbra
06-11-2007, 12:43 AM
bom...agora com a ajuda dos admin ai..agora fico fácil postar o swf..

o duro é saber aonde hospedar...eu hospedei no meu site..

ai fica: http://www.ericmaicon.com.br/sign.swf

ai fica fácil usar sem ter gif...basta usar as tagS:

[ flash=http://www.ericmaicon.com.br/sign.swf]quality=high width=352 height=22][/flash]

sem os espaços!!

fica com excelente qualidade!
^^

CCV_caio22
06-11-2007, 12:52 AM
vlw pelo tuto leke eh isso aew ;)

Massena
06-11-2007, 12:53 AM
bom tuto lek...
parabens ^^