White space in terms of my final product

Click to enlarge - The areas highlighted in pink are the areas I utilized macro whitespace in my design

For my design I conscientiously used macro whitespace to make sure that certain elements of my design were in the centre and drew attention to themselves. For example you can see the Killing Floor title on the right side of the image has white space to the left and the right of it, making it stand out from the background and makes it the item you notice first.

The white space on the left side of the image it utilized in a way that draws attention to the text and makes sure that it is easy to read and in a compact space, making sure that the relevant information is displayed.

Review design

Click to enlarge

When designing my review I was originally going to go with one page, but due to the length of the review and my stubbornness I decided to just make it two pages instead, but this actually worked in my favour as it allowed me to put a few more pictures in and make the design more interesting, which I hope worked.

I decided that I needed to utilize whitespace in order to make my review readable and interesting to look at, so I made sure to keep a lot of Macro whitespace at the top and the bottom so that the review looks quite compact and ensures that when printing it, nothing will get cut off.

I also utilized micro whitespace with the spaces between the pictures and the text so that the pictures and the text will be much easier on the eye to read.

After I set up the text layout I decided to add the pictures and did not want boring rectangular pictures so I decided to use a different frame to give it a different look, which I believe worked well.

Logo design 2

As I wanted to have a bloody design for my background and I could not use a transparent background as Quark does not support transparency, I had to make it so that the blood stains on the font matched the blood stains on the zombie itself, so the background would align.

Here is an example: 

As you can see the background does not match up, so I had to make sure that it was aligned exactly, quite an annoying process to get right!

Killing Floor Logo

When designing the Killing Floor logo I decided to go for a new approach instead of copying the logo already used for the game, visible here:

As you can see it looks bloody and as though it is sort of covered in barbed wire with blood dripping off of it, whilst I recreated the general theme I came up with a completely logo different altogether, but a basic one


Click for bigger size

  I simply downloaded a font from Blambot.com, a popular website for free comic book fonts and added a stroke effect of 2px in photoshop, generating the effect shown here.

Games for Windows logo

Click for full size

At the top of certain games the Games for Windows logo is visible, so as with the Pegi logo I designed a Games for Windows logo to go at the top of my game box art.

The actual blue windows logo I did not design, as I would not be able to recreate that in photoshop, so instead I resigned the rest of it such as the yellow/orange bar at the bottom, the text and the writing. If you click here you can see what the original looks like (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk1TyPgvSWgmMihae51oX1HbeArafTDmMowXcOTKkUBbCAZVlr7L-V7g8oUCi2QhSyfESVf-_pGrpKRE7PXu9vpSmacAFpDdsbrl0pcnbJvq08xbFqZDFF0k9kELLrQIfvdT5x4odAWs4m/s1600/9nm78ik68+ik46.jpg) so you can see how different my one is.

I have also included proof of the production in photoshop and the layers I used.

Bloody background, so real

Click to enlarge

Using Photoshop Elements I used the brush tool and selected the wet media brushes to create an effect that looked like blood to enhance the cover, and of course give it a more 'zombie' feel. I applied this to Quark and I believe it looks quite pretty!

Video game classification

On video game boxes boxes feature the PEGI logo on it, so I decided to re-create the logo in photoshop so I could use it on my box art.

This is the logo I ended up with after working in photoshop for an hour, it is based off of a different logo and features different fonts, but I tried to get as close as I could to the original. 

Draft 1

This is my first draft, in it you can see that it has all of the features that a professionally produced box cover would have such as developer logos, system requirements and more. Over time I will continue developing it to reflect more professional standards.