【PhotoShop】余白を追加して横幅サイズを変更(カンバスサイズ)

投稿者: | 2021年2月21日
PhptoShopアイコン

バージョン

PhotoShop2021(22.2.0)

 

本日は縦長画像の横に余白を作成して、横幅のサイズのみ変更する方法を解説していきたいと思います。

 

元画像

縦長サンプル画像

 

完成後(左右均等に余白を追加)①

完成後(右に余白を追加)➁

カンパスサイズ右余白画像

完成後(左に余白を追加)③

カンパスサイズ左余白画像

 

こんな感じのことができるようになります。

それではいってみましょう!

 

カンバスサイズ

カンパスサイズを使用すると画像に余白を設定してサイズ変更ができます。

 

カンバスサイズの表示方法

イメージ → カンバスサイズ

もしくは

ショートカットキー → Alt + Ctrl +C

イメージカンパスサイズ

 

今回の作成要領

今回は下記のような縦350px 横247pxの画像を使用して解説します。

縦長サンプル画像

この画像を縦幅を変えずに横幅だけ変更する場合、普通に縦横比率のサイズ変更などでは作成が不可能です。

ですのでこういった場合は余白を追加して横幅(縦幅もできます)のサイズを変更します。

 

今回はそれぞれ余白を追加して、横幅のサイズを550pxにしてみます。

余白作成

➀左右均等に余白を作成

➁右に余白を作成

➂左に余白を作成

それでは3つのパターンの横幅の余白を作成していきたいと思います。

 

➀左右均等に余白を作成

カンバスサイズを表示して下記の2つのパラメーターを変更してOKボタンで簡単に左右均等に余白が作成されます。

550px

基準位置 → 設定なし

カンパス拡張カラー その他(今回は元画像の中央の円のオレンジをスポイトツールで同じ色に設定します)

 

カンパスサイズ中央

 

左右に余白完成

左右均等に余白(オレンジ色)が作成されます\(^^)/

 

➁右に余白を作成

550px

基準位置 → 下記の赤枠どおり

カンパス拡張カラー その他(今回は元画像の中央の円のオレンジをスポイトツールで同じ色に設定します)

 

基準位置の下記赤枠をクリックします。

カンパスサイズ右余白

 

基準位置が下記のように変更されますので、全て設定したらOKボタンで出来上がりです。

カンパスサイズ右余白設定後

 

に余白完成

右に余白が作成されます(((^-^)))

カンパスサイズ右余白画像

 

➂左に余白を作成

550px

基準位置 → 下記の赤枠どおり

カンパス拡張カラー その他(今回は元画像の中央の円のオレンジをスポイトツールで同じ色に設定します)

 

下記赤枠をクリックします。

カンパスサイズ左余白作成

 

基準位置が下記のように変更されますので、全て設定したらOKボタンで出来上がりです。

カンパスサイズ左余白設置後

 

に余白完成

左に余白が作成されますヾ ^_^♪

カンパスサイズ左余白画像

 

まとめ

今回は横幅の余白を作成する時に便利なカンバスサイズについて解説しましたが、他にも写真の白枠のフチなんかもこのカンバスサイズで作成ができます。

少し工夫すれば今回のように速攻でバナーの下地は完成します(★‿★)

カンバスの色の変更は → カンバスの背景色を透明に変更

以上です。