トップページ > ソフトウェアの操作 > Photoshop でスライスツールを使って画像を均等に分割する

Photoshop でスライスツールを使って画像を均等に分割する

画像や写真を分割する場合は Photoshop にはスライスツールが用意されており、任意の幅で分割する以外に横長や縦長の画像を同じ長さで均等することもできるためその方法について解説する。

Photoshop でスライスツールを使って画像を均等に分割する

1. ぼかしを利用するシーン

Photoshop に搭載されているスライスツール

Photoshop に搭載されているスライスツールとは、四角形の枠で画像や写真を分割する領域を設定する機能である。
手動でスライスツールを使って分割設定した場合は、「ファイル -> Web 用に保存」で jpeg や png の画像形式で出力すると分割した状態で画像が生成される。

2. スライスツールで上下に均等分割する方法

スライスツールで右クリックしてメニューを出す

Photoshop の画像を上下に均等分割したい場合は、分割する画像の上でスライスツールを選択した状態で右クリックしてメニューを表示し、「スライスを分割」をクリックするとウィンドウ「スライスを分割」が表示される。

スライスツールで上下に均等分割する

次に、ウィンドウ「スライスを分割」内で「水平方向に分割」にチェックを入れ、数値入力欄に分割したい数量を記入する。
今回は画像の上下を 3 分割するために入力欄に 3 を記入している。
チェックと数値の入力時点で画像にスライスされている様子がプレビューされるが、ボタン「OK」をクリックすることで指定した上下に指定した数量分のスライスが設定される。

3. スライスツールで左右に均等分割する方法

スライスツールで左右に均等分割する

画像の均等分割で上下ではなく左右にスライスを設定したい場合は、前述の通りウィンドウ「スライスを分割」を表示させ、「水平方向に分割」にチェックを入れて数値入力欄に分割したい数量を記入する。
上図では画像の左右を 3 分割するために入力欄に 3 を記入しており、プレビューにおいても均等に 3 分割のスライスが設定されているのが確認できる。

4. 設定したスライスで画像保存する

Web 用に保存で画像を保存

均等にスライスを設定した画像を実際に分割させるには、スライスが設定された状態で「ファイル -> Web 用に保存」で画像保存すると画像が切り出される。

書き出された画像ファイル

「Web 用に保存」で画像保存すると images フォルダ内に分割した数量分のファイルが生成される。
保存先に images フォルダが無ければ自動的に生成され、ファイル名は指定したファイル名の後ろに _{スライスの連番} が付与されて保存される。

関連記事