Photoshopのツールバー解説 vol.003

Photoshopのツール解説vol.003です。
ツールバーの内容は使い切れないくらいの機能が満載ですが、中身と使い方を知らないと自分が使ったことがあるものだけで終わってしまいます。
そこで自分の備忘録のためにも基本のツールバーの機能をひとつずつ解説していきます。

vol.003では切り抜きツールとスライスツール2種の解説を致します。

切り抜きツール、スライスツールはトリミングに適したツールです。

切り抜きツール　トリミング系

切り抜き・スライスツール

「切り抜きツール」は一発でトリミングを確定できます。「スライスツール」系では画像をカットして保存します。

遠近法の切り抜きツール

「遠近法の切り抜きツール」はトリミングのように切り抜きもしますが、斜めに配置されているものを自動で正面からの画像のように補正ができます。

切り抜きツール

このツールはトリミングをする時によく使います。

切り抜きツール

「切り抜きツール」はツールを選択すると画像上の四隅と辺の中央に拡大・縮小を調節するポイントが表示されます。

切り抜きツールの設定

切り抜きツールの設定はオプションバーによってサイズや比率、角度補正などの設定ができます。

切り抜きツールのオプションバー

切り抜きツール

ポイントのどれかをドラッグして切り抜きたい大きさを決めたら、「enter」キーまたはオプションバーの「○」で確定できます。「×」をクリックするとキャンセルできます。

切り抜きツールの適用

確定をすると元画像にあったカットされた部分は消去されます。元画像は別で保存をしておく方がいいです。

画像を「背景」ではなく「レイヤー」にしてカンバスサイズを任意のサイズにすれば同じようにトリミングでき、後から画像の表示部分も移動できますし、カンバスサイズの変更も画像自体の大きさも変更できます。その場合ですとpsdでの保存になりますので容量が大きくなります。
「切り抜きツール」でのトリミングは元画像の不要な部分を削除するトリミングになりますので容量を小さくできます。

スライスツール

「スライスツール」は1枚の画像をカット・分割した画像にすることができるツールです。

ガイドを使ったスライス

ガイドでのスライス

スライスツールは「ガイドに沿ってスライス」ボタンを使うと切り取りたいサイズが決まっている場合、便利です。

ガイドを切り取りたい天地左右の位置に置きます。ガイドが引かれたラインの分だけ画像が分割されます。配置したらオプションバーの「ガイドに沿ってスライス」のボタンをクリックします。

MEMO

ガイドを配置するときの注意

ガイドを配置する際は、きちんとピクセル上のキリのいい数値の上に置きましょう。なんとなくでガイドを置くと1ピクセルの間にもガイドの配置はできてしまいます。スライスをした時にカットしたい数値から1ピクセルずれる可能性があります。webサイト用画像を作成するときは1ピクセルのずれもweb上で影響する場合がありますので注意が必要です。

Web用に保存（従来）

その後「ファイル」→「書き出し」から「Web用に保存」を選択します。設定画面からPNGやJPGの選択、画質などの設定をし、「保存」をクリックします。「完了」をクリックしますと設定を適用してカットした画像は生成されません。ショートカットは「コマンド⌘＋option＋shift＋S」です。
この時CC以降に使用できる「PNGとしてクイック書き出し」や「書き出し設定…」（ショートカットは「コマンド⌘＋option＋shift＋W」）ですとスライス画像の作成はできません。