PNG Tutorial

How to avoid creating an Alpha Channel by using .PNG format?

Recently I came across a “new” method which spares me saving transparent files with an Alpha Channel in Photoshop as .tga file. The “new” means that SL is supporting this option for about a year or so and I hit upon it just recently…what am I talking about?

Additionally to the usual .tga files for transparent textures, SL newly supports .png files! This means:

  • you don’t have to create an Alpha Channel
  • you don’t have to create a black background to avoid the ugly white borders
  • it claims less storage space (a .tga file 1024 x 1024 px has about 4500 Kb – a .png file with the same resolutuíon and size has only about 500 Kb)
  • it’s less laborious and much quicker
  • there’s no difference in quality

And this is how it works:

Step 1:

The starting situation is following: we already finished creating a shirt in Photoshop and we want to save it so we can upload it to SL.

For saving as .png there’s no need to merge visible layers anymore. That work step was only important for adding an Alpha Channel. Nevertheless I still merge all visible layers because I’m used to it. The important thing is, be sure that the background is fully transparent (grey and white checked pattern – see below):

PNG tutorial 1

Step 2:

Go to File —> Save for Web and choose the PNG-24 format. Click Save and that’s it!

PNG tutorial 2

Now you can upload your shirt to SL!

Yours, Jamie Holmer

—> Shirt Tutorial

—> Alpha Channel Tutorial

—> All Photoshop Tutorials by Jamie Holmer


3 responses to “PNG Tutorial

  • Tutorial update! « INDI Designs

    […] How to avoid creating an Alpha Channel by using .PNG format? […]

  • Laura Anne Seabrook

    It is also possible to export what you\\\’ve edited in PaintShopPro using PNG format now. To make this work, you need to set FILE FORMAT PREFERENCES for PNG to
    a) \\"Load and save transparency to / from Alpha channel\\"; and
    b) when exporting using the PNG OPTIMIZER, expert at 16.7 million colors (24 bit) and set \\"Alpha channel transparency\\" for the \\"What type of transparency do you want\\" option.

  • jamieholmer

    thanks Laura for your comment🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: