切り抜きツールを使って直感的な操作でカンバスサイズを変更する方法【photoshop(フォトショップ)】

Photoshopでカンバスサイズを変更する場合、基本的には【イメージ】-【カンバスサイズの変更】から数値の入力で変更しますが、この方法だとプレビューがないので、変更後まで結果がわかりません。

しかし、切り抜きツールを使うことでイラストレーターのアートボードの様に直感的にカンバスサイズの変更をすることができます。

ということで、今回は切り抜きツールを使って直感的な操作でカンバスサイズを変更する方法をご紹介します。

通常のカンバスサイズの変更

まずは普通のカンバスサイズ変更のおさらいです。

  1. 【イメージ】-【カンバスサイズ】を選択してカンバスサイズのダイアログを表示
  2. 幅・高さを調整
  3. サイズ変更時の基準点を指定
  4. OK
カンバスサイズダイアログで数値を入力している画面。変更後のプレビューは表示されない
数値での指定だと結果のイメージがつきづらい…

切り抜きツールを使ったカンバスサイズ変更

次に切り抜きツールを使った方法です。

切り抜きツールに切り替え

まずはツールをそのまま選ぶか、キーボードのCで切り抜きツールに切り替えます。そうすると、カンバスサイズに沿って点線が表示されます。

切り抜きツールに切り替えると、カンバスの端に沿って点線のハンドルが表示された状態

カンバスサイズの変更

出てきた点線を押して縦・横・斜めでカンバスサイズを直接変更することができます。横・縦の長さがどれくらいというのも数値で表示されます。

カンバスサイズは画像より小さくすることも大きくすることもできます。もちろん「下にだけ伸ばす」「右にだけ伸ばす」ということもできるので、サイトのデザインカンプ作成時に便利です。

点線のハンドルをドラッグしてカンバスサイズを変更している画面。ドラッグ中の寸法が数値で表示されている
小さいけどサイズが表示されるので、数値を確認しながらサイズを変更できます。

サイズが決まったらエンターキーもしくは上の◯で確定します。逆に確定したくない場合は×を押しましょう。

切り抜きを確定する◯ボタンとキャンセルする×ボタンが並んだツールバー

「切り抜いたピクセルを削除」にチェックを入れておくと、画像のはみ出した部分はカットされます。※画像がスマートオブジェクトの場合はチェックを入れても残ります。

完成

これで完成です!

ざっくり調整は切り抜きツール・微調整は数値で指定という使い分けをするといいと思います。

切り抜きツールでカンバスサイズを変更し終えた完成画面

まとめ

  • 通常のカンバスサイズ変更(【イメージ】-【カンバスサイズ】)は数値指定だが、変更後のプレビューがない
  • 切り抜きツール(ショートカットC)なら、点線のハンドルをドラッグして見た目を確認しながらカンバスサイズを変更できる
  • 「切り抜いたピクセルを削除」にチェックを入れるとはみ出した部分はカットされるが、スマートオブジェクトの場合は残る
  • ざっくりした調整は切り抜きツール、微調整は数値指定、と使い分けるのがおすすめ