フォトショップのスライス機能で複数の画像を一括トリミングする方法

ipadなどでまとめてイラストを描いた時、後から一つ一つトリミングしたくなることがありませんか？

例えばこのブサ猫アイコン。まとめてipadで作成したため、画像データとしては一つです。これを15個全て同じ大きさにトリミングしたいとき、一つ一つ加工するのは面倒ですよね。

[chat face=”nekoniko.png” name=”” align=”left” border=”gray” bg=”none” style=”none”]そんな時にとっておきの一括トリミング方法を今日はご紹介するよ[/chat]

画像の一括トリミング『Photoshop』のスライス機能

画像がきれいに並んでいない場合

[chat face=”nekoniko.png” name=”” align=”left” border=”gray” bg=”none” style=”none”]一つ一つの画像がしっかり整列していない場合は、一度整列させる必要があるよ[/chat]

1. Photoshopで画像を開きます
   
2. メニューバーのビューから定規をONにします
   すると画像上と左にメモリが表示されます
   
3. メモリにマウスポインタを併せて、ポインタが⇧白い矢印の状態でドラックするとガイド線が描けます緑の線がガイド線です
   
4. ガイド線に合わせてイラストを一つ一つ選択し、整列させます

[chat face=”nekoniko.png” name=”” align=”left” border=”gray” bg=”none” style=”none”]こうなると面倒なので、できるだけ最初から整列させて描くのがいいね[/chat]

画像を一括トリミング

1. 画像をフォトショップで開き、スライスツールを選びます
   
2. 画像の左上からドラックして、全てのイラストが入った状態で大きく囲みます
3. スライスツールで囲ったら、右クリックを押しスライスを分割を選択します
   
4. スライス分割の窓が表示されるので、何分割したいかを入力してＯＫを押します
   [chat face=”nekoniko.png” name=”” align=”left” border=”gray” bg=”none” style=”none”]今回の場合は９行５列なので、下の画像のように入力したよ[/chat]
   
5. すると各イラストにナンバーがふられます
   
6. 「ファイル」の「Ｗｅｂ用に保存」を選択します[chat face=”nekoniko.png” name=”” align=”left” border=”gray” bg=”none” style=”none”]普通に保存しただけでは分割して保存されないので注意だよ[/chat]
7. 右上に表示される「保存」ボタンを押して、保存先のフォルダを選択します
   
8. ファイル名にナンバリングした画像が保存されます
   

まとめ

[chat face=”nekoniko.png” name=”” align=”left” border=”gray” bg=”none” style=”none”]面倒な作業を効率的にできるスライス機能、是非試してみて下さいね！スライスツールは分割以外にも、手動で選ぶこともできるので大きさがバラバラでも一括分割することもできるよ[/chat]