忍者ブログ

保志光司のメモブログ

保志光司によるWeb関係の備忘録

Fireworksで画像を切り出す

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

コメント

ただいまコメントを受けつけておりません。

Fireworksで画像を切り出す

Fireworksで複数のスライスを作って切り出し→書き出す方法のメモ。

  1. 表示 > 定規をオンにする。

  2. 定規部分から作業スペースまでドラッグ&ドロップをし、ガイドを生成。

  3. スライスツールで切り出したい部分を選択し、スライスを生成。

  4. すべて生成したら予めスライスを全て選択しておく。

    たしかレイヤーフォルダなどがまとまったウィンドウの一番上にWebとかいうフォルダ階層があるので、そこから開いてスライスを確認・Shiftを押しながら選択すると余計なオブジェクト等を巻き込まずに選択ができるはず。
  5. ファイル > 書き出し。

    画像だけを切り出したいので、「画像のみ」を選択しておく。スライス後の画像名は変えておくといいかもしれない。複数書き出した場合、デフォルトではPhotoshop等とは異なる法則性で_以降英数字が振られる模様。Photoshop同様カスタマイズできるのか調べる必要があるかもしれない。

画像をスライスして切り出す方法は幾つかあるが、Webに使用するなど厳密なサイズ調整を求められる場合はFireworksが一番きれいに切り出せるように思えた。
Photoshopよりもガイドの引きやすさと厳密さはFireworksのほうが絶対上だし、Illustratorよりも良い画質で書き出せる…ような気がする。一括書き出しに少々手間取ったけど、以上のような手順を踏めばよいことがわかったので、今後はスムーズにスライスできるだろう。
この記事をシェアする:
PR

コメント

プロフィール

HN:
保志 光司
性別:
女性
自己紹介:
社会人三年生の、ひよっこマークアップエンジニア。

管理画面
記事を書く

P R