Ultimile mesaje pe forum

Animatie text Fade in/out
Photoshop - Efecte Text

Rezultatul:

1.Deschidem un document nou : File - New - 300 x 247 - OK.
  Poti sa-ti adaugi fundalul acum. Eu am utilizat direct imaginea urmatoare pentru fundal :

Daca vrei sa o folosesti si tu : Click dreapta pe ea - Copy to Clipboard. Din photoshop - File - New - Ok - CTRL + V pentru a lipi.

2.Selectam unealta Horizontal Type Tool si adaugam de sus setarile - eu am folosit culoarea alb, si marimea textului de 48 px. Scriem textul:


3.Click dreapta pe layerul cu textul si selectam Rasterize.

4.De sus activam panoul Animation : Window - Animation.
  Panoul ar trebui sa arate asemanator (daca nu apare asa, click pe iconita din dreapta jos)

  Dupa cum poti observa, in partea stanga a panoului se afla asa zisul, primul frame - cadru, adica prima imagine din animatie. In dreapta acesteia vor aparea si urmatoarele.

5.Click pe sageata neagra din dreapta jos, si selecteaza timpul in care va fi parcurs fiecare cadru- eu am ales 0.1 sec.


6.Apasa pe iconita subliniata in imaginea urmatoare de 2 ori, pentru a face 2 copii ale primului frame.

  Dupa cum vezi avem nevoie de 3 frame-uri. In primul textul va fi afisat, in al doilea il vom ascunde, urmand ca in ultimul sa reapara din nou pentru ca animatia sa fie fluida.

7.Asadar, click pe frame-ul din mijloc, apoi din panoul Layers, ascunde layerul cu textul, dand click pe iconita ilustrata de un ochi:


8.Inainte de a vedea animatia la momentul actual, schimba ca aceasta sa nu se repete doar odata, ci, cand ajunge la ultimul cadru, sa inceapa din nou de la primul. Click in stanga jos, si in loc de Once selecteaza Forever. Apoi poti da click pe butonul Play pentru a vedea animatia.

 Apasa pe butonul Stop(patrat) pentru a opri animatia si a continua editarea.

9.Selecteaza primul frame, apoi click pe iconita Tween si adauga setarile :


10.Poti observa acum in panoul de jos (Animation) ca s-a marit numarul de frame-uri cu inca 5. Poti da Play pentru a vedea mai clar ce s-a intamplat - s-a facut o trecere mai lina, astfel acum textul dispare treptat.
  La fel acum trebuie sa facem ca textul sa apara loc.
  Selecteaza penultimul frame, Tween , setarile si OK.


11.Animatia este completa nu ne mai ramane decat sa o salvam.
  File - Save for Web and Devices.. - selecteaza de la Preset : Gif 128 Dithered - Save - selecteaza locatia - Save.


Imaginea finala:


   

 

Aboneaza-te prin RSS
Comentarii (20)add comment

eXCesS said:

gg man..e prea marfa...
l-ai explicat ca la carte...bv...
smilies/cool.gif smilies/cool.gif smilies/cool.gif
Succes in continuare!! smilies/cool.gif smilies/cool.gif smilies/cool.gif
 
Reporteaza Abuz
Displace
Apreciaza
mai 30, 2009 | url
Voturi: +1

ownertbwu said:

;) merge perfectsmilies/smiley.gif
 
Reporteaza Abuz
Displace
Apreciaza
iulie 04, 2009 | url
Voturi: +0

Dany said:

si eu stiu sa fac ceva asemanator dar altfel
 
Reporteaza Abuz
Displace
Apreciaza
august 16, 2009
Voturi: +0

puFariNa said:

mia reusit smilies/cheesy.gif
 
Reporteaza Abuz
Displace
Apreciaza
august 17, 2009
Voturi: +0

vicente said:

nu inteleg pasul 11,nu gasesc niciun Save for Web and Devices...
 
Reporteaza Abuz
Displace
Apreciaza
septembrie 19, 2009
Voturi: +1

vicente said:

gata...am gasit ;)
 
Reporteaza Abuz
Displace
Apreciaza
septembrie 19, 2009
Voturi: +0

suny said:

mai adauga si u mai multe efecte txt a fost super explicat nota 10
 
Reporteaza Abuz
Displace
Apreciaza
septembrie 25, 2009 | url
Voturi: +0

andrewX said:

foarte bune tutorialele dar ar trebui sa puneti mai multe
 
Reporteaza Abuz
Displace
Apreciaza
decembrie 19, 2009
Voturi: +0

Samy said:

foarte bine explicat.multumesc
 
Reporteaza Abuz
Displace
Apreciaza
februarie 03, 2010 | url
Voturi: +0

max said:

Mersi mult am reusit !
http://img186.imageshack.us/im...anner.gif

***Imagini doar pe forum !!!!
 
Reporteaza Abuz
Displace
Apreciaza
februarie 21, 2010 | url
Voturi: -1

MizzoKiller said:

Mie nu mi se schimba textul imi ramane acelasi stie cnv dc? ca ii dau rasterize si debeaga smilies/angry.gif
 
Reporteaza Abuz
Displace
Apreciaza
martie 03, 2010
Voturi: +0

admin said:

Adica ce ai vrea sa se schimbe ?
 
Reporteaza Abuz
Displace
Apreciaza
martie 04, 2010
Voturi: +1

MizzoKiller said:

literele textului
 
Reporteaza Abuz
Displace
Apreciaza
martie 04, 2010
Voturi: +1

cs.nsdap.ro said:

Bravo buna treaba!
Asta da:X:X:X:X
 
Reporteaza Abuz
Displace
Apreciaza
aprilie 10, 2010 | url
Voturi: +0

alx407 said:

Deci super tutorialulsmilies/cool.gif!!! numai ca la pasul 10 am o problema la frame'ul 7 dupa ce pun setarile care sunt in poza tutorialului imi mai apar inca cinci frame'uri dar din pacatesmilies/sad.gif fara nici un efect nu este aceelasi rezultat ca la voismilies/sad.gifuitati am un url cu ce am facut eu sper sa ma ajutati cat mai repede! http://img535.imageshack.us/img535/3104/hahaeo.gif
 
Reporteaza Abuz
Displace
Apreciaza
mai 01, 2010
Voturi: +2

O. George said:

Pai vad ca jumatate din problema ai rezolvat. Acum trebuie sa faci o copie a frame-urilor si sa le dai Reverse.
 
Reporteaza Abuz
Displace
Apreciaza
mai 01, 2010
Voturi: +0

naspa said:

naspa nici nu merge
 
Reporteaza Abuz
Displace
Apreciaza
iunie 12, 2010
Voturi: -1

paul22 said:

ms mult
 
Reporteaza Abuz
Displace
Apreciaza
iunie 12, 2010
Voturi: +0

sT3r0 said:

Super tare efectu man smilies/cool.gif NICE ! ;)
 
Reporteaza Abuz
Displace
Apreciaza
iunie 13, 2010
Voturi: +0

anonim said:

pe ce versiune de photoshop?
 
Reporteaza Abuz
Displace
Apreciaza
iulie 25, 2010
Voturi: +0

Adauga un comentariu
quote
bold
italicize
underline
strike
url
image
quote
quote
smile
wink
laugh
grin
angry
sad
shocked
cool
tongue
kiss
cry
Micsoreaza | Mareste

busy
 



Citeste si urmatoarele :