Step 2) Slicing it up~
Once the layout's finished, it's time to slice it into pieces. :D
Take the slice tool and divide your layout up into nice little boxes. They don't have to match up perfectly (since I find it hard to do in Photoshop anyway.) Just make sure you have a slice for each content box and link.
So now, go into Adobe ImageReady. (Seriously, I've had this program for the longest time, but I didn't know what it did till lately.)
Zoom in, or whatever you need to do, and fix your slices. :D They snap nicely in ImageReady for me. Use the slice select tool to get rid of any extra slice you don't need. (On the right, slice 30 is a mistake, so I just dragged slice 28 over and eliminated it.)
After I was done fixing it, I ended up with a neat 26 slices. (Okay, that's still a lot more than I normally average, but I guess it's just because the Costrasa site layout is kinda funny looking. >_>;)
>> Next: Coding in ImageReady
<< Previous: Designing the Layout