7

I was impressed with the art in Mitsubishi ASX Challenge game. It was a mix of real photos and creative art.

screenshot of the game

I decided the game art for a game I'm making should look at least a little bit like this.

How was this made? How the terrain textures were created - the road, grass, fences, etc. - were they created with Photoshop? If yes, then a quick listing of steps would be very helpful.

3
  • 1
    Photoshop. It's quite easy (For professional Graphic Designers) to create realistic-looking images from scratch in Photoshop. How? I have no idea.
    – JFW
    Mar 6, 2011 at 8:46
  • 1
    @JFW: I wouldn't say that it is simply easy but rather that, despite all of Photoshop's powerful tools, it does take a certain amount of skill, practice, and talent to create realistic images, so much so that it looks easy. Mar 6, 2011 at 10:47
  • @JFW, this isn't easy! :D
    – Kyle
    Mar 6, 2011 at 12:52

1 Answer 1

13

I'd start by taking your favourite camera out and about and start snapping photos of real textures you like the look of, things like:

  1. Grass, bushes, twigs, trees.
  2. Fences (or other wood paneling)
  3. Mud, dirt, patchy grass etc
  4. Stone walls, pavement, asphalt, sidewalks, bricks.
  5. Water, puddles, lakes, rivers, etc.

Take 5 or 6 pictures of each, because what it looks like on your camera screen isn't necessarily how it will turn out in the game.

Now you can load it into photoshop and give it some tlc. Alter any things that look out of place, like if you want a total grass texture you should remove any patches, light areas, dark areas. It should be mostly uniform as it will be tiling over an area and anything that stands out will break the illusion of it being "all natural." During this step you can also make the graphics look less "real" and more arty if you wish.

Next you'll need to take your favourite pictures of each texture and create a seamless tileable texture. There are many ways to do this but by far my favourite is to use the Texture Maker tool. It may seem a bit daunting at first but it's really worth learning, it can do some incredible stuff! Including animated textures (eg, for water). But don't do this for things like cars and people, they will not need to be tileable.

Also, you need to take into consideration the orientation of your camera in the game, will it be as your example a Top down camera? A side scrolling platfomer or a 3D environment? As the basic needs of each graphic will change greatly depending on your type of game.

After you have done all of this, you'll need to start mapping it to your elements within the game itself, as I don't know which kind of game you're going for I can't give anymore advice. But if you need some I'll be happy to help.

To summarise:

  1. Take picture of what you want.
  2. Edit picture to make uniform.
  3. Make tileable. (This must come after any edits, if it has anything that stands out when tiled, go back a step and edit it in Photoshop :)
  4. Map to environment.

Remember to always save copies of everything in case you need to go back a few steps if something doesn't go as you planned, especially if you're using 3D models, I remember having a hell of a time having to rebuild something that I didn't save :D

Hope some of that helps :)

4
  • 2
    Very interesting software recommendation with Texture Maker. I had no idea something like that even existed, but it reminds me of the texture editor in a lot of the 3D applications I used to use, particular the old Kai's Power Tools and Bryce. It looks like one could get really lost in it, and I don't mean that in any bad way whatsoever. +1. Mar 6, 2011 at 16:11
  • Yeah I found it just by searching for tileable textures on Google, as placeholders til I could spend the time to make my own, but with that tool I cut about 7 hours per texture! It's amazing and well worth the money :)
    – Kyle
    Mar 6, 2011 at 19:31
  • the old school tile method is to make a square texture, then split it into quadrants and move the top left quad to bottom right, bottom right to top left, top right to bottom left, and bottom left to top right. Then you touch up the seam at the center being careful not to do anything to the outer edges
    – horatio
    May 26, 2011 at 15:10
  • Agreed, I started with that method. Now with great tool such as Texture Maker, this is no longer needed! The textures look much better when produced the "new school" way :)
    – Kyle
    May 30, 2011 at 7:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.