Jump to content


Photo

Making "screen.png"


  • Please log in to reply
9 replies to this topic

#1 BurnOmatic

BurnOmatic

    X-S Member

  • Members
  • Pip
  • 149 posts
  • Xbox Version:v1.0
  • 360 version:v1 (xenon)

Posted 14 March 2003 - 02:11 AM

ok so i wanna make my very own Menu X background and the "screen.png" , so i can personalize my multigames, but i need to know how i can make the little spaces in the middle were the pic of the game and also the area were the game name go, so basically instructions on how to make that particular one, screen.png a tutorial of some sort ? please



thanks fellas

#2 Xeero

Xeero

    Welcome Back!

  • Members
  • PipPipPipPipPipPipPipPipPipPipPipPip
  • 8,413 posts
  • Location:Massachusetts
  • Xbox Version:v1.0

Posted 14 March 2003 - 02:14 AM

Most graphics applications can work with PNG files. I know Photoshop can, and I would assume Paint Shop Pro can.

#3 HSDEMONZ

HSDEMONZ

    He Who Posts Alot...

  • Admin
  • 12,218 posts
  • Location:Canada
  • Xbox Version:unk
  • 360 version:unknown

Posted 14 March 2003 - 02:27 AM

Paint Shop Pro isn't the best choice for making PNG's.. if memory serves... some minor incompatibility with it's PNG and standard PNG formats...

ASK BenJeremy about that...

...

ADOBE works great for me... smile.gif


#4 BenJeremy

BenJeremy

    X-S Elysian

  • Head Moderators
  • PipPipPipPipPipPipPipPipPipPipPipPipPip
  • 9,690 posts
  • Gender:Male
  • Xbox Version:v1.1
  • 360 version:v1 (xenon)

Posted 14 March 2003 - 02:30 AM

Yes, it seems that every MXM lockup attributed to bad image files has been a Paint Shop Pro generated PNG file. MXM uses the same XDK routines MenuX does, so I assume it would lock up MenuX as well.

Of course, MXM accepts jpgs, gifs, tgas and bmps, too. biggrin.gif

As a general rule, avoid PSP for Xbox related images, and stick to Photoshop or Corel PhotoPaint.

#5 BurnOmatic

BurnOmatic

    X-S Member

  • Members
  • Pip
  • 149 posts
  • Xbox Version:v1.0
  • 360 version:v1 (xenon)

Posted 14 March 2003 - 02:33 AM

umm yeah i use photoshop 7 but , my question is, is there a tutorial on how to make the actuall file "screen.png"? , so i can make some cool ones for my very own multigames? i just need to know how to make the actuall picture, along with the little windows were the game pic is and the game name!


thanks guys

Edited by BurnOmatic, 14 March 2003 - 02:35 AM.


#6 BenJeremy

BenJeremy

    X-S Elysian

  • Head Moderators
  • PipPipPipPipPipPipPipPipPipPipPipPipPip
  • 9,690 posts
  • Gender:Male
  • Xbox Version:v1.1
  • 360 version:v1 (xenon)

Posted 14 March 2003 - 03:03 AM

QUOTE (BurnOmatic @ Mar 13 2003, 10:33 PM)
umm yeah i use photoshop 7 but , my question is, is there a tutorial on how to make the actuall file "screen.png"? , so i can make some cool ones for my very own multigames? i just need to know how to make the actuall picture, along with the little windows were the game pic is and the game name!


thanks guys

Just use the default screens as a guide.

#7 Xeero

Xeero

    Welcome Back!

  • Members
  • PipPipPipPipPipPipPipPipPipPipPipPip
  • 8,413 posts
  • Location:Massachusetts
  • Xbox Version:v1.0

Posted 14 March 2003 - 03:08 AM

I used my Photoshop myself, but knowing that most people aren't on an Adobe-budget (and that this forum frowns upon piracy), I suggested PSP because I know it has a trial available. *shrug* Now I know.

#8 wiseblood

wiseblood

    X-S X-perience

  • Members
  • PipPip
  • 461 posts

Posted 14 March 2003 - 06:41 AM

BurnOmatic, here's a few screens of Photoshop 6 for you.
Just Like BenJeremy said, just use a default screen as a guide:

Open up your desired background, and set the image size to 640 x 480:
user posted image

Then open up an already completed screen to use as your guide:
user posted image

Drag the completed screen into your new background (left-click and drag):
user posted image

Now you have the already completed screen over top your new background.
Select the "Rectangle" tool:

user posted image

Using the "Rectangle" tool, draw new squares, using the completed screen's squares as your guide:
user posted image

Delete the completed screen, and your squares will be in perfect position for your new screen.
Use PhotoShop's editing features to edit color, opacity, bevel and emboss, etc.
To add text, just simply place the text in the spots you want to. Save your completed pic as a .PNG named "screen" .

user posted image

#9 King

King

    X-S X-perience

  • Members
  • PipPip
  • 350 posts

Posted 14 March 2003 - 11:57 AM

I love that blue picture, any chance of getting that completed from you? biggrin.gif

#10 HSDEMONZ

HSDEMONZ

    He Who Posts Alot...

  • Admin
  • 12,218 posts
  • Location:Canada
  • Xbox Version:unk
  • 360 version:unknown

Posted 14 March 2003 - 12:38 PM

A copy of WISEBLOODS post now in the FAQ section!




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users