Hello.

If you take a look at this photo http://myfilm.com/blogimage/tetris.jpg . I think the background looks very nice. How do you think the designer went about creating that background? I mean, do you think those boxes that contain the text are seperate images created in a progam like photoshop and gimp, and then they just calculated where the position of the text should go over the images? Do you think the whole screen is just one big image?

I'm not sure what the best way of doing something like this would be.

Hi, and thanks for replying. What do you mean by masked?

You can do that with a single image or multiple. Multiple gives you more control and options. 

Single Image: Everything except UI text and game elements were created before hand in some image editing program and the he just draws one background image. (less likely)

Multiple Images: I can tell you this, that blue box thing in the background, not the UI, is made in Photoshop with the extrude filter and was drawn first. After that I think he drew the UI next. I believe the blue grid that some of the UI elements have is built into the UI and not a separate image. Then all the text, next block preview, etc is drawn.

If you would like to make really cool backgrounds for games, look up some tutorials in photoshop to get a firm grasp on layering. You use layering all the time in games to make all sorts of cool effects. Then once you have that down, use a program like photoshop/gimp/mspaint to make some backgrounds/UIs/whatever and try them out in your program. If you don't know how to use photoshop/gimp/mspaint then look up some tutorials online.