I am overburdened, evolution of box-art

Published March 22, 2017
Advertisement

Hello there!

Took most of last week off for vacation == no entries, sorry about that, but this week I'm going to make multiple videos and blog posts :) ! This first one is about the box-art of the game.

Backstory, requirements

For previous projects I did not spend too much energy on the promotional art. That was obviously a mistake, because usually it is the first thing both the players and the press comes across when checking your game, so it needs to have a good teaser, but it is easy to forget the importance of it and miss allocating time for it...

I planned to make a difference this time, but I significantly underestimated the needed efforts :( . I wanted to capture the plot of the game in an image, suggesting the core mechanic, which is trying to collect a lot of loot and having a huge inventory, but still not being enough. All in all I think I succeeded but it took two tries :) .

First try

My first idea was to focus on the protagonist of the game, who is a tomb raider kind-a guy (the not so morally OK one). Not being a typical hero or warrior, I wanted to present him as a bit of a simpleton and not someone who would kill a bunch of monsters with a single slash, since you won't be able to do that in the game either.

Concepting and direction

I started out with some concept sketches in my notebook, portraying a bandit/pirate figure carrying huge bags...
2017_03_21_concept_1.jpeg

I continued with flashing out this character with a composition I thought I like:
2017_03_06_boxart_11.jpeg

2017_03_06_boxart_21.jpeg

I wanted to create a pixel art end result, because I dislike box-arts with totally disconnected style from the game (except if it is top-notch quality + it adds to the lore of the game) but from my experiences with Operation KREEP, I knew I'm going to need a s#!tload of image sizes for promotional art (especially true if you plan to sell the game on multiple storefronts). Steam alone requests 5+ marginally different aspect ratios. So I decided to go with vector art as a base, and fix various sized renders instead of manually doing 3 to 4 different setups pixel by pixel.

Inking, results and confession

I use Inkscape for vector art. It is a free and cross-platform vector graphics editor, and has a convenient user interface . Perfect for line-art, icons etc...

2017_03_21_inkscape.png

First batch of line-art and shading work was pretty promising, I grown to quite like the character...
2017_03_21_lineart_1.png

I tried out rendering the character in various sizes and fixing them up in GIMP using color reduction and manual pixel pushing. I still had "hope" at this point :D .
2017_03_21_lineart_2.png

Then I throw together a "placeholder" pixel art title text.
header.png

The only thing left, was composition, fine-tuning and polish, so putting together an actual art piece which I could use as the promotional material for the game. Here are my attempts:
2017_03_21_attempt_1.png

2017_03_21_attempt_2.png

2017_03_21_attempt_3.png
Of course I made close to a dozen of these, to try out various text sizes, backgrounds etc...

I don't know if anyone likes them, but I sure felt like they simply aren't working. I liked the character, I liked the colors, but the image was lacking detail, a good looking title-text, a correct composition and most importantly somehow it was lacking life :| . After days of fiddling on-and-off with it I decided, that no amount of polish is going the fix these problems, so I scraped it and started over!

Second try

I wanted to approach the next trial smarter. So instead of jumping in I looked at a lot of reference pictures and lay down much clearer goals and concepts before jumping into producing the picture.

Reference material

Looking at some images made for other games helped a lot! It made me realize, that I have to focus a lot more on the text first and foremost, and a more clever use of both color and space is required for the image as a whole.

2017_03_21_reference.png

I came up with the following concept afterwards which I really liked:
2017_03_21_concept_2.jpeg

I followed a similar approach for scalability, using Inkscape to create the outline and work from the renders, manually pixeling the final image:
2017_03_21_lineart_3.png

Final, final, final, final!

Funny thing about the final image is, that it took much less time and effort than my first attempt and I think it turned out to be a good deal better looking :) .

boxart_final_final_final_final.png

The takeaway is if you feel even a tiny bit stuck, sit back to the drawing board and spend some more time on your concepts, it will probably yield better results !

The upcoming entries will be about the linux and mac ports of my previous game Operation KREEP and the tile graphics of I am overburdened. Here is a little sneak-peek of the last one:
2017_03_21_screenshot_1.png

Stay tuned!

4 likes 4 comments

Comments

khawk

Really interesting to see the evolution from concept to final. I also like the vector->pixel transformation. Great use of available tools.

March 22, 2017 04:06 PM
Starnick

I like the final box art.

It kind of reminds me of the opening title scene in "Indiana Jones and the Fate of Atlantis".

March 23, 2017 02:58 PM
Aardvajk
You have some serious Inkscape game, sir.
March 23, 2017 03:05 PM
Spidi

Thx. for the kind words :)

kind of reminds me of the opening title scene in "Indiana Jones and the Fate of Atlantis".

Just googled it, you mean this one:
695_small.jpg

I take it as a big compliment as it looks really awesome ;)

March 23, 2017 03:14 PM
You must log in to join the conversation.
Don't have a GameDev.net account? Sign up!
Advertisement