Primul meu personaj animat, Workpop.
După ce am postat primul meu personaj animat pe Dribbble. mai mulți membri ai întrebat cum am folosit Principiul pentru a crea animații. Dacă nu sunteți familiarizat cu Principiul. este o modalitate simplă de a crea animat, design de interfață cu utilizatorul interactivă; așa cum sa dovedit, poate fi ușor pentru a anima aproape orice (nu doar interfața).
Prima ta animație de caractere
Vom crea mingea prietenos prima nevoie pentru a crea un caracter schiței vector. Puteți folosi exemplul meu gata (cu exemplul de principiu) - descărcați codul sursă aici.
Odată ce un personaj este desenată (folosesc Sketch), asigurați-vă că ați grupat obiecte împreună, astfel încât să le puteți muta cu ușurință în Principiul (puteți, de asemenea grup le în principiu, alegerea este a ta). În acest exemplu, am grupat mâna stânga / dreapta, piciorul stâng / dreapta, corp, umbra pe teren și de pavilion. Vom muta aceste obiecte în principiu, pentru a crea animație noastre.
Gruparea straturilor Sketch Când desenați personajul tău și grupate în schița, deschide principiul și selectați «Import». proimportiruetsya caracter Artbord schiței. După import, va avea un nou artbord în principiu. Caracterele noastre de import din artbord Evidențiere Schița și duplicat de 4 ori. Conectați fiecare artbord la alta, iar ultimul la primul, folosind «Auto». Pur și simplu generează o animație. Fiecare strat în fiecare artborde fi animat cu un strat de același nume în următoarea artborde. Conectați fiecare la următoarea artbordy artbord Când este conectat, selectați brațele, picioarele, trunchiul și alte elemente de vânzare pe care le-ar dori să se schimbe pe artbordah 2 și 4. În exemplul de mai jos, veți vedea că 1 și artbordy treia la fel, și în 1 și 4 obiecte artborde poziție ele sunt ușor diferite. Acest lucru creează o animație buclă fără sudură. Ai putea, dacă doriți să faceți doar 2 artborda, ar fi chiar mai ușor opțiune, dar noi nu căutăm modalități simple de 🙂 Animație în forma finală, asta e tot, să scrie animația.
record de animație
Ce urmează?
articole similare
