Thread Tools Display Modes
Unread 07-12-09, 05:59 AM   #1
Petrah
A Pyroguard Emberseer
 
Petrah's Avatar
AddOn Author - Click to view addons
Join Date: Jan 2008
Posts: 2,871
PS CS 8 - Slicing and Converting Your Layout Image

(Requesting sticky, please.)

I am using Adobe Photoshop CS 8 for these instructions:

Open your finished 2560x512 image. Make sure that your background layer is transparent. Up top click on Layer and then choose Merge Visible.

Choose your Slice tool (or hit K on your keyboard). Right click over your image and choose Promote to User Slice. Right click once more over your image and choose Divide Slice. Put a tick in the box for Divide Vertically Into and you want 5 slices across, evenly spaced. (Put a tick in the box for Preview if you want, although not needed.) Click Ok.

Go up to File and choose Save for Web. This will open an Image Ready window. On the right side of that window from the Preset dropdown menu choose PNG-24 and put a tick in the box for Transparency. On the left hand side, be sure that the Slice Select Tool is chosen. Click Save. (This assumes you've already created an empty folder to place the images.) Click Save once more and it will save all 5 sliced images into a subfolder named "images".

You will need the image converter located here on WoWI. Drop the exe file into the folder where your sliced images are located. Now (with your mouse) drag one png file at a time over the top of the BLP2PNG.exe file and it will convert it to a blp file. Do that with your remaining png files and you're done converting your images
__________________
♪~ ( ) I My Sonos!
Petrah is offline  
Unread 07-12-09, 05:59 AM   #2
Petrah
A Pyroguard Emberseer
 
Petrah's Avatar
AddOn Author - Click to view addons
Join Date: Jan 2008
Posts: 2,871
*Reserved*
__________________
♪~ ( ) I My Sonos!
Petrah is offline  
Unread 07-12-09, 06:31 AM   #3
spiel2001
nUI's Author
 
spiel2001's Avatar
AddOn Author - Click to view addons
Join Date: Jun 2008
Posts: 7,724
This is the tool called "WoWImage" I use to convert from PNG to BLP and visa versa... it's a really nice, easy to use, applet. You can drag and drop multiple files onto it at one time to batch convert them, as well, as opposed to one file at a time.

http://wowdev.org/files/index.php?act=view&id=38

And my thanks to Silenia for putting these two guides together.
__________________

What people don't get is that I am, ultimately, an artist at heart.
My brush has two colors, 1 and 0, and my canvas is made of silicon.



Official nUI Web Site: http://www.nUIaddon.com
Official nUI Support Forum: http://forums.nUIaddon.com
My day job: http://www.presidio.com/
spiel2001 is offline  
Unread 07-18-09, 12:04 PM   #4
havoxx
A Chromatic Dragonspawn
 
havoxx's Avatar
AddOn Author - Click to view addons
Join Date: Sep 2008
Posts: 152
Just for reference, using CS4 you don't need to merge any layers, just save for web and it will do it automatically, without modifying the original file.
__________________
havoxx is offline  
Unread 08-05-09, 04:58 PM   #5
vAzNKNiGHT
A Deviate Faerie Dragon
AddOn Author - Click to view addons
Join Date: Jul 2008
Posts: 17
Wait, there's a PS CS8 out? I've seen CS5, but have yet to see CS8.

What?
vAzNKNiGHT is offline  
 

Go BackWoWInterface » Featured Projects » nUI, MozzFullWorldMap and PartySpotter » Customization » nUI: Customizing Layouts » PS CS 8 - Slicing and Converting Your Layout Image

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off