For the title page and most of the front-end screens, I need a series of backgrounds created that will capture the stylized feel of the game. The images below are placeholder versions used in the game, and are copyright Microsoft and are distributed in their "platformer" example for XNA Studio. These are only placeholders but they represent visually the target I'm after.
Each background will consist of three layers at 1280 x 720 resolution. The screen will be composited at runtime using a three-level scrolling parallax render to provide a nice effect. The base background image needs to be fully opaque and the other two foreground layers need transparent backgrounds for the effect. The images are full-color .png graphics. I need a total of three sets of images (9 total) that will compose the three different scenes for the game menus.
I like the style of the graphics (slightly cartoony, but not over-the-top exaggerated), and the color palette works well with the font colors used by the game.
Here's a sample of the images, followed by a sample of what the run-time composite will look like:
| Background layer
|
Additional samples
|
![]() |
| Foreground Layer 1 (note in these examples, the
white areas are "transparent" in the .png)
|
Additional Examples
|
![]() |
| Front Foreground Layer (table border turned on
for clarification)
|
Additional Examples
|
![]() |
The image below is an example of a fully composited image of the three layers, as would be seen in the game while it is running:
