Photoshopでキャンバスサイズを変更する方法をお探しですね。
広告
Photoshopで余白を自由に調整!カンバスサイズの使い方をやさしく解説
Photoshopで画像の周りに余白を足したいとき、逆に余計な透明部分を削ってピッタリのサイズにしたいとき、知っておきたいのが「カンバスサイズ」という機能です。
カンバスサイズは、画像そのものを拡大したり縮小したりする機能ではなく、画像を置いている作業スペースの大きさを変える機能なんです。
この記事では、Photoshopでカンバスサイズを変更して余白を作る方法や、画像に合わせてカンバスを整える方法、失敗しやすいポイントまで、初めての人にも分かりやすく説明していきます。
カンバスサイズって何?画像サイズとの違いを知っておこう
Photoshopで余白を作る前に、まず「カンバスサイズ」と「画像サイズ」の違いを理解しておきましょう。
カンバスサイズというのは、写真やデザインを置いている作業スペース全体の大きさのことです。
たとえば、紙の上に写真を貼っているところを想像してみてください。
その紙の大きさを広げたり狭めたりする操作が、カンバスサイズの変更です。
一方、画像サイズは写真やデザイン自体のピクセル数を変える操作で、拡大すると画質が荒くなることもあります。
余白を足したいときに使うのは、基本的に「画像サイズ」ではなく「カンバスサイズ」です。
画像サイズで幅や高さを大きくすると、画像そのものが引き伸ばされてしまうので、写真がぼやけたり縦横の比率が崩れたりする原因になります。
カンバスサイズを変更すれば、真ん中の画像はそのままで、周りだけを広げて白い余白や透明な余白を作れるんです。
SNS投稿用の正方形画像、ネットショップの商品写真、印刷用の余白作りなど、実際の仕事でもよく使う基本テクニックです。
カンバスサイズを小さくするときは少し注意が必要です。
作業スペースを狭めると、カンバスの外にはみ出した部分が見えなくなったり、背景レイヤーの場合は切り取られたような扱いになったりします。
特に元の画像を残しておきたいときは、作業前にファイルを別名で保存するか、レイヤーをコピーしておくと安心です。
Photoshopでは後から元に戻せることもありますが、保存の仕方やレイヤーの状態によっては復元しにくいこともあるので、元データを守ってから作業する習慣をつけておきましょう。
カンバスサイズを変えて画像の周りに余白を作ってみよう
Photoshopで画像の周りに余白を追加するには、上のメニューから「イメージ」→「カンバスサイズ」を選びます。
ショートカットキーを使う場合は、Windowsなら「Ctrl＋Alt＋C」、Macなら「Command＋Option＋C」で開けます。
表示された画面で、幅と高さを今より大きい数字に変更します。
単位はピクセル、センチ、ミリ、パーセントなどから選べるので、Web用ならピクセル、印刷用ならミリやセンチを使うと管理しやすいです。
余白を均等につけたいときは、今の画像より幅と高さをそれぞれ大きく設定して、基準位置を中央にします。
基準位置というのは、元の画像をカンバスのどこに置くかを決める設定です。
中央を選べば上下左右に均等な余白がつきますし、左上を選べば元画像を左上に固定したまま右側と下側に余白が広がります。
バナーやサムネイルを作るときは「どこに余白を足したいか」が大事なので、数字だけじゃなく基準位置も必ず確認しましょう。
「相対」にチェックを入れると、最終的なカンバスサイズじゃなくて、追加したい余白の量を指定できます。
たとえば、左右に100pxずつ、上下に50pxずつ余白を足したいときは、相対にチェックを入れて幅を200px、高さを100px増やす考え方になります。
これを使えば、元画像のサイズをいちいち計算しなくても余白を追加できます。
複数の画像に同じ余白をつけたいときや、作業を自動化したいときにも便利です。
余白の色は、画面の中の「カンバス拡張カラー」で設定できます。
白背景の商品画像にしたいなら白、Webデザインであとから背景を編集したいなら透明を選ぶと使いやすいです。
ただし、背景レイヤーがロックされた状態だと透明を選べなかったり、背景色が反映されたりすることがあります。
そんなときは背景レイヤーを普通のレイヤーに変換するか、新しいレイヤーを下に敷いて色を調整すると、後から編集しやすくなります。
余白を削除してカンバスを画像にピッタリ合わせる方法
画像の周りに余った透明部分や不要な背景があるときは、カンバスを画像に合わせて整えることで、無駄のないデータにできます。
よく使うのは「イメージ」メニューの「トリミング」という機能です。
Photoshopのトリミングは、透明なピクセルや指定した色を基準にして、いらない外側の領域を自動で削除してくれる機能です。
切り抜き画像の周りに広い透明余白が残っているときや、素材を書き出す前にサイズを整えたいときに便利です。
透明部分を削除して画像ピッタリのカンバスにしたいときは、「イメージ」→「トリミング」を選んで、「透明ピクセル」にチェックを入れます。
さらに上、下、左、右のどの方向を削除するかを選べます。
普通は全部にチェックを入れて大丈夫です。
これで、表示されている不透明な部分の外側にある透明領域が自動的に詰められます。
PNG素材、切り抜き写真、ロゴデータなど、透明背景を活かした画像の整理に向いています。
白や単色の余白を削除したいときは、「左上のピクセルカラー」または「右下のピクセルカラー」を基準にトリミングする方法もあります。
これは、指定した角の色と同じ色が外側に続いている範囲を削る仕組みです。
ただし、背景が完全に単色じゃない場合や、写真の周りに似た色が含まれている場合は、意図しない部分まで削られる可能性があります。
商品画像の白背景を整理する程度なら便利ですが、複雑な写真では手動で切り抜いたり切り抜きツールを使ったりするほうが安全です。
レイヤーがカンバスの外にはみ出しているときは、「イメージ」メニューの「すべての領域を表示」も覚えておくと便利です。
この機能は、今のカンバスの外にあるレイヤーの内容まで含めて、全体が見えるようにカンバスを広げる操作です。
たとえば、移動ツールで画像をずらした結果、一部がカンバスの外に隠れてしまったときに使えます。
「トリミング」は余分な領域を削る機能、「すべての領域を表示」は隠れている領域まで広げる機能と考えると、使い分けやすくなります。
目的に合わせて使い分けたい!カンバスサイズ変更の実例と注意点
Photoshopでカンバスサイズを変える場面は、単に余白を足すだけじゃありません。
たとえば、横長の写真をInstagram用の正方形にしたいとき、画像を無理やり拡大して正方形にすると上下や左右が切れたり、画質が悪くなったりします。
こんなときは、画像の長い辺に合わせて短い辺側のカンバスを広げて、余白を追加する方法がおすすめです。
余白を白にすればシンプルな投稿画像になりますし、透明にすれば後から背景デザインを加えられます。
ネットショップやフリマアプリの商品画像でも、カンバスサイズの調整は大事です。
商品が画面いっぱいに写っている画像は迫力がありますが、一覧で見たときに窮屈な印象になることがあります。
適度な余白を作ることで、商品全体が見やすくなって、複数の画像を並べたときの見た目も統一されます。
特に商品画像では、カンバスサイズをそろえることが見やすさの向上につながります。
写真ごとに被写体の大きさが違うときは、カンバスサイズだけじゃなく配置や拡大率も合わせると、もっと整った印象になります。
印刷物を作る場合は、Web用とは違って、仕上がりサイズと塗り足しを意識する必要があります。
塗り足しというのは、印刷後に紙を切ったときに白いフチが出ないように、背景や画像を仕上がり線の外側まで伸ばしておく領域のことです。
一般的には上下左右に3mmくらいの塗り足しを設定することが多いですが、実際の指定は印刷会社によって違います。
印刷用のデータでは、単純に余白を作るだけじゃなく、解像度、カラーモード、仕上がりサイズも合わせて確認しましょう。
作業するときに迷いやすいポイントを整理すると、こんな感じです。
– 画像を拡大・縮小したいときは「画像サイズ」を使う
– 画像はそのままで余白を増やしたり減らしたりしたいときは「カンバスサイズ」を使う
– 透明な余白を自動で削除したいときは「トリミング」を使う
– カンバスの外のレイヤーまで表示したいときは「すべての領域を表示」を使う
カンバスサイズの変更は基本的な操作ですが、目的によって使う機能を間違えると、画像が伸びたり、必要な部分が切れたりする原因になります。
まずは「画像そのものを変えたいのか」「作業スペースだけを変えたいのか」を判断して、そのうえでカンバスサイズ、画像サイズ、トリミング、すべての領域を表示を使い分けることが大切です。
作業前に元データを保存して、レイヤー構造を残したPSD形式でも保管しておけば、後から余白の量や背景色を調整しやすくなります。
Photoshopでカンバスサイズを変更して余白を作る・画像に合わせる方法を理解しておくと、SNS画像、商品写真、バナー、印刷物まで幅広い制作で効率よく仕上げられますよ。
広告
