Archive for the ‘Adobe Fireworks’ Category

November 16th, 2008

For Developers: How to Apply a Flex Skin

This is a follow up to my previous post, For Designers: How to Create a Flex Skin.

Ok, so you just received an email from a designer, since they are scared of Subversion, with an attachment of a fresh new glossy Flex skin (just kidding, we must be nice to our designers....otherwise, they will draw degrading cartoons of us). Below are 3 short tutorials on how to apply the skin, from start to finish.


Setting up Flex Builder:


Importing Skins into Flex Builder:


Testing and Customizing Skins:

November 16th, 2008

For Designers: How to Create a Flex Skin

I've noticed that many designers are completely scared of Flex. I understand. Flex is scary. However, Adobe is making Rich Internet App design very approachable for UI designers now. So, if you're a designer, it's time to stop complaining and jump on the Flex bandwagon. It's easy. Really.

Below are a few tutorial videos on how to create a skin for a Flex application in Fireworks from start to finish. You can also create skins in Photoshop using a very similar technique.

If you're a developer, don't bother with the mind-numbing nonsense below, see my other post: For Developers: How to Apply a Flex Skin


Setting up Fireworks CS3:


Editing Skin Templates in Fireworks:


Exporting Skins From Fireworks: