Frame by frame animation, 12 FPS, created in procreate
April ‘21
![](https://cdn.myportfolio.com/0afd369a-6c05-4050-b587-4d2357230753/cf237919-e9be-4385-af46-3cbb4d00c942_rw_1200.gif?h=46c5ba7d7070aa979442a77e17265608)
I created this simple animation after I began watching a course on Animated illustration in procreate by Martin Tognola.
Main animation principles:
Slow in and slow out ~ Exaggeration ~ Anticipation ~ Motion loop ~ Arcs ~ Appeal
![](https://cdn.myportfolio.com/0afd369a-6c05-4050-b587-4d2357230753/e66de451-aa87-46c9-af57-1ad2e694328a_rw_1920.png?h=a379b3b0f4f22f92f000cec21dfcaab2)
Acceleration is represented through wider clear spaces between shapes. Flattening the 🐝’s body also helps creating the illusion of high speed
Slow-out / Squash and stretch
![](https://cdn.myportfolio.com/0afd369a-6c05-4050-b587-4d2357230753/0600aca5-2e64-4d13-a9a8-bb55a8faefd4_rw_1920.png?h=913eb96b8fd15a9047c798dba7b01c81)
Deceleration is shown through smaller clear spaces between shapes. Numerous layers often overlap in the attempt to create this effect. Exaggerating the insects’ body (narrowing it) also helps.
Slow-in / Squash and stretch
![](https://cdn.myportfolio.com/0afd369a-6c05-4050-b587-4d2357230753/9dd4eaf1-480c-4c35-92a3-51c588550609_rw_1920.png?h=f74840a890ba5c56916f09189a3a01b1)
The 8-shaped arc gives a smooth and uninterrupted line for the bee’s movement. This arc is also pleasing to the eye and it gives the animation continuity.
Arc
![](https://cdn.myportfolio.com/0afd369a-6c05-4050-b587-4d2357230753/e1f65c5e-3189-415f-95b1-34e33def6330_rw_1920.png?h=dba443c2cc5deb368ac6195f5c9baadd)
Appeal comes from looking sharp, agile, witty, petite.
Appeal