Efecte text folosing Photoshop. Animatie text Fade in/out

Animatie text Fade in/out

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