Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

I was impressed with the art in this game...it was a mix of real photos and creative art. I decided the game art for a game I'm making should look atleast a little bit like this. Any one know how this was made? I mean 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.

http://lostinactionscript.s3.amazonaws.com/sites/mitsubishiasxchallenge/index.html

share|improve this question
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 '11 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. –  Philip Regan Mar 6 '11 at 10:47
    
@JFW, this isn't easy! :D –  Kyle Sevenoaks Mar 6 '11 at 12:52
add comment

1 Answer

up vote 12 down vote accepted

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

share|improve this answer
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. –  Philip Regan Mar 6 '11 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 Sevenoaks Mar 6 '11 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 '11 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 Sevenoaks May 30 '11 at 7:21
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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