"Life is too short to make bad art."

Friday, August 12, 2016

The difference art makes - reskinning Pupey

A while back I saw this game video on facebook. It was a simple action game - the kind you play when you have a moment to spare and want to get annoyed in a flappy bird kind of way. In short - not really the kind of game I am good a playing BUT the kind of game that due to the rather limited amount of artwork is quite quick to reskin. 

 The game was created in construct2 by the talented Alegerian coder Hadjoudj Mohamed who, like most indie authors couldn't find or afford an artist to help with the game. 
The result was a working game with 'coder art' and UX/ UI problems that come with it (e.g. placing the play button away from the easy reach of the fingers, fading the buttons too much with the background, etc.).
I went ahead and took the title screen and altered it. Starting with the game character, working my way through the elements on the title screen and sorting out the UI in the progress. The main elements now are a lot cleaner and more visible. 

With the game character looking a lot like a mix between a bee and a minion the choice of a hexagon as the main design element was easy. The buttons had to stand out more from the background than in the original version. I went with a blue and purple gradient and chose orange as the contrasting opposite for the main buttons. 

The character was simple enough to allow a couple of funny variations.

I used CorelDraw for the animation process. The combination of multiple pages (that export nicely to layered psd files, which make it easy to export separate png files of the same size) and the use of symbols make it very easy to create the base set of images and alter them for those variations. 

The character has an idle animation, flying up, crashing and a game over animation - all up 22 frames. Once these frames where set up I just needed to alter the symbols once and CorelDraw would update all 22 pages of the animation for me. 

The game is finally out on kongregate:

Give it a try!