Skip to content
Snippets Groups Projects
Commit 8eba27ed authored by @dion-tsang's avatar @dion-tsang
Browse files

Lesson 04 - Character Design

parent 573ed8c8
No related branches found
No related tags found
No related merge requests found
Pipeline #497417 passed
docs/assignments/ISAGeekClub/Lesson03/5Q0v.gif

19 KiB

......@@ -98,12 +98,15 @@ Consistency: Ensure that the character maintains consistent features across diff
Key Frames: A typical walking cycle has four key poses:
Contact (one foot touches the ground)
Contact (one foot touches the ground)
Recoil (the body lowers slightly as the weight shifts)
Passing (one leg moves forward past the standing leg)
High Point (the body rises again)
For running, the key poses are similar but more exaggerated.
![alt text](image-2.png)
![alt text](image-3.png)
Frame Count:
Walking Cycle: Usually 8–12 frames.
......@@ -112,7 +115,17 @@ In-Betweens: Fill in between the key frames to create smooth transitions.
Motion: Consider how the character’s body moves as a whole. Arms and legs should have a counter-motion (e.g., when the right leg moves forward, the left arm does too).
Designing a Running Character Using Pixilart
![alt text](image-4.png)
Examples:
[Animating a Walk Cycle in Inkscape Part 1](https://www.spriteland.com/tutorials/animating-a-walk-cycle-in-inkscape-part-1)
![alt text](5Q0v.gif)
[For more examples](https://www.pinterest.com/pin/551479916890658993/).
## Designing a Running Character Using Pixilart
Create a New Project:
Open Pixilart and start a new canvas (consider a size like 64x64 pixels for a small character).
......@@ -140,8 +153,6 @@ Export Your Animation:
Once satisfied with the animation, export it as a GIF or PNG sequence.
[Animating a Walk Cycle in Inkscape Part 1](https://www.spriteland.com/tutorials/animating-a-walk-cycle-in-inkscape-part-1)
## Draw frames for animation in [Pixilart](https://www.pixilart.com/)
**Recommended Actions for Running Animation:**
......
docs/assignments/ISAGeekClub/Lesson03/image-2.png

1.32 MiB

docs/assignments/ISAGeekClub/Lesson03/image-3.png

1.19 MiB

docs/assignments/ISAGeekClub/Lesson03/image-4.png

1.54 MiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment