Как да създадете ходещ спрайт: 9 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:50

Тук ще научите как да създадете ходещ спрайт

Необходими доставки:

Компютър (всеки тип ще е подходящ)

Интернет (Да)

Уеб браузър (Всеки друг уеб браузър освен Internet Explorer или Safari)

Стъпка 1: Отворете уебсайта

Отидете на тази връзка https://piskelapp.com/ този уебсайт не работи със safari, защото не запазва вашия проект.

Стъпка 2: Създайте акаунт

Създайте акаунт и кликнете върху влизането и използвайте предпочитания от вас акаунт в Google. Това ще ви създаде акаунт, без да поискате нищо, всичко е автоматично.

Стъпка 3: Как да създадете спрайт

След това щракнете върху създаване на спрайт. След това погледнете отстрани, за да видите мини менюто, както е показано на снимката по -горе. След като щракнете върху преоразмеряване, изберете вашия размер, използвайте 90 на 90, ако искате нещо голямо, (в този случай използваме размера по подразбиране 32 на 32), след като направите това, щракнете върху бутона за преоразмеряване.

Стъпка 4: Проектирайте герой

Проектирайте своя герой, уверете се, че той има ясни ръце и крака, защото това ще използваме най -много. Използваме по -прост дизайн, но можете да направите своя толкова сложен, колкото искате. За да създадете героя, използвайте инструментите като четката и цветовете. За да изберете цветове, трябва да кликнете върху раздела за цвят, след което можете да изберете предпочитания от вас цвят. Ако искате да използвате другия цветен раздел, щракнете върху бутона за превключване на цветовете в долната част.

Стъпка 5: Направете ключови кадри

Може би се питате какво е ключов кадър, ключовите кадри са основните рамки, които зрителят ще види. Първо, създайте рамка на вашия герой, който стои неподвижен. След това ги създайте по средата (както е показано на снимката по-горе).

Стъпка 6: Създайте останалата част от рамките

Създайте рамки между тях. Първо трябва леко да преместите ръцете и краката (но не твърде далеч или твърде малко), така че героят да изглежда така, сякаш имат по -голям поток. Премествайте ги на всеки нов кадър, докато съвпадат с ключовите кадри на кадъра, които след тях. След това леко преместете краката, докато се пресекат заедно. след това пресъздайте кадрите преди кръста в обратен ред (не забравяйте да пресъздадете средния кадър след това). След това пресъздайте кадрите преди средата на изпълнение (включително рамката стои неподвижна).

Стъпка 7: Полска анимация

Добавете някои цветове и някои дизайнерски характеристики, за да направите вашия герой уникален и не забравяйте да го направите за всички кадри. Всички предишни цветове, които сте използвали, ще бъдат запазени в най -бледата секция отстрани на екрана, независимо дали все още ги използвате

Стъпка 8: Експортирайте

Върнете се към мини страничната лента, която направихме преди, и щракнете върху експортиране на анимацията. Тук можете да изберете мащаба/размерите и можете да изберете дали искате като gif,-p.webp

Стъпка 9: Готови сте

След като приключите, можете да споделите анимацията си навсякъде