Skinning Tutorials

Tutorials on how to create your own Xion Skins.

• Create your first Xion skin
• Making active buttons
• Creating Animations
• Using Indicators to show State
• Creating Basic Sliders
• Extra Effects

Skin Keyword reference (for PSD Layers)

To make your skin react to prodding by users, you need to use keywords in the layer names of your PSD files.

View the the Layer Keyword reference chart

How do I include Fonts (.ttf) files with my skin?

Easy, just add the .ttf to your .zip file, then rename it to .xsf

Xion dynamically loads the font straight from any .zip or .xsf files for the current skin.

There is no need for users to install your fonts as Xion handles it all automatically!

I don't like the preview that Xion generates in the Skin Browser, can I include my own?

Yes you can! Just create a layer in your .PSD file named 'preview' and Xion will load that instead of generating one on the fly.

The Optimal size is 128 x 128. Make sure you set this layer invisible, otherwise it will show up in your final skin! (Unless that's what you want!)