ぼんやりDTP

DTPに関係したりしなかったりするぼんやりとした話をなんとなく。

画像を分割する

一枚の画像を複数の画像に切り出したい場合の選択肢。

Photoshop のスライスツールを使用する

長所:

  • 切り出したい範囲の大きさがマチマチだったり、GUIで指定したい場合に有用。

短所:

  • 基本webの素材書き出し?用のようなので、細かい書き出し設定とか不要な場合は手数が多くなる。

手順

  1. Photoshopのスライスツールでスライスしたい範囲を指定
  2. 各種設定
  3. Web 用に保存

参照ページ

  1. スライスツールの使用方法 (Photoshop CS6)
  2. 【保存版】現場で使えるPhotoshopの高速スライステクニック5選|フォトショップの参考書 [sitebook]
  3. Photoshop|画像を大量に作らないといけない時にデータセットがマジイケメン | QunC
    • 分割とはまた違うが、大量に画像を生成する場合は、データセットも用途によっては便利とのこと

Photoshop の「角度を補正して切り抜き」を使用する

長所:

  • 切り出したい画像が矩形などはっきりしている場合に有用。

短所:

  • 切り出したい画像が矩形ではない場合は適切に切り出されない。

手順

  1. 分割したい画像を開く
    1. モノクロ2階調画像等はグレースケールに変換する
  2. 対象の範囲を選択
  3. 「ファイル/自動処理/角度補正して切り抜き」を選択
  4. 切り出された画像を適宜保存

参照ページ

  1. Photoshop で回転とカンバスサイズを調整
  2. PhotoShopのアクション処理を自動化する
    • 分割した画像を保存するスクリプトも掲載されている。

ImageMagick を使用する

長所:

  • 切り出したい画像のサイズが一定の場合に有用。

短所:

  • 切り出したい画像のサイズがマチマチの場合には面倒。

手順

  1. Download @ ImageMagick」から任意の方法でインストール
  2. ターミナル等で対象の画像があるディレクトリに移動
    1. あるいは対象ファイルをコマンドのパスで指定
  3. convertコマンドで分割

コマンドの例

convert ファイル名.psd -crop 1200x5000 image-%d.psd
# 横幅1200ピクセル、高さ5000ピクセルで分割して「image-[連番].psd」で保存

convert ファイル名.psd[0] -crop 100%x14.29% - | convert -trim - image-%d.psd
# ファイルを横切りにして概ね7つに分割してトリミング
# 複数レイヤーを持つpsdファイルの場合は「ファイル名.psd[0]」の形式で結合された画像を使用

convert ファイル名.psd[0] -crop 14.29%x100% - | convert -trim - image-%d.psd
# ファイルを縦切りにして概ね7つに分割してトリミング

参照ページ

  1. Convert, Edit, Or Compose Bitmap Images @ ImageMagick
    1. Command-line Options @ ImageMagick
    2. Formats @ ImageMagick
  2. Howto split image? - ImageMagick
  3. よしいずの雑記帳 ImageMagick で画像を半分に分割するには
  4. mieki256's diary - 手描き文字をフォントデータにできないか実験
  5. どうでもいいと思うよ: ImageMagickのPSDの扱い方