23

06月2009年

【Fireworks】トリミングした画像をたくさん書き出したいときに思い出してください2

toyama 18:18 PM

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

イメージ

こんにちは、シーブレインの toyama です。蒸し暑いよ!

サムネイル用の画像を大量に書き出す必要に迫られたときの記事を書かせていただきました。が、「他にも方法あるよ!」とおハガキいただきましたので、ご紹介させていただきます。

1.書き出したいサムネイルのサイズにキャンバスサイズを設定します。

090615_toyama_01.gif

2.サムネイル化したい画像をざくざく読み込んで(画像をすべて選択して「フレームに配分」を使うと簡単です)、1 フレーム 1 画像を配置します。

090623_toyama_01.gif

3.スライスをひとつ作成。スライスに名前をつけておきます。ここでは「test」としました。

090623_toyama_02.gif

4.画像を書き出すための「最適化」を設定したあと、「ファイル」→「HTMLの設定」→「ドキュメントの詳細」から、画像を書き出す際の命名規則を設定します。サムネイルは連番で書き出したりすることが多いと思われるので、以下のようにしました。

090623_toyama_03.gif

5.書き出しのダイヤログが出てきます。「スライスの書き出し」を設定して「現行フレームのみ」のチェックをはずします。

090623_toyama_04.gif

6.ファイルに書き出されています。4. で設定したファイル命名規則のおかげで、連番でファイル名がついています。

090623_toyama_05.gif

本来はアニメーション GIF や、ロールオーバ画像をつくるために用意されているフレーム機能ですが、こんな使い方もあるんですねー。ファイルの連番は 01、02、03…てな具合に頭に「0」をつけてくれたらもっと実用的だなあと思います。Fireworks CS4 では変更されてるのかしら。
ファイル名変換ソフトでファイル名変えるほどでもないけどいちいち手打ちすんのがダリー!という場合には、フレームを利用するのもいいですね!

こんな方法もあるぜ!なんて情報もお待ちしております。あて先はコチラまで(指を左右に移動させながら)!

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

トラックバック

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

コメントを投稿

ページの先頭へ

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

ARCHIVE

RECENT COMMENTS

Neennates on [使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー
You could easily be making mon
toyama on 【Fireworks】あなたのワークスペース、どんなレイアウト?
> maki さん コメントありがとうございます。 レイヤー
maki on 【Fireworks】あなたのワークスペース、どんなレイアウト?
初期設定のまま、パネル1列で作業してました。。 今までレイヤ
tomo on [使える CSS テクニック] CSSで実現するプルダウンメニュー
sakai様 早速ご返答ありがとうございます。 子供がho
sakai on [使える CSS テクニック] CSSで実現するプルダウンメニュー
>RodMond さん コメントありがとうございます。 自