Thread Tools Display Modes
10-17-12, 06:57 PM   #1
SoulTrain0217
A Murloc Raider
Join Date: Aug 2010
Posts: 7
Possible to make nUI skin using Fireworks?

Fireworks 4 (old old macromedia program, since before Adobe bought the company) is my web graphics weapon of choice, since it has a LOT of niftyness (native PNG output, slicing/Web optimization, and oodles of effects) but doesn't come with the huuuuge workflows and toolboxes that you get with Paint Shop Pro or Photoshop.

I suppose one could adapt the tutorials that exist.... which I'll try to do... but what would be really nice would be a template file indicating what goes where. Or can I use an existing nUI skin to determine this? I've read that the file size is specific as well as the grid one uses to slice it... but I'm assuming the art elements all get arranged a specific way.

Thanks!
 
10-17-12, 07:57 PM   #2
spiel2001
nUI's Author
 
spiel2001's Avatar
AddOn Author - Click to view addons
Join Date: Jun 2008
Posts: 7,724
You can grab one of the existing skins and just hack it up to replace the images it refers to with the ones you want to use.
__________________

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/
 
10-21-12, 08:04 PM   #3
SoulTrain0217
A Murloc Raider
Join Date: Aug 2010
Posts: 7
Indeed. I've got the workflow figured out, thanks! Now it's just a matter of getting the 'look' right.
 
10-21-12, 08:12 PM   #4
spiel2001
nUI's Author
 
spiel2001's Avatar
AddOn Author - Click to view addons
Join Date: Jun 2008
Posts: 7,724
Just keep in mind that the addon part of custom skins is changing with nUI6, though the art itself will still work.
__________________

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/
 
10-21-12, 08:20 PM   #5
SoulTrain0217
A Murloc Raider
Join Date: Aug 2010
Posts: 7
Originally Posted by spiel2001 View Post
Just keep in mind that the addon part of custom skins is changing with nUI6, though the art itself will still work.
So that'll mean a new .LUA and .TOC file, correct?
 
10-22-12, 05:01 AM   #6
spiel2001
nUI's Author
 
spiel2001's Avatar
AddOn Author - Click to view addons
Join Date: Jun 2008
Posts: 7,724
Until I get nUI6+ out, yes. I plan on making nUI6+ capable of creating the dashboard and console layout for you without having to write a mod for it.
__________________

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/
 
10-22-12, 05:17 PM   #7
bwhansen
A Fallenroot Satyr
 
bwhansen's Avatar
Premium Member
Join Date: Apr 2007
Posts: 28
Originally Posted by spiel2001 View Post
Until I get nUI6+ out, yes. I plan on making nUI6+ capable of creating the dashboard and console layout for you without having to write a mod for it.
Would that include different colors as well?

I always liked the invisible skin when it worked.
 
10-22-12, 06:22 PM   #8
spiel2001
nUI's Author
 
spiel2001's Avatar
AddOn Author - Click to view addons
Join Date: Jun 2008
Posts: 7,724
Yes.

But folks need to keep in mind that while the screen area with the dashboard and viewport may be smaller, you are actually seeing *more* of the game than you would without it.

I'll show you here... look at the first image, which is the normal world view (with the UI hidden) and then compare it to the second image (which has the nUI viewport and the UI also hidden. Notice that the top and the bottom of the field are identical... but look how much more to the left and the right you see in the nUI view than the normal view. The third image shows the field with UI displayed... note that nUI's user interface barely covers any of the field of view.

So... point being made here is that while a transparent skin lets you see through the UI, it actually doesn't help you see more the the game.
Attached Thumbnails
Click image for larger version

Name:	WoWScrnShot_102212_201441.jpg
Views:	668
Size:	339.6 KB
ID:	7314  Click image for larger version

Name:	WoWScrnShot_102212_202115.jpg
Views:	678
Size:	294.6 KB
ID:	7315  Click image for larger version

Name:	WoWScrnShot_102212_201826.jpg
Views:	676
Size:	477.8 KB
ID:	7316  
__________________

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/
 
10-23-12, 06:32 PM   #9
bwhansen
A Fallenroot Satyr
 
bwhansen's Avatar
Premium Member
Join Date: Apr 2007
Posts: 28
I see the differences in the pics, but I'd be lying if I said it makes sense how that works.

It all looks good.
 
10-23-12, 07:19 PM   #10
spiel2001
nUI's Author
 
spiel2001's Avatar
AddOn Author - Click to view addons
Join Date: Jun 2008
Posts: 7,724
The answer is fairly straight foward... the player's view of the world has a fixed height. No matter how big or small the window into the world is, Blizz will always fill it with the same vertical information. So, when I push the bottom edge of the world view up to make room for the nUI dashboard, you still see the same amount of vertical space in the world (ie: in that image set I posted, the top of the tree is still at the top of the wndow, and the bottom edge is the same too). But, the aspect ratio of the window changed... it is now wider, relative to the height than it was before I moved the bottom edge up. So, Blizz fills that extra width with more of the world that you couldn't see before. So, even though nUI makes the view port smaller than it is in the default UI, nUI actually shows you *more* of the world than the default UI. If you turn the viewport off so you can use a transparent skin, you actually lose that extra information about the world. That is of particular value in PvP and battlegrounds.
__________________

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/
 
10-23-12, 08:52 PM   #11
Digital_Utopia
A Flamescale Wyrmkin
 
Digital_Utopia's Avatar
AddOn Author - Click to view addons
Join Date: Jul 2012
Posts: 110
Originally Posted by spiel2001 View Post
The answer is fairly straight foward... the player's view of the world has a fixed height. No matter how big or small the window into the world is, Blizz will always fill it with the same vertical information. So, when I push the bottom edge of the world view up to make room for the nUI dashboard, you still see the same amount of vertical space in the world (ie: in that image set I posted, the top of the tree is still at the top of the wndow, and the bottom edge is the same too). But, the aspect ratio of the window changed... it is now wider, relative to the height than it was before I moved the bottom edge up. So, Blizz fills that extra width with more of the world that you couldn't see before. So, even though nUI makes the view port smaller than it is in the default UI, nUI actually shows you *more* of the world than the default UI. If you turn the viewport off so you can use a transparent skin, you actually lose that extra information about the world. That is of particular value in PvP and battlegrounds.
Basically, because the vertical field of view is static, the horizontal field of view grows inversely to the pixel height of the WorldFrame. Not only does reducing the height of that frame provide a benefit wherever that increased peripheral vision can come in handy, it also can make for some nice panoramic-style shots like below

__________________
 
10-24-12, 11:11 AM   #12
SDPhantom
A Pyroguard Emberseer
 
SDPhantom's Avatar
AddOn Author - Click to view addons
Join Date: Jul 2006
Posts: 2,313
Also note that WoW doesn't accept PNG files directly, they have to either be BLP or TGA. I use an old Macromedia version of Fireworks too, Fireworks 2004 MX, which is version 7 and probably the last one Macromedia made before being acquired by Adobe. As it doesn't support exporting to TGA and BLP is a proprietary format, I have to use an external program to make another conversion. First, I export as a 32-bit PNG and from there, it's your choice on what to go with. I import it into GIMP, which is a free image editor on its own and export to 32-bit TGA from there. Another option is to use a program hosted here, BLPConverter, which takes the 32-bit PNG and converts it to a BLP for you.

Usual rules for creating texture images still apply, such as, each dimension separately must be a power of 2 up to 1024.
__________________
WoWInterface AddOns
"All I want is a pretty girl, a decent meal, and the right to shoot lightning at fools."
-Anders (Dragon Age: Origins - Awakening)
 
10-25-12, 06:58 PM   #13
bwhansen
A Fallenroot Satyr
 
bwhansen's Avatar
Premium Member
Join Date: Apr 2007
Posts: 28
Originally Posted by spiel2001 View Post
The answer is fairly straight foward...
Thanks for the explanation, it made sense.

Was this active for NUI 5 as well?
 
10-25-12, 07:34 PM   #14
spiel2001
nUI's Author
 
spiel2001's Avatar
AddOn Author - Click to view addons
Join Date: Jun 2008
Posts: 7,724
Yes... just less obvious.
__________________

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/
 
 

WoWInterface » Featured Projects » nUI, MozzFullWorldMap and PartySpotter » Customization » nUI: Customizing Layouts » Possible to make nUI skin using Fireworks?

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