Jump to content
  • entries
    55
  • comments
    96
  • views
    52338

I am overburdened, evolution of box-art

Sign in to follow this  
Spidi

983 views

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!

Sign in to follow this  


4 Comments


Recommended Comments

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

Share this comment


Link to comment

I like the final box art.

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

Share this comment


Link to comment

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 ;)

Share this comment


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Advertisement
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

We are the game development community.

Whether you are an indie, hobbyist, AAA developer, or just trying to learn, GameDev.net is the place for you to learn, share, and connect with the games industry. Learn more About Us or sign up!

Sign me up!