[Fireworks]角丸矩形の拡大縮小が思いのまま!「9スライス」機能が便利

  • あとで読みたい人は…

こんばんみ、@cappeeです。

今回はFireworksの超便利機能、「9スライス」をご紹介したいと思います。

「9 スライス」機能とは

ef334fcdf01cd7f0ffeffcd8644b78f7 [Fireworks]角丸矩形の拡大縮小が思いのまま!「9スライス」機能が便利

角丸の矩形や矩形の中にテキストが入っている場合など、その重要な要素はそのままで、幅や高さを自由に変形できる機能です。

言葉だけだと伝わりにくいかと思うので、「9 スライス」機能を使う2つの方法をご説明します。

9 スライスの拡大・縮小ツール

faad99340de6020c98711453db90b5e6 300x140 [Fireworks]角丸矩形の拡大縮小が思いのまま!「9スライス」機能が便利

矩形を選択し、画面左のツールにある「拡大・縮小ツール」の中から「9 スライスの拡大・縮小ツール」を選びます。

f0ef09d874cee86417c9172ea33e667d [Fireworks]角丸矩形の拡大縮小が思いのまま!「9スライス」機能が便利

矩形に4本の破線が表示されるので、もし角丸が破線の内側に入ってしまっている場合は、外側になるように破線をドラッグして調整してください。

b7348c619ea4c8594bd3b746b474f7b7 [Fireworks]角丸矩形の拡大縮小が思いのまま!「9スライス」機能が便利

そして周りの黒い点をドラッグして矩形を拡大・縮小したとしても角丸はキレイなまま保たれます。とても便利ですね。

シンボルの9 スライス

023e2e6d22763b9a8028dc6488808036 300x103 [Fireworks]角丸矩形の拡大縮小が思いのまま!「9スライス」機能が便利

矩形をシンボルに変換する際に表示されるオプションで「9スライスの拡大・縮小のガイドを有効にする」にチェックをいれます。

矩形の中にテキストなど他の要素も一緒にシンボル化してしまって大丈夫です。

ef334fcdf01cd7f0ffeffcd8644b78f7 [Fireworks]角丸矩形の拡大縮小が思いのまま!「9スライス」機能が便利

シンボルをダブルクリックすると破線が表示されますので、角丸に合わせて調整してください。

調整後もう一度ダブルクリックしてもとの画面に戻ったら、“普通の”拡大・縮小ツールで変形してください。

ef334fcdf01cd7f0ffeffcd8644b78f71 [Fireworks]角丸矩形の拡大縮小が思いのまま!「9スライス」機能が便利

9スライスのシンボルを使わないと上のように潰れてしまいますが、9スライスのシンボルを使えば図の下のように角丸とテキストはキレイに保たれます。

もし角丸やテキストが崩れたら…「変形を解除」で解決

4919b637981077d6e95cd44f7f8a4b8f 300x162 [Fireworks]角丸矩形の拡大縮小が思いのまま!「9スライス」機能が便利

9スライスを使うのを忘れてしまって角丸の矩形を変形してしまった場合、崩れた角丸やテキストは右クリックの[変形]か、画面上ツールバーの[変更]→[変形]から[変更を解除]を選択します。

矩形の場合、拡大・縮小後のサイズのまま角丸が調整されるのではなく、キレイな角丸が適用されていたサイズに戻ってしまうので注意が必要です。

4919b637981077d6e95cd44f7f8a4b8f1 [Fireworks]角丸矩形の拡大縮小が思いのまま!「9スライス」機能が便利

上にある潰れた矩形とテキストを選択して「変更を解除」すると、こんな感じで矩形を引き伸ばす前に戻ります。

9スライスの機能がついてからデザインするスピードがかなり早くなったのは間違いないです。

Fireworksにこんなありがたい機能が今後も追加されることを期待してます。

[参考サイト]Fireworks / 9 スライスの拡大・縮小

Pocket
article clipper [Fireworks]角丸矩形の拡大縮小が思いのまま!「9スライス」機能が便利

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)