Java-Gaming.org    
Featured games (79)
games approved by the League of Dukes
Games in Showcase (477)
Games in Android Showcase (109)
games submitted by our members
Games in WIP (537)
games currently in development
News: Read the Java Gaming Resources, or peek at the official Java tutorials
 
    Home     Help   Search   Login   Register   
Pages: [1]
  ignore  |  Print  
  Creating nice looking backgrounds for puzzle games  (Read 1444 times)
0 Members and 1 Guest are viewing this topic.
Offline Dream Of Sleeping
« Posted 2012-07-17 22:02:28 »

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.

Offline Rorkien
« Reply #1 - Posted 2012-07-17 22:27:43 »

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.

To me, it looks like there are three layers on it:

1 - The "bomb time" and "bomb power" bars, square images;
2 - The entire background image, masked at the point where the 1st layer bars are;
3 - The tetris blocks, text and any other stuff that might appear.

My guess is that the 2nd layer is just a big image. No point on using sliced images and then draw them separately if the images aren't going to have some kind of animation between themselves.
Offline Dream Of Sleeping
« Reply #2 - Posted 2012-07-17 22:32:27 »

masked at the point where the 1st layer bars are;

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

Games published by our own members! Check 'em out!
Legends of Yore - The Casual Retro Roguelike
Offline Rorkien
« Reply #3 - Posted 2012-07-17 22:36:52 »

masked at the point where the 1st layer bars are;

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

Transparent.

Let's assume the bars in the picture are actually drawn as Squares.
Then when you draw the second layer, it will cover part of the previously drawn bars
Offline StumpyStrust
« Reply #4 - Posted 2012-07-18 07:57:23 »

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.


Offline Dream Of Sleeping
« Reply #5 - Posted 2012-07-18 09:29:08 »

Thanks for the input. I do use gimp. I'm getting better at it, althought I'm still totally rubbish. I think it might be wise for me to put aside some time each day just to practice creating art with it.

Pages: [1]
  ignore  |  Print  
 
 
You cannot reply to this message, because it is very, very old.

 

Add your game by posting it in the WIP section,
or publish it in Showcase.

The first screenshot will be displayed as a thumbnail.

CogWheelz (17 views)
2014-08-01 22:53:16

CogWheelz (15 views)
2014-08-01 22:51:43

CopyableCougar4 (20 views)
2014-08-01 19:37:19

CogWheelz (19 views)
2014-07-30 21:08:39

Riven (27 views)
2014-07-29 18:09:19

Riven (16 views)
2014-07-29 18:08:52

Dwinin (14 views)
2014-07-29 10:59:34

E.R. Fleming (42 views)
2014-07-29 03:07:13

E.R. Fleming (13 views)
2014-07-29 03:06:25

pw (44 views)
2014-07-24 01:59:36
Resources for WIP games
by CogWheelz
2014-08-01 18:20:17

Resources for WIP games
by CogWheelz
2014-08-01 18:19:50

List of Learning Resources
by SilverTiger
2014-07-31 18:29:50

List of Learning Resources
by SilverTiger
2014-07-31 18:26:06

List of Learning Resources
by SilverTiger
2014-07-31 13:54:12

HotSpot Options
by dleskov
2014-07-08 03:59:08

Java and Game Development Tutorials
by SwordsMiner
2014-06-14 00:58:24

Java and Game Development Tutorials
by SwordsMiner
2014-06-14 00:47:22
java-gaming.org is not responsible for the content posted by its members, including references to external websites, and other references that may or may not have a relation with our primarily gaming and game production oriented community. inquiries and complaints can be sent via email to the info‑account of the company managing the website of java‑gaming.org
Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines | Managed by Enhanced Four Valid XHTML 1.0! Valid CSS!