.:PortalDigiDesign Webmastersemao!Tutoriais,scripts,layoutsprontosemui...

Pgina1de4

Ar t igosFir e w or k s V e r s opa r a I m pr e ss o

Ba n ne r Anim a do
Por :I va n W .Pr im o| Publica doe m :1 1 .1 1 .2 0 0 5 | V isua liz a e s:4 9 3 1 8

Cr ia n dou m Ba nn e r Anim a do
Nest et ut or ialvam osaprender acr iar um banner anim adoparanossosit e. I nicieoFir ew or ksepr essioneCTRL+ Nparaabr ir um novodocum ent o.Par aest eexem plopodem os seguirasseguint esconfigur aes: 468pixeldelar gurae60dealt ur a,queot am anhopadrodeum fullbanner.Ofundopodeser t r anspar ent em esm o.

" Agora,vaopainel" Opm ize "eescolhaaopo" An im a t e dGif "nom enudropdow ncom om ost r aa im agem :

" Bom ,nossot r abalhoj est configur ado,agor avam oscom earadesenhar olayout donossobanner. Prim eiram ent e,usandoaferr am ent a" Re t a n gle " ,desenheum r et ngulode468pxdelar gurapor60px dealt ur anopalco.Est er et nguloser vir defundoparaobanner .Coloqueum abordade2pxeo pr eenchim ent onascor esquevcdesej ar.Euusei# f2f2f2par aofundoe# 999966par aasbor das. Cent r alize obem nom eiodopalco.

"

http://www.portaldigidesign.com.br/imprimir.php?articleID=89

04/06/2011

.:PortalDigiDesign Webmastersemao!Tutoriais,scripts,layoutsprontosemui... Pgina2de4

Depoisvam osdesenhar algosobreor et ngulopar aincr em ent ar olayout .cliquesobr eafer am ent a " Pe n ".

" Vam osdesnhar um ret ngulocom um acur vaem diagonalem um adasext r em idades.Cliquecom a canet anocant oinferior doret nguloeserinser idoum pont oali.Vcom om ousenadiagonalpar a cim aepr essionenovam ent e,m asdest avezsegur epressionadoear r ast elevem ent enadiagonal inver sapar abaixoporalgunspixels.I ssofar odesenhodacurva.Vej a:

" Aset aver m elhaindicaosent idoquevcdevear r ast ar om ousesobreoret ngulopar acriar um aleve cur vat ura. Euest oum ost randoafer ram ent a"Pen"pr aquevoct am bm possaapr oveit ar est et ut or ialeut ilizar algunsr ecur sosdedesenhodoFir ew orks,m assevocdesej arpoder usar out r asferr am ent aspra desenharolayout dobanner .Vocpodet am bm pular est apar t edolayout eseguirparaospassos seguint es,quedizem respeit oanim aopr opr iam ent edit a. Bem ,seguindocom olayout ,vam ost er m inar oret ngulo.Pr im eir ocliquenopont odacur vaquevoc acaboudedesenhar,depoiscliquenaout r aext r em idadedopalco,fazendoum ar et a.Cliqueagor ana part einfer iordor et ngulom aioreem seguidacliquenopr im eir opont o,fechandoassim onosso desenho:

" Escolhaagor aum acorparaopreenchim ent oesefor necessr iodim inuaalar gur adoobj et o. PressioneCTRL+ Alt + Dnoseut ecladoparaduplicarest eobj et o.Em seguidavaom enu"M odify Tr a nfor m FlipVe r t ica l"paragir ar oobj et oeposicione onapart esuper ior dor et ngulom aior . Opr xim opassoaqui,colocarologodosit e.Pr essioneCTRL+ Rnoseut ecladoparaim por t ar o logot ipo,selecioneaim agem noseucom put ador edepiscliquenopalco,nolugar ondevocdesej aque ologot iposej aincludo.Aquieuoloqueiologonalat er alesquer dadolayout .Seseusit enot em ainda um logot ipo,vocpodeim por t arum aim agem ouqualquer figur aquepossar elacionaroseusit eouat m esm opular est aet apa. Oexem ploficoum aisoum enosassim :

" Bom .Agor aom odeloj est cr iado,ent ovam ospar aaanim aodobanner ! Vaopainel" Fr a m e s" ecliquenobot oqueficanoladosuperiordir eit odopainel,aoladodonom edo painel.Nom enuquesurgircliqueem "D u plica t e Fr a m e " .

http://www.portaldigidesign.com.br/imprimir.php?articleID=89

04/06/2011

.:PortalDigiDesign Webmastersemao!Tutoriais,scripts,layoutsprontosemui... Pgina3de4

" Ent ovaiseabr ir acaixadedilogocom asopesdequant osfr am esvocquer adicionar ,esevoc desej aadicion losant esouapsofr am eat ual.Euescohi3apr incpio,m aspode seduplicar novam ent eout r osfram esconfor m eanecessidade:

" Agoraum passom uit oim por t ant equedefinir ot em poquecadafr am eser exibido.Quandovoc inserefr am es,opadr odet em po7,m asom nim onecessr ioparaum aboaexibiodet ext os300 por queacadavalor de100equivalem a1segundodet em po,ent o,cadafr am eser exibidodur ant e3 segundosaproxim adam ent em udandoovalor par a300. Par am udar ot em podeduraodecadafram esim ples.Not enopainelFr am es,quehum nm ero7 em cadafram e.

" Poissdar um duplocliquesobreest enm er oqueabr e seacaixadedilogoondepodem osalt er ar est evalor .Faaissoealt er epra300em cadaum dosfr am es.

" Pront inho.Agor ausandoaferr am ent at ext ovam osinserirost ext odonossobanner em cadaum dos fr am es.Vselecionandoofram enopainelfr am esevinserindoost ext osem cadaum deles. Depoisdeinserir ost ext os,pr essioneF12noseut ecladopar avisualizar noseunavegador,ouuseos cont roles" Play" e" St op" queficam logoabaixodopalcopar at est ar oseubanner. Salveoar quivoeexpor t e.Om eubanner novoficouassim :

http://www.portaldigidesign.com.br/imprimir.php?articleID=89

04/06/2011

.:PortalDigiDesign Webmastersemao!Tutoriais,scripts,layoutsprontosemui... Pgina4de4

" Fiqueat ent oaosnossoprxim ost ut or iais! Qualquer dvida,consult enossofrum . I v a nW .Pr im o w ebm ast er @por t aldigidesign.com .br MSN: iw prim o@gm ail.com

2011 Dir eit osReservados w w w .por t aldigidesign.com .br

http://www.portaldigidesign.com.br/imprimir.php?articleID=89

04/06/2011