家電製品の取扱説明書で、元は4ページ分ある1つの画像がありました。
この画像を横に4等分して、1ページ分の画像として切り出したいです。
Photoshopのスライスツールを使えば、簡単に画像を等分できました。
(参考)
スライスを使った基本操作(Photoshop CC 2015)
1.画像を読み込みます
2.パレットから選択するか、「K」キーを押してスライスツールを選択します
3.画像を右クリック→スライスを分割、を選択します。
4.水平・垂直方向に何分割するか、あるいは分割単位を何ピクセルごとにするか、設定できます。
今回ならば水平・垂直方向に2分割ずつ。5.ファイル - Web用に保存、を選択します。
6.[保存]ボタンを押し、ファイル名をつけて保存します。HTMLの有無はどちらでも。
7.HTMLがあっても無くても「images」というフォルダが作成され、その中に分割画像が保存されます。
この説明の通りにやれば、画像を4等分することができました。
(見本)
練習で、いらすとやの画像を4等分にしてみます。
元の画像は、これです。
これを横に4等分してみます。
Photoshopで画像を開いて、スライスツールを選択します。
画像の上で右クリックして、「スライスを分割」を選択します。
「垂直方向に分割」にチェックを入れて、分割数を4にして、OKボタンをクリックします。
すると画像が4等分されました。
メニューから[ファイル] → [書き出し] → [Web用に保存]を選びます。
名前を付けて保存すると、「images」というフォルダが作られて、その中に分割された画像が保存されます。
「iryou_doctor_nurse.png」というファイル名をつけて、PNG画像として保存すると、
- iryou_doctor_nurse_01.png
- iryou_doctor_nurse_02.png
- iryou_doctor_nurse_03.png
- iryou_doctor_nurse_04.png
という4つのファイルが「images」フォルダの中にできます。
4等分した画像は、以下のようになっていました。
手で幅を計算して分割するより楽ですね。
やさしいレッスンで学ぶ きちんと身につくPhotoshopの教本
- 作者: 高橋としゆき,吉岡豊,高嶋一成,マルミヤン
- 出版社/メーカー: エムディエヌコーポレーション(MdN)
- 発売日: 2017/09/12
- メディア: Kindle版
- この商品を含むブログを見る