Fireworks CS3 で９スライス

2008.04.22

ボタンのダミー

Fireworksで９スライスがつかえるみたいなので、メモ。（CS3から？）

チェックをいれる

短形ツールで角丸を作ったら、選択して右クリックで「シンボルに変換」を選択するとオプションで「９スライスの拡大・縮小のガイドを有効にする」というのがあるので、チェックをいれてOKを選択。ライブラリにグラフィックとして登録されて、そこをクリックするか、キャンパス上のものをクリックするとシンボルを開く事ができます。

シンボルをダブルクリックするとシンボルが開けます

シンボルを開くと上図のような感じでスライスのガイドが出てくるので、伸びでもいい場所にガイドを設定する。

クローズパスはグリッドにパスをあわせる

オープンパスはグリッドとグリッドの中心にパスをあわせる

９スライスに限られたことではないが、パスのポイントの位置とアンチエイリアスには気をつけた方がいいとのこと。クローズパス（短形など）はポイントをグリッドにあわせて、オープンパス（ラインなど）はグリッドとグリッドの間の0.5pxの位置におく事で、アンチエイリアスがかからないしゃきっとしたラインになるそうです。

ちなみに、「画面表示」→「グリッド」→「グリッドの表示」からグリッドを表示させる事ができるんですが、デフォルトが36pxになっているので、これを1pxに設定します。これって、初期設定ってどっかで変えられないのかなぁ？

パスのウィンドウ

今回試しにボタンの上部に1pxハイライトのラインを入れてみたんですが、ボタンの短形をオープンパスにしただけだと、グリッドにポイントがきているので、ラインがぼやけてしまう。そういうときは、「ウィンドウ」→「その他」→「パス」からパスのウィンドウを出して、ポイントの編集のところにある、「ポイントを0.5ピクセル単位に丸める」を選択して、ポイントの位置を調節する。ちなみに、左は「ポイントをピクセル単位に丸める」丸めるって。