Jump to content


Photo

Png Files


  • Please log in to reply
5 replies to this topic

#1 geo1972

geo1972

    X-S Enthusiast

  • Members
  • 11 posts

Posted 22 December 2003 - 07:13 PM

I'm new to the skinning thing and was wondering, whats the best app or there a tutorial for making overlays. I see skins that have like the preview vid behind a circle which looks cool and wanted to learn how to do that.. any help please

#2 ravage73

ravage73

    X-S Expert

  • Members
  • PipPipPip
  • 644 posts
  • Location:bradenton, florida
  • Xbox Version:v1.3
  • 360 version:v1 (xenon)

Posted 22 December 2003 - 10:08 PM

QUOTE (geo1972 @ Dec 22 2003, 04:13 PM)
I'm new to the skinning thing and was wondering, whats the best app or there a tutorial for making overlays. I see skins that have like the preview vid behind a circle which looks cool and wanted to learn how to do that.. any help please

photoshop

#3 fLEx7325

fLEx7325

    X-S Member

  • Members
  • Pip
  • 125 posts
  • Location:Yay Area
  • Xbox Version:v1.0

Posted 22 December 2003 - 10:19 PM

^^^ yup. Best graphic app, imo.

#4 BenJeremy

BenJeremy

    X-S Elysian

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

Posted 22 December 2003 - 10:50 PM

When I get to it, I'll post Koldfuzion's Photoshop DDS plugin tutorial. You can use full alpha shading with DDS images (DXT compressed bitmaps)

#5 geniusalz

geniusalz

    Team MXM

  • Head Moderators
  • PipPipPipPipPip
  • 1,827 posts
  • Gender:Male
  • Xbox Version:v1.1
  • 360 version:unknown

Posted 23 December 2003 - 01:13 AM

You can also use PNGs for full alpha shading.

In photoshop:
When creating a file, make sure you select "Background: Transparent"
Then you can draw in stuff, cut out stuff, and leave some areas transparent (represented by a checkerboard pattern)
Save for web, and use PNG-24

Then use that like a normal image element:

To make the overlay show over the preview vid, define the preview before the layout
CODE

<LayoutElement Type="Image" Source="preview">
...
</LayoutElement>

<LayoutElement Type="Image" Source="overlay">
...
</LayoutElement>

Edited by geniusalz, 23 December 2003 - 01:14 AM.


#6 geo1972

geo1972

    X-S Enthusiast

  • Members
  • 11 posts

Posted 23 December 2003 - 02:19 AM

Wow! lots of good info. I need to do some testing. Also looking forward to that "Koldfuzion's Photoshop DDS plugin tutorial"

thanks




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users