Creating Dynamic Video Game Cover Art in Adobe Photoshop

Creating Dynamic Video Game Cover Art in Adobe Photoshop

In this tutorial we’re going to explore how to recreate an awesome video cover art with just a couple of photos and a single Photoshop brush set. The intent of this tutorial is to show you how what looks like a complex design can really be very simple when deconstructed.



Let’s dig in. Below is the cover art for our inspiration.

Step 1

We want to create a blank canvas with the same aspect ratio as a video game cover. I chose 1250×1500 at 300 dpi. This is not exact print spec, but it doesn’t matter since this art won’t be printed anyway.

Next, we need to gather a few elements. Most importantly is our NFL player, and supporting logos. I’ve made it easy for you and gathered everything up into one convenient download.

Step 2

Now we want to open our photo of the football player and extract him from the background. Use whatever method you prefer for making your selection. I tend to use Quick Mask Mode (Q) almost exclusively. Experiment and find a method that you prefer.

Next, we want to sharpen this guy up A LOT. So much so that it has an unnatural look. Make a copy of the player layer, and choose Filter | Other | High Pass, and move the slider way up to 6 or higher. Then set this new layer’s blending mode to Overlay.

Step 3

Now lets add a little bit of texture to our cover. I used #4 from the Subtle Grunge Texture Pack here at WeGraphics. I placed the layer above all other and scaled it down to fit, then set the layer blending mode to Multiply, and the Opacity to 50%.

I also converted it to Grayscale and with the eraser tool removed some of the middle, so there wouldn’t be too much grunge over the player.

Step 4

Even though our background is going to mostly be made up of paint splatters, I want to throw in something that adds a little depth to the scene. I grabbed a New York City skyline photo and duplicated it across the bottom. I set the blending mode to Multiply.

Step 5

Now let’s add the EA Sports logo above the player. Copy and paste the logo from the EPS file included in the download from above. I placed the logo underneath the players arm, and erased a portion of the logo by taking the opacity down and erasing the part that was cover his arm.

Then in a new layer I drew a little bit of shadow with a soft black brush. Be subtle when drawing this shadow!

Step 6

Okay, now comes the fun part… adding paint. I used the Splatters Vol2 set here at WG. There are a few things to pay close attention to when placing your splatters. First off, I only used 3 colors, all picked from the players jersey. A black, orange, and very light grayish white.

I placed some of the orange and white splatters above the players layer so that it appears that they are coming off of his helmet or jersey. All of the rest of the splatters are on layers below the player.

Step 7

Let’s add the game title now. For “Madden” I chose a font similar to the original from our inspiration image, but this one is a little more roughed, and I like that. The font is called PortagoITC TT. For the Number 12 I used a font called Varsity. The NFL logo is in the zip from the download above.

Let’s also add our game console header to the top. You can grab the PS3 logos from the download as well. Create a box using the rectangle selection too and fill it with a gradient (left: #000000 right: #949496) I also made another thin strip below the gradient bar and filled it with an orange sampled from the players helmet.

Step 8

To wrap this up we need to finish out the bottom portion of the graphic and maybe flesh out our splatters a little more. I added a white strip behind the game title and set its opacity to 75%, and then added some larger splatters underneath to fill the white space.

I couldn’t help myself and added some larger splatters behind the player as well. I then added the game rating logo to the bottom left corner to complete the design.

Conclusion

I hope this helps you to see how easy and quick it can be to create something of impact. Video game is incredible and dynamic. To design in that world you have to be incredibly creative and resourceful with your art. Try some of these techniques and experiment as much as possible. Have fun and keep designing!

Related Posts

high quality vectors

2500+ premium design resources for only $7!

We do the best to provide high-quality products that you can use in your commercial projects.
You bet!

take a tour

Nathan Brown

Nathan Brown is a graphic designer who loves working with various media. He combines traditional art styles with a little experimentation and digital flare. Nathan's works have contained everything from ink and paint to leaves and a box of dirt. Everything is fare game when it comes to his approach to art. Nathan lives in Austin, Texas where he has been working as a designer for 10 years. More of his work can be viewed at GraphicMonkee.

14 Comments

(+add yours)
  1. Roy

    Outstanding. Thank you so much. I previously used a downloaded template and subbed my son into a supplied layer. It was cool. Now that you have taught me how to construct myself, I cannot wait to try my own.
    Thank you so much!

  2. Great tutorial, just needs the other trademarks and this looks like a legit cover!

  3. Colo43

    Thank you.

  4. wow!..thanks for sharing.. keep it up and more power :)

  5. john

    can u show us the layer menu to see where you put everything

    • You have the monopoly on useful inforatmion-aren’t monopolies illegal? ;)

  6. Great step by step tutorial

  7. I literally said when I saw the cover, ‘i’d love to find a tutorial on that’. thank you! I’m going to start this first thing tomorrow. can’t wait. course i’m going to use a Buffalo Bills player, as they are my team.

    • Slide a hose clamp over the thin end of the beer hose.Push the thin end of the beer line over the barbed end of the shank.This might take a while but make sure to slide it on clpometely.Twist the wire back and forth to help it slide easier.Slide the clamp over the end of the hose and shank.Squeeze firmly to tighten. 3 tablespoons instant nonfat milk powder Most models today are very easy to use, all you need is a filter, some coffee, and running water. The only wy you can lose suction with the Rainbow, is if you have one of the latst models, the E-Series. Drying time will depend on how thick your meat is cut.

  8. Awesome tutorial! I made one as well but of my favorite cricketer:

    http://imgur.com/okVHC

  9. I like making video game cover art becuase i always wanted to make a video game cover.

  10. i love Dynamic Video Game Cover

  11. Great cover

  12. Good post. I will be experiencing many of these issuues as well..

Leave your comment

© Copyright 2010 WeGraphics.net - All rights reserved. Design and code by WeGraphics Team