Lectie Photoshop animatie sprite luptator de mers pe jos, pixel mersul pe jos - un pic despre tot

Animarea spritei: luptător de mers pe jos, mers pe jos de pixeli

Hyde: animație de mers pe jos pentru sprites de rezoluție mică

În această lecție, vă voi arăta cum să creați o animație în mișcare pentru o sprite de rezoluție mică. Când desenez mici sprite animate, aleg întotdeauna una din cele trei căi de animație:







• Mersul cu două cadre
• Mersul cu patru cadre
• Mergând în cinci cadre

Asa ca sa facem totul in ordine.

-----------------------------------------------------------------------------------------------------------------------------
Două cadre de animație
Goes for: Sprite foarte mici, adică o înălțime maximă de 32 de pixeli, dar aș recomanda pentru sprite cu o înălțime de 24 sau mai puțini pixeli ....
Două cadre de mers pe jos sunt foarte ușor de creat și au fost populare în jocurile NES.

Practic doi pași-cadru este împărțit în A) picioarele departate si B) Picioarele sunt combinate sau suprapuse fiecare iluzie optică druga.Poluchaetsya mici când te uiți la sprite ca aceasta; Trucul este că creierul dvs. vede 4 cadre din animație; primul-picioare în afară, piciorul stâng este tras înapoi, atunci picioarele sunt aliniate din nou, acum picioarele diverg din nou și părea să fi scos piciorul drept. Aruncă o privire.


Ai văzut? Puteți insista că fiecare picior a fost dat în mod diferit. Pentru a face această animație corectă, trebuie să vă asigurați că ambele picioare sunt la fel de aprinse; Acesta este același număr de evidențiere și umbre pe ambele picioare. În animații cu patru și opt cadre, învățăm să animăm picioarele cu iluminare diferită.
O altă cheie a succesului este de a face efectul, ca și cum un picior este mai aproape decât celălalt. Noi, de exemplu, ar trebui să putem exprima faptul că, în cadrul în care picioarele sunt combinate (cadru unu), piciorul drept sau stâng se mișcă ușor înainte. Ați văzut cum a fost evidențiat piciorul drept sau stâng cu o linie de pixeli? Dacă un picior nu acoperă complet celălalt, atunci se pare că eroul nostru își ia întotdeauna celălalt picior departe. Uitați-vă la exemplul a ceea ce NU trebuie să faceți:

Apoi mi-am făcut piciorul stâng mai strălucitor decât cel drept și sa dovedit că el doar îl smulgă înapoi, și deja este clar că piciorul mai strălucitor este mai aproape de privitor.
În animația a două cadre, totul este de a da 2 cadre pentru 4. Și chiar și cu ajutorul a două tehnici cadru este posibil să se facă o animație de funcționare destul de bine: schimba timpul între cadre







schimbarea timpului, lungimea picioarelor în cadre poate atinge acest rezultat

Patru animații cadru
Mergi pentru: sprites mici, nu mai mult de 32 de pixeli.
Patru bazate pe cadru de mers pe jos de animație, practic, foarte similar cu dvuhfreymovoy, și dacă ați făcut aceste două animații bazate pe cadre pe care le va fi foarte ușor de făcut chetyrehfreymovuyu. Eroul nostru în animație cu patru cadre va face același lucru ca în cele două cadre. Asta este, să ia un picior, și apoi să se combine, apoi să ia din nou o altă combina, și așa mai departe ... De data asta doar ar trebui să facă picioarele aprinse în mod diferit, deoarece, atunci picioarele va arata mai realist. Te sfătuiesc să alegeți piciorul „din față“ (adică piciorul mai luminată a privitorului, iar piciorul stâng pentru eroul nostru) este mai iluminat, și să facă celălalt picior mai întunecat.

Este interesant faptul că acest lucru face animația nu este ca două cadre! Acest lucru se datorează faptului că întunericul luminării picioarelor ajută puțin. Probabil ați observat că eroul nostru nu este atras în profil; Dacă ar fi fost în profil, nu l-am putea contempla în fața gâtului, torsului, în fața centurii, etc. Și în plus, ne-ar fi confundat la picioarele lui, din moment ce nu i-am vedea torsul ...


Acordați atenție cadrelor 1 și 3, deoarece piciorul mai iluminat se mișcă spre partea inferioară ....
Prin urmare, îmi schimbe adesea picioarele, dar acest lucru nu este necesar.
Ei bine, acum să comparăm animația cu 2 cadre și 4 cadre.
-patru cadre
-două cadre

Dar asta nu e doar animația; Acest lucru este doar pentru a arăta ce cale piciorul trece prin. Ați observat cu siguranță că piciorul urcă și apoi "cade" la pământ și mai multe cadre se aliniază și revin la corp. și apoi se ridică din nou și așa mai departe. Aceasta este ceea ce voi încerca să fac animat totul în opt cadre. Întotdeauna încep prin tragerea poziției piciorului și apoi prin tragerea acestuia. De asemenea, este important să lăsați o diagramă a mișcării piciorului ca un memento (sau puțin).

Și acum o imită într-un singur dosar cu straturi. Copiați acest dosar (pentru a face următorul picior), voi pune acest dosar sub cel original. și să schimbați straturile pentru a crea o animație alternativă pentru al doilea picior. Ei bine, atunci. Pentru primul picior, am mutat stratul de picior 1 în rama 1, stratul de picior 2 în cadrul 2 și așa mai departe. Pentru piciorul copiat (2), am plasat stratul de picior 5 pe cadrul 1, stratul de picior 6 de pe cadrul 2 etc. Și acum să vedem ce sa întâmplat.

Funcționează, dar nu perfect, am acum o animație complet de lucru și vreau corpul mic eroul nostru „sarind“ .El va merge în fiecare 2 cadru și în jos la fiecare două cadre, și așa mai departe. El trebuie să coboare când piciorul atinge pământul. Și urcați atunci când ea începe să urce din nou). Prin urmare, va crește cu 3,4 7,8 cadre. De asemenea, acum am de gând să adăugați umbre pe nogi..Zapomnite, am de gând să fac piciorul, care este mai aproape de privitor, mai vie pentru a se distinge de celelalte, mai întunecat ...

Asta e tot. Aruncă o privire! Picioarele se mișcă de-a lungul traiectoriei dorite și cu cât suntem mai iluminați mai aproape de noi! Și totuși, mâinile personajului meu nu se mișcă pe măsură ce el ține arma, dacă nu ar ține, ar trebui să-și animeze umerii și mâinile ...


Bine, nu rău, mai jos sunt toate animațiile anterioare și una cu un scut.







Trimiteți-le prietenilor: