以前はPhotoshopで作成して、Fireworksでわざわざ書き出していたのですが
PhotoshopでそのままWEB用に書き出したほうが断然早い気がします。

Photoshopで、スライスしたい画像を
複数ある場合はShiftキーを押しながら、移動ツール(V)で
すべてクリックして選択します。
選択できたら、上のメニューバーの中の
「レイヤー(L)」の中の「レイヤーに基づく新規スライス」を
クリックすると、あら！まか不思議。
選択した画像それぞれにスライスができます。

この自動でスライスしてくれる場合、
レイヤー効果のドロップシャドウや、光彩などの
目に見えづらいうす～～いものまでも
きっちり含んでスライスを作ってくれるので、
たまにサイズが気に入りません。

そんな場合は、
左にあるツールの中の「スライス選択ツール」を選んで、
それでスライスを選択すると上に「変更」ボタンが出現するので
それを押します。
するとスライスのサイズを変更出来るようになります。
手作業で、微妙なサイズ調整を。

※ここでスライスの上を「スライス選択ツール」でダブルクリックすると
スライスの詳細が表示されるので、そこでスライスのサイズを
数値で指定できたり、スライス画像の名前を設定したり出来ます。
ここで画像の名前を設定しておくと、それで書き出されるので便利。

スライスが作成できたらば。

Ctrl + Alt + Shift + S →　WEB用保存

ここでjpgかgifで、見た目が変わらない程度に画質を落として
（WEB上の容量を軽くするため）WEB用保存します。

※PNG-24は透明にしたい部分は透明にできるし、軽いし、見た目もすごくきれい。
なのでパーフェクトそうなのですが、IE６では透明にしたはずの部分が
白く表示されます。。ので使わないか、IE６をあきらめるかです。要注意！