Az első animált karakter, Workpop.
Miután én írt az első animációs karakter Dribbble. Többen kérték, hogy hogyan használják elve létrehozni animációk. Ha nem ismeri a Alapelv. egy egyszerű módja annak, hogy létre animált, interaktív felhasználói felület; mint kiderült, akkor könnyen animálni szinte semmit (nem csak a felület).
Az első karakter animációs
Hozzuk létre a baráti labda először létre kell hozni egy karaktert vektor vázlat. Használhatja én kész példa (a példa elve) - letöltheti a forráskódot itt.
Ha egy karakter húzott (I használja a Vázlat), győződjön meg róla, hogy már csoportosított objektumok össze, hogy könnyedén mozog őket elve (akkor is csoportosíthatjuk őket elve, a választás a tiéd). Ebben a példában már csoportosítva a bal / jobb, bal / jobb láb, test, árnyék a földön, és a zászló. Mi fog mozogni ezen objektumok elvileg létrehozni animációs.
Csoportosítása rétegek vázlat Amikor felhívni a karaktert, és csoportosítva Sketch, nyissa meg az elv, és válassza ki «Import». Artbord karakter proimportiruetsya vázlat. Miután az import, akkor lesz egy új artbord elvileg.
A behozatali karaktereket Sketch Jelölje artbord és a duplikált 4-szer. Csatlakoztassa az egyes artbord a következő, és az utolsó az első, a «Auto». Ez csak generál egy animáció. Minden réteg minden artborde kell animált egy réteg az azonos nevű a következő artborde.
Összeköti a következő artbord artbordy A csatlakoztatást követően válassza a karok, a lábak, a törzs és a többi eladó terméket, amit szeretne változtatni az artbordah 2. és 4. Az alábbi példában látni fogja, hogy az 1. és a 3. artbordy ugyanaz, és az 1. és a 4. pozícióban artborde tárgyak vannak némileg eltérő. Ez létrehoz egy hurok problémamentes animáció. Lehet, ha azt szeretné, hogy csak 2 artborda lenne még egyszerűbb megoldás, de nem keres egyszerű módon 🙂
Animáció a végleges formában, hogy minden, írjunk az animációt.
rekord animáció
Mi a következő lépés?
Kapcsolódó cikkek
