画面表示：9スライスの拡大・縮小のグリッド

この情報はお役に立ちましたか？よろしければ皆様にもお知らせください。

[画面表示]->[9スライスの拡大・縮小のグリッド]は、オブジェクトを9つのスライスに分割する場合に、表示されるスライスのガイド線の設定をします。

画面表示->9スライスの拡大・縮小のガイド

9スライスをオブジェクトに設定する

9スライスとは、オブジェクトを9分割することで、オブジェクトを拡大・縮小しても角の丸い部分などが一緒に拡大・縮小してしまうことを防ぎます。

ドキュメントに角の丸い四角形を描画します。

角の丸いオブジェクトを描画

描画したオブジェクトを選択した状態で、[修正]->[シンボル]->[シンボルに変換]（又は、右クリック->[シンボルに変換]）を選択。

シンボルに変換

[9スライスの拡大・縮小のガイドを有効にする]にチェックを入れます。

オブジェクトの真ん中にシンボルを示す十字マークが表示されます。
この十字マークをダブルクリックすると、シンボルが9つの波線で分割された画面になります。

9スライスのガイドを表示

スライスのガイドを移動して、オブジェクトの角（丸い部分）のみが分割されるようにします。

スライスのガイドを角の部分に移動

[完了]をクリックして、画像の操作画面に戻ります。

ここで、拡大・縮小ツールを使って、画像を拡大してみます。

9スライスを使って拡大した画像

▲9スライスを使った場合

9スライスを使わずに拡大した画像

▲9スライスを使わずに拡大した画像

以上のように、9スライスを使うと角の大きさは変わりませんが、9スライスを使わないと、角も一緒に拡大・縮小してしまいます。

一度表示したスライスのガイドを動かすことができないようにします。

9スライスの拡大・縮小のガイド

[カラー]で指定した色は、シンボルをダブルクリックしたときに表示される9分割している波線の色になります。

[ガイドをロック]をクリックすると、その波線を動かすことができなくなります。

UpDate:2010-11-16

〔Amazonの書籍紹介ページを開きます〕

Fireworks初心者向けの本。説明どおりに画像を作成していくことで、つくり方を覚えるという構成になっています。Fireworksの使い方をある程度知っている人には物足りなく感じてしまうかもしれませんが、初めてFireworksを使うという人には適しています。

ウェブ用の画像制作に特化した画像加工ツール。Photoshopは複雑すぎる、高すぎるという人にお奨め。実際、便利な機能がそろっており、ウェブ用の画像をつくるだけであれば、十分な機能を有しており、私も今まで困ったことはありません。

Dreamweaver 、Fireworks初心者向けの本。Fireworksでつくった画像をDreamweaver で貼り付けてウェブサイトを制作する方法をやさしく解説。HTMLやCSSなどもわかりやすく解説しており、コンピュータ初心者であっても操作できるであろう平易な内容に好感が持てます。

ウェブサイトの制作に沿った形で参照できるDreamweaver の解説本。逆引きリファレンスのような感覚で、知りたい箇所から読んで理解することができる、非常に分かりやすい本。初心者～中級者向け。

中級者以降向け。独学でDreamweaver を使ってきた人など、実は便利な機能があることや正しい使い方を知らない、という人に向いています。本書はCS3を想定してかかれていますが、それ以外のバージョンであっても読むことはできます。