Happinated was one of the biggest illustrative and animation based flash projects I had taken on in quite some time.And the project itself wouldn’t have been that big of a deal if it wasn’t for a factors. ONE. The timeline for this project was cut DRAMATICALLY shorter than originally scoped. TWO. I had never drawn nor animated in an isometric inspired style.

Something else that ended up taking a little bit more time than expected was the actual character design. We had originally had something a little different in mind in terms of style, but then we realized that once the graphics were shrunken down to a size that would allow the user to actually 1)navigate the game and 2)navigate the site itself, we realized that design cuts were going to have to be made.

If you look at the sketches below, you can see how we went back to emphasize certain characteristics of the character, particularly in the face. The face was going to display several different “statuses” that the gamer was in (“Happinated”, “ok”, and “sad”).For the user to be able to quickly glance and recognize this, we went back and enlarged the Head to a much more disproportionate relation to the body.

What also had to be considered was how this style was going to translate into other characters, and this had to be a “future-proofed” style, in the event that this could get expanded to the point where others could make their own custom character and implant them into the game.

We also needed an art style where we could quickly illustrate people that we found on Twitter, and offer illustrations of them as incentives for them to participate with us online.

As for the process itself, there was actually very little sketching done on paper with pencil. I would have loved to have created a fully hand drawn look and animation, and then retraced it into illustrator and animate it with Flash, but the timeline, budget, and possible future uses of the artwork prohibited that.

It’s surprising just how much you can do when you’re forced to. ;)

Happinated.com Project

  • Share/Bookmark
blog comments powered by Disqus