Grafiko.ro

Userbar Animation

Userbar Animation

Am facut acest tutorial pentru o cerere pe grafiks.ro, este o simplă metodă de a face animaţie cu photoshop, eu am folosit versiunea CS3 dar ar trebui sa se aplice şi la versiuni mai vechi.
Prezint o modalitate de animaţie în fade, adică din opacitate 100% să dispară la 0% opacitate.

Pasul 1:

Pentru început presupun că aveţi făcute layer-ele cu toate textele şi imaginile pe care le vreţi să le animaţi, si că toată lumea ştie cei ăla un userbar şi cum să-l facă.

Bifaţi pe ochiul din stânga layerului care doriţi să fie primul afişat, eu am bifat pe primul “Participa la CGFS” precum se vede în imaginea următoare.

Pasul 2:

Deschideţi panoul de Animation de la Window/Animation , daţi un clik jos sub iconul framului respectiv, e trecut 0 sec sau 0.0 sec, exact pe text, din panoul ce va apărea selectaţi 0.2 sau cât de mult vreţi să rămână afişat, pe urmă mai jos daţi un clik peiconul de newframe, va face o copie a primului frame.

Pasul 3:

Selectaţi cel de al doilea frame, din panoul layers având selectat layerul, scadeţi opacitatea la 0%, pe urmă selectaţi ambele frame-uri şi daţi un clik pe cele 4 cerculete care apar in panoul Animation, din fereastra care va apare, aveţi grijă să aveţitoate bifate înafară de selected layers, modificăţi la “frames to add” câte framuri vreţi să aibă.
Aici contează cel mai mult cât adăugaţi, deoarece puţine framuri face o tranziţie rapidă, mai multe framuri face o treanziţie lentă, dacă vreţi să fie mai multe framuri dar să se vadă mai fin, de la pasul 2 faceţi modificarea la 0.1 sec, şi puteţi pune dublu faţă de mine la numărul framurilor, eu am ales 8 pentru o tranziţie mai lentă, practic 8 framuri la 0.2 sec, înseamnă o tranziţiede 1.6 secunde, se vor crea încă 8 frame-uri pe lângă cele 2, deci 10 frame-uri în total.

Pasul 4:

La următorul pas, selectaţi frame-ul 9, bifaţi pe ochiul din stânga layerului următorului text, pentru al face vizibil în scenă, pe urmă selectaţi frame-ul 10, bifaţi ochiul şi scadeţi opacitatea la 0, de aici urmaţi pasul 3 pentru a adăuga aceeaşi tranziţie ca la primul layer de text, urmând să faceţi la fel cu toate celelalte lazere, doar urmând paşii 3 şi 4, selectaţi penultimul frame pe urmă ultimul, eu am strâns un număr de 34 frame-uri.

Pasul 5:

Rezultatul ar trebui să fie ca cel de mai jos, dar totul este în funcţie de numărul de frame-uri şi layere pe care le adăugaţi, şi paleta de lazere arată ca mai jos.

Acest tutorial este creat de Grafiko pentru Grafiks.ro şi partenerii, îmi cer scuze pentru eventualele greşeli de ortografie, dacă sunteţi nelamuriţi cu ceva astept comentarii.

Userbar Animation

Tags: animation palete, animations, cs3, photoshop, ps tutorials, tutorial, Tutoriale, userbar animation