Looping Ghost Animation
For Motion Collabs' Halloween challenge ('Loopaween') I illustrated and animated a cute little ghost. The challenge involved creating a looping animation/gif with a spooky theme. I used a blend of Adobe Illustrator, Firefly, Photoshop and After Effects to bring this to life.
![](https://cdn.myportfolio.com/d6846bcb-26ac-408f-bfdc-11afdfd408dd/38f61b08-5298-4b4b-a196-3cabb5ae8085_rw_1200.png?h=dba27fc991dcd5de40fb22c8c77f70ad)
Initial Design.
I started by drawing the ghost character as a basic vector illustration in Adobe Illustrator. I decided that I wanted him to be interacting with a cauldron - the stirring spoon and bubbling pot could form the main looping motion in the animation.
![](https://cdn.myportfolio.com/d6846bcb-26ac-408f-bfdc-11afdfd408dd/3c3cfd38-e9ba-4848-a57a-67ddaca904de_rw_1920.jpg?h=9975ac233d6f8ee932946fe47b2a8db3)
![](https://cdn.myportfolio.com/d6846bcb-26ac-408f-bfdc-11afdfd408dd/f269bc5a-539f-43ee-85f9-4c6b2b717114_rw_1920.jpg?h=55d3a04937a9d8f2d157391f943bc187)
![](https://cdn.myportfolio.com/d6846bcb-26ac-408f-bfdc-11afdfd408dd/e49fa3d5-d8b0-4799-869c-f5d324a875db_rw_1920.jpg?h=f7a45cc456cdac73e74119547baf7faa)
Images created using generative AI (Adobe Firefly) using the prompt: 'cute ghost cooking in a cottagecore kitchen'.
I had an idea that the ghost could be in a cosy little kitchen - a bit of a subversion to the usual spooky environment you might expect from a ghost. I was struggling to find suitable reference images, so I decided to have my first go at using Adobe Firefly, generating some inspiration and kitchen layout references.
I drew the rest of the image in Illustrator. I also updated the colour scheme, taking inspiration from my AI generated reference images.
![](https://cdn.myportfolio.com/d6846bcb-26ac-408f-bfdc-11afdfd408dd/5ee56769-9b06-451e-a6a1-3b08258b8d1c_rw_1200.png?h=ad8a029d698a407581ee0447c320f207)
Vector Components created in Illustrator.
![](https://cdn.myportfolio.com/d6846bcb-26ac-408f-bfdc-11afdfd408dd/015c4be2-a49d-406e-95ab-60db74f9128c_rw_1920.png?h=b04b46e884f024e5b17db26cc5f6c801)
Shading and texture added in Photoshop.
Next, I exported my vector layers and brought them into Photoshop. Here I used a brush tool to draw on the shadows and highlights, creating a more hand-drawn, textured look.
![](https://cdn.myportfolio.com/d6846bcb-26ac-408f-bfdc-11afdfd408dd/a0086752-fb27-4fbe-b552-5697716fabff_rw_600.gif?h=d8a1a350faf2f22e9c6f7e872909f984)
Finally, I brought my illustration into After Effects to create the final animated piece.