CSS Selector Generator | CSS のセレクタ一覧を一発で自動生成!

05

06月2009年

【Fireworks】地味に便利な矩形スライス

toyama 17:56 PM

  • はてなブックマークに登録
  • livedoorクリップに登録
  • Yahoo!ブックマークに登録
  • deliciousに追加

イメージ

4月頃からダイエットを開始して、大して減ってもないのに早速リバウンドしてきているシーブレインの toyama です。多少減ってから戻れよ!
今日はスライスのお話です。

こんな感じのコンテンツがあるとします。
バシャログ。のロゴを書き出してください、と言われたら、選択するのは「スライスツール」でしょうか。 それも普通にアリですが、それよりもカンタンな方法が、メニューの中に隠れている「矩形スライス」です。

090605_toyama_01.gif

1.バシャログ。のロゴをスライスして書き出す--ひとつのグループとしてスライス

ロゴを選択して「編集」→「挿入」→「矩形スライス」(もしくはオブジェクトを選択して右クリック→「矩形スライスの挿入」)。

090605_toyama_02.gif

メッセージが「複数のオブジェクトが選択されてるけど、ひとつ分としてスライスする?個別にスライスする?」と聞いてきます。

090605_toyama_03.gif

ロゴは複数のオブジェクトでできていますが、欲しいスライスは1つだけなので「ひとつ」をクリック。
スライスのエリアができました。
「矩形スライス」のえらいところは、オブジェクトのギリギリのところをきちんと判断してエリアを決めてくれるところです。
ドロップシャドウなどの薄い部分もきっちり範囲に含めてくれます。

090605_toyama_04.gif

2. テキストをスライスして書き出す--複数のグループとしてスライス

このテキストの部分を画像としてすべて書き出してください、と言われたらどうしましょうか。
ここもテキスト部分をすべて選択して「編集」→「挿入」→「矩形スライス」が早いです。

090605_toyama_05.gif

ここでもメッセージが「ひとつ分としてスライスする?個別にスライスする?」と聞いてきますので、今度は「複数」をクリック。

090605_toyama_06.gif

テキストごとにスライスのエリアができました。一撃です!

090605_toyama_07.gif

「編集」→「挿入」→「矩形スライス」って選ぶのが面倒くせえ!という方は、オリジナルのショートカットキーを割り当てちゃいましょう。
がっと選んでぽちっとすればスライスエリアがぶわーーっとできるので、「スライスツール」でいちいち線引っ張っていたのが古きよき思い出になります。
マスク機能を使って作ったオブジェクトを書き出す際など、たまーによくわからない範囲をスライスエリアにしてくることがあるので、書き出す前に目でチェックしてあげるのがポイントです。

バシャログスタッフによるWebサイト制作サービス

トラックバック

このエントリーのトラックバックURL
http://c-brains.jp/cgi-bin/mt/###/1904
###はmt-tb.cgiに変更してください。

コメントを投稿

ページの先頭へ

POPULAR TAGS
  • バシャログスタッフによるWebサイト制作サービス

ARCHIVE

特集

  • ステップアップ!CakePHP
  • 作って学ぶjQuery

RECENT COMMENTS

ty on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
お返事ありがとうございます。説明が足りなかったようで、もう少
minami on 【Fireworks】Fireworks の振る舞い 基本的なとこ
> nishiuraさん コメントありがとうございます。
minami on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
> tyさん コメントありがとうございます。 コンポーネント
ty on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
参考にさせていただきました。ありがとうございました。 とこ
Chakotay on 【Fireworks】Fireworks の振る舞い 基本的なとこ
現場では上級のデザイナーの人、レベルの高いセンスのあるデザイ