Experiment Away
Once again we were invited to create animated graphics for the biggest game hackaton in the planet: The Global Game Jam!
Most of the feeling we had by participating on the GGJ event ourselves, was the sense of experimentation, playfullness and raw creativity. For this year teaser we wanted to explore this concept RANDO BANDO style, jamming all our creativity inside an Erlenmeyer flask, stiring it up and sharing the results of this test experiment with the world.
Most of the feeling we had by participating on the GGJ event ourselves, was the sense of experimentation, playfullness and raw creativity. For this year teaser we wanted to explore this concept RANDO BANDO style, jamming all our creativity inside an Erlenmeyer flask, stiring it up and sharing the results of this test experiment with the world.
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/7c0a004c-7d6c-4ead-89dc-56ac4ca2750d_rw_1920.png?h=659454e8f6e58315d4de8fbf684b40b4)
Employees of the month
Dr Jill and Gloo are gamers and mad scientists. She never told our staff if Gloo was one of her creations, but we leave it for you to guess.
We changed Dr Jill colour a lot along the way, and preserved its evolution in some artworks here just so you could see the actual creative process.
We changed Dr Jill colour a lot along the way, and preserved its evolution in some artworks here just so you could see the actual creative process.
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/3beb9d2f-5e7d-46ae-bbbc-56f4c4b1e978_rw_1920.png?h=a02ae39b9fa7b94ba843df4221c0ea68)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/389ca3f9-513c-4459-854c-1e0e6f451da2_rw_1920.png?h=bbbd3e8fc81870a6741b26b4cdb69b4f)
We first had an idea of exploring a daylife of a game jam event, making a diverse line of game jammers with all sorts of backgrounds, participating in the same event. The concept on the far right caught our eye and connected with some of our creative explorations about experimentation, so we decided to sketch some ideas of how it could look like.
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/5192aee4-0bdc-439b-8160-b7d6dddd6b8a_rw_3840.png?h=49d15e5fc1d8d042fb0b93c15274ead0)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/1a7f90df-4c12-478e-89f4-5a71eb0d3023_rw_1920.png?h=ab0e7e57d3cb0e4d5b849aacbeccea4b)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/9a09dea0-851d-446c-8d1a-cd2f6209cda2_rw_1920.png?h=f237b60c594117cdc9409d8894a034c9)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/209ecfd4-ab1f-40ca-b26d-93dba294c4f3_rw_1920.png?h=820c806c75fc173031d7e172f95f77fe)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/ad500507-6ab5-4553-ac28-b4f6034fff51_rw_1920.png?h=c74afd514729265a296faa2a872f3c25)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/03a54282-f26c-455c-a0bb-f4b4ae1d6f53_rw_1920.png?h=f1c608ffd0f87436d33050ad2d30dd79)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/a7cf5d27-33c3-415a-8408-f15a71726adf_rw_1920.png?h=1a96d70eeb39fb09627da00e24acf199)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/796cae0f-cc65-4c44-9d81-5b440e910331_rw_1920.png?h=9f4468053e1911f14d654c29a666771f)
Mad science
We have done sketches that turned into color concepts, that turned into scene ideas, that turned into color keys. The creative process for this animation was a mix of visual development and production design that we tested out for the first time after watching an interview with Justin C. Harder of CLAUS, where he talked about creating frames even before the storyboard, and composition studies from animations we love.
Also, here is a shoutout to the filthy lasso tool photoshop plugin by Ben Eblen that was awesome to create these concept pieces quickly.
Also, here is a shoutout to the filthy lasso tool photoshop plugin by Ben Eblen that was awesome to create these concept pieces quickly.
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/bfb55ec0-b3fa-451d-815e-3422d6763e3e_rw_1920.png?h=9e31af9cd97cfd8c8f6fa1b8294fd9b9)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/e92ffaa5-cddc-4292-be69-424bd686c9bf_rw_1920.png?h=cde84191dc2846edfd16893095be08c9)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/0932a195-8566-42d0-b766-b933f7d7506a_rw_1920.jpg?h=bea7f1fe9864bd0e7281d768407688c0)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/4f1bf7ef-21f5-4caa-80d8-98027ff511c4_rw_1200.png?h=b778c5d12d299e004108dd0b7c837b86)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/10a6a9fc-e1ac-4e7b-8221-5dac5b0f1212_rw_1920.png?h=3572e7e957c982bbfd20cee23ee16b33)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/0aaaccfc-3a16-4446-bde6-7ad0b3836687_rw_1920.png?h=8ace7a3c1cb757a95c7a6f993cc2f908)
Eureka!
With our sketches and concepts in hand, we started collecting everything we had created so far in the same document to find connections between our drawings, scratch out scenes, and bounce ideas over.
Once we had a sequence, we tested it in a boardmatic, which is basically dropping every thumbnail in a timeline, with the same duration and with a placeholder sound.
Once we had a sequence, we tested it in a boardmatic, which is basically dropping every thumbnail in a timeline, with the same duration and with a placeholder sound.
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/a488f77a-d1d6-4bf8-8684-9e57f809cad9_rw_1920.png?h=8bc3315d99910afc1b7d947e79027752)
After a couple more drafts and sessions of pitching board ideas, we were ready to turn it into an animatic where we could test camera moves, timing, composition and some rough animation on top of a place holder soundtrack. After finishing it we numbered the animatic and separated each scene for the art and animation stages, and sent it to our sound engineer.
Behold! It is alive!
Buckle up, because we reached art and animation stages! With the animatic poses, we created some pencil tests of the most complex scenes, vectorized the characters key poses and expressions in Illustrator, and the backgrounds are a mix of vectors, paintings and straight ahead animations in Photoshop with the timeline tool.
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/049539ba-5fbf-40fb-b01f-f69e12c082e4_rw_1920.gif?h=164d2bd4177d60ab85b6102bc39cfca0)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/bb2f60d8-785b-412d-9cec-5f7e5accbac5_rw_1920.gif?h=c9c08a67fad97dfdc0dd4d202f6985e8)
Then we moved every vector inside Illustrator with the help of BattleAxe's amazing plugin Overlord, and imported the sequences done in photoshop.
Our intention for the animation was it to be very snappy. With every layer beautifully named and separated in after effects, we just keyframed inbetweens using the interpolation inside After Effects, messing with holdframes and with posterize time.
Having a rough pass of the character animations before doing them in After Effects helped us a lot to create consistent and dynamic shots quickly, and this is something we learned during the process of GGJ 2023 teaser.
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/4fc55df9-9dac-4924-8ffb-c88c21452b32_rw_1920.png?h=5f91c8178c572438783f9ecdaa23e386)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/c1b6fb6f-ee1b-4eb4-ab24-46e7e8b7e900_rw_1920.gif?h=3b0cd52365f114a81e3fe51c58d33e44)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/c42cf2dd-8a2a-4912-a23b-b5b13fd5c32b_rw_1200.gif?h=c476d1af97fe7bd26b4f3b23020a65cb)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/df7b273d-51a1-4b64-aed3-f9fa9ffa6916_rw_1200.gif?h=b39a074cf6408386fbf02e1550a88d0b)
At this stage, now we also have new music and sound design! The original sound signature created by Ventura Sounds for last year edition, had its appearence in GGJ 2024 with a new look, and we were so happy with it. Every sound and music created specifically for this event was on point, and it is half the fun when watching the whole animation.
Here is a comparison of the previous animatic with the animated scenes + new audio, so you can see how all the process above evolved into the final result.
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/319db510-bb13-4e0f-a501-fc0f9abf5704_rw_1920.png?h=b8e73c75a5c87293dad6cf9cc2d85d22)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/1a3a32cd-d29c-4366-85cf-0aaa5b72d12e_rw_1920.png?h=a32b1ec8eecaa46e5fca72b4c2768b41)
Global Community
On early stages of the animation production we asked GGJ participants and community to send their versions of Dr. Jill and Gloo (that is why she does not have yet her characteristic magenta colour, but there are some rumors she likes to somehow dye her skin with new colours from time to time).
Of course we could not help ourselves but to join the fun and create our own alternate versions for them. These shots were featured during the official Global Game Jam keynote, and we hope to collaborate on more ideas with the GGJ community in future editions.
Of course we could not help ourselves but to join the fun and create our own alternate versions for them. These shots were featured during the official Global Game Jam keynote, and we hope to collaborate on more ideas with the GGJ community in future editions.
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/b7441554-2db2-4bd5-b993-576c1703af79_rw_1200.gif?h=e76336ab4bcdc9248616559f9c0e96d2)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/83040fcd-d624-428e-8ae7-6a98b851108a_rw_1200.gif?h=4371f3055da6f1f48d041cc12796c782)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/d6aa82b3-abaa-4995-83e6-daa75d8acc68_rw_1920.png?h=86f3ee24219918ad5e67d68f54b447f3)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/fcc8e2cb-7dab-4019-9df2-9b126d9fbe82_rw_1920.png?h=c249499184d30c60019bdc8a6edb2567)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/6e7a5514-0441-44bd-9321-680c2e266f3a_rw_1920.png?h=268064522727d134d38f6fd6670532ea)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/7241a786-9b54-4ed1-af46-c4f9a8276403_rw_1200.gif?h=bf0b8c356a541e7662db728539942d2e)
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/97793cdd-4d27-41d6-8bc3-3800d1fd23ee_rw_1200.gif?h=9f6cab6895574c6cc5c6f9dce69c4ca1)
It is difficult to showcase and describe eeeeverything we have done when creating this piece, but we tried our best to share our processes and experiments, hoping it inspires your original creative work somehow.
It was a challenging project, with new ideas and decisions popping in the middle of the process, but we are so glad to have gained creative trust from the GGJ team to try out new things every time.
If you have any questions or words you would like to share, just reach out here in the comments or in any of our contact pages below! Thanks for following this far on our work!
✦
Client: Global Game Jam | Year: 2024 | Service: Teaser Animation, Illustration, Character Design, Graphic Design
Creative Direction: RANDO BANDO (Bebeto Canali, Luis Naza) | Art & Animation Direction: RANDO BANDO (Bebeto Cahali)
Character Design, Storyboards: RANDO BANDO (Bebeto Cahali, Luis Naza) | Sound & Mixing: Ventura Sounds
Visual Development: RANDO BANDO (Luis Naza) | Graphic Design: RANDO BANDO (Bebeto Cahali)
Motion Design & Character Animation: RANDO BANDO (Bebeto Cahali, Luis Naza, Mateus Klein)
Special participants / GGJ Community artists: Paulo Belarmino
Character Design, Storyboards: RANDO BANDO (Bebeto Cahali, Luis Naza) | Sound & Mixing: Ventura Sounds
Visual Development: RANDO BANDO (Luis Naza) | Graphic Design: RANDO BANDO (Bebeto Cahali)
Motion Design & Character Animation: RANDO BANDO (Bebeto Cahali, Luis Naza, Mateus Klein)
Special participants / GGJ Community artists: Paulo Belarmino
✦
![](https://cdn.myportfolio.com/0004ad8e-73be-4a06-b9f0-0c693d447bd6/3b372dfd-e465-4ba7-9f58-16472479dce7_rw_1920.png?h=3b17cc1746e246e2d55bed4ff3e8efad)