At the last Seattle Flex User Group meeting, I presented a brief demonstration on skinning using Fireworks CS4 and Flex Builder 3. Because it’s so easy to do, it went by pretty quick so I thought I’d post the steps here to give people a reference if they want to try it themselves.
Before you skin, there’s a couple of things you need to know:
- How to use Fireworks. It’s really not that hard. Maybe easier than Photoshop if you’re starting out, and because it’s built for web graphics (vs. photo editing) it’s got some features that make styling buttons and stuff a breeze.
- How to read. See, the labels on the buttons are mostly words, not pictures. The good news is, if you’re reading this, you’ve already got this one covered.
For this tutorial, I’m going to be using a PC, but the Mac steps are the same. If you want to see screenshots of the process using a Mac, view Nate Becks blog, specifically this blog post. He’s an amazing developer with a lot of helpful things to say on his blog.
Ok, let’s get started.