preview

Design Cool Game Graphics Using Displacement Maps – Psd Plus Tutorial

Mar 4th in News by Mark Mayers

We have another great Psd Plus tutorial exclusively available to Plus members today. If you want to take your game design skills to the next level, then we have an awesome tutorial for you. Discover how to use Photoshop tools to blend graphics, textures, and a Cinema 4D creature into an awesome game cover design. Learn more about this informative and advanced tut at the jump!

PG

Author: Mark Mayers

Hi everyone! I’m an illustrator and print designer from Cornwall in the UK. I’ve been using Photoshop since version 3. I also contribute tutorials for some of the worlds leading creative publications. Head over to my website where you can see more of my work.

Fantastic Game Graphic Techniques

This tutorial re-creates a fictional game cover by combining Photoshop's channels with the Lighting Effects Filter to produce realistic displacement maps. To start off, you'll create a three-dimensional distressed logo, then combine the same techniques along with some advanced path functions to make the rusty background panels. Finally, we'll show you how to color correct a Cinema 4D creature render so it senselessly blends into the environment.

Plus members can Log in and Download! If you're not a member, you can of course join today! You can view the final image preview below or view a larger version here.

This is a Detailed and Professional Tutorial

This tutorial takes inspiration from survival horror game graphics such as Resident Evil and Doom. What makes survival horror games distinctive is that the player often finds himself alone in dark, claustrophobic, vulnerable situations. Ammunition and health power-ups are usually very limited while enemies are plentiful – all this is designed for maximum game play suspense. Plus members can Log in and Download! Otherwise, Join Now! Below are some sample images from the tutorial.

5
22
45

Plus Membership

As you know, we run a premium membership system here called 'Plus' that costs $9 a month (or $22 for 3 months!) which gives members access to the Source files for tutorials as well as periodic extra tutorials, like this one! You'll also get access to Net Plus and Vector Plus, too. If you're a Plus member, you can log in and download the tutorial. If you're not a member, you can of course join today!

Also, don't forget to subscribe to the Psdtuts+ RSS Feed to stay up to date with the latest Photoshop tutorials and articles.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    revy March 4th

    Cool. I use zbrush and photoshop for this kind of stuff.

    ( Reply )
    1. PG

      Andrew Pryde March 4th

      I had never heard ot zbrush thanks for the heads up.

      @Prydie

      ( Reply )
    2. PG

      JohnM. March 4th

      I have zbrush too. I just don’t know how to use it :/

      ( Reply )
      1. PG

        Seraphim Collective March 11th

        @JohnM.They have Zbrush tutorials on youtube. You can start there.

        http://www.youtube.com/watch?v=6-hRle7SpyA

  2. PG

    Craigsnedeker March 4th

    nice :)

    ( Reply )
  3. PG

    Brian March 4th

    Reminds me of the old days, before we had filters. I remember using Kai’s Power Tips and reading about chops (CHannel OPerationS). Sometimes I still need it to do bevels by hand when working on large format projects.

    Cool Stuff.

    ( Reply )
    1. PG

      Jaybo March 9th

      how do u do bevels by hand?

      ( Reply )
    2. PG

      Seraphim Collective March 11th

      Oh man, what a flash back! Kai’s and the old way to do bevels.

      ( Reply )
  4. PG

    Allison March 4th

    Looks like a great tutorial!

    ( Reply )
  5. PG

    Corey March 4th

    Damn it feels good to be a Plus member.

    ( Reply )
    1. PG

      lawrence77 March 4th

      yeah!!

      ( Reply )
      1. PG

        lawrence77 March 4th

        but still i’m waiting for that damn 9$!!

        who invented money?? :(

      2. PG

        Johnson Koh March 6th

        Who invented money…I wish to know that =.=

    2. PG

      Mike Smith March 4th

      haha yeah. I seen this in my feed reader and immediately logged in and downloaded the files. the Envato team are the greatest. $9.00 per month…. seriously! What a great deal.

      ( Reply )
      1. PG

        lawrence77 March 5th

        which feed reader you use?? Mr. Mike Smith

  6. PG

    lol March 4th

    I dont really like the outcome, especially the text. Way tooooo simple.
    But nontheless, its the effort that counts! ;)
    Thanks for the tutorial, eventhough I’m not a plus member. :|

    ( Reply )
  7. PG

    Justin March 4th

    Not to be rude…
    but is devastation spelled wrong or is it me?

    I do however love the outome

    ( Reply )
    1. PG

      jm March 4th

      lol yeah, it is misspelled. Correct spelling is devastation. ;)

      ( Reply )
    2. PG

      Chris March 4th

      It’s not you, lol. good catch.

      ( Reply )
    3. PG

      Sean Hodge March 5th

      Thx for catching this. I’ll work on getting this fixed.

      ( Reply )
    4. PG

      Sean Hodge March 5th

      We got the typo corrected. Thx.

      ( Reply )
  8. PG

    barlos March 4th

    why plus?:(

    ( Reply )
  9. PG

    Aleso March 4th

    zbrush is use it for 3d applications, you can generate the normals maps of i hires resolution 3d mesh and you export that maps for to apply to a low resolution 3d mesh in another application and then the low poly model will looks like a the high poly model, is an amazing application without zbrush all the details that you see in games it can not be possible.

    ( Reply )
  10. PG

    OpenSourceHunter March 5th

    Not bad!

    greetz

    ( Reply )
  11. PG

    RUGRLN March 5th

    Wickeddddddd…..Anyways, could anyone tell me for what Cinema4D is used here? Thanks..

    ( Reply )
    1. PG

      Dullface March 5th

      The alien figure in the front

      ( Reply )
  12. PG

    goldkaly March 5th

    Zbrush ? cinema 4D ? NO !!! IT´S Poser
    Look for “RD Phenotypes 002 Havoc ” in Content paradise , good colors and very easy to make :) lol !!!

    ( Reply )
    1. PG

      Mark Mayers March 5th

      Thanks for all the comments.

      The tut’s main focus is creating the logo and background using displacement maps, the figure is supplied as a 3D render, so its’ shadows can interact with the dispacement mapping on the background paneling etc.

      Yes, it is a Poser figure, exported to Cinema 4D (using the InterPoser plug-in) to make a render – the Poser render engine is great, but painfully slow!

      ( Reply )
  13. PG

    brody March 5th

    i just bloody hate the font of the bottom line :)

    ( Reply )
  14. PG

    Johnson Koh March 6th

    This is a fierce one. Keep coming!

    ( Reply )
  15. PG

    Devin Rajaram March 6th

    I will go and check it out today

    ( Reply )
  16. PG

    TopFlySecurity March 6th

    damn why do i come to this site while im at work! i allways wish i was home so i can get started on the tutorials :)

    ( Reply )
  17. PG

    Scott March 6th

    Thankyou for an awesome tutorial. Many tips and techniques learned….. $9 a month well spent
    Scott

    ( Reply )
  18. PG

    saustomat March 6th

    i want to be a plus ! T.T

    ( Reply )
  19. PG

    Renzo March 9th

    After this tut, I’ll start playing around to ps 3d powers…

    ( Reply )
  20. PG

    Rendersoft May 17th

    With all these Cinema 4d + Photoshop Tuts I will be getting my membership on Friday.

    ( Reply )
  21. PG

    Modisana July 22nd

    Ah Geez… If only I had enough time to Learn Maya I know Id probably do something much much more awesome. Well…. Don’t care! Im still giving it a shot.

    And thanks that you guys do these competitions…. another thing that keeps us coming back to the tuts network.

    Keep it up.

    ( Reply )
  22. PG

    TheAL September 21st

    Very bad-ass tut. I have never been able to finish it on account of my instance of CS3 always crashing between steps 4 and 5, but everything up until then turns out perfectly.

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    September 21st