【Photoshop】選択範囲だけをジャストサイズで透過保存する方法

Photoshopで透過保存するとカンバスサイズで書き出しされる

Photoshopで透過画像(.png など)を作成して書き出す際、色々と手順を踏まないとカンバス全体のサイズで保存、結果 切り出した画像よりも大きなバウンディングボックスが表示されてしまいます。

つまり画像自体はきちんと切り出されているのに、選択枠が背景まで含んだサイズになってしまうという事。

これでは画像をドラッグするのが面倒になったり、複数の画像を扱う際に個別にドラッグすることが難しくなります。

【Photoshop】透過画像をジャストサイズ書き出し_01上記画像のコーヒーカップを範囲選択し、透過画像で書き出すと…。


【Photoshop】透過画像をジャストサイズ書き出し_02カンバスサイズで保存され、使用する際にバウンディングボックスが大きく表示される。



この記事ではPhotoshopで透過画像を保存する際、カンバスの範囲を含めずに選択範囲だけをジャストサイズで保存する簡単な方法を解説します。

他にも色々と方法がありますが、今回ご紹介するのは筆者が便利だと感じている手法です。

宜しければお試しください。



透過画像をジャストサイズで書き出す簡単な方法

透過画像を簡単にジャストサイズで書き出すには、以下の手順を踏みます。

  • 1. 書き出したい部分を範囲指定(点線で囲む)
  • 2. メニューバー『編集』⇒『コピー』で画像をコピーする
  • 3. メニューバー『ファイル』⇒『新規』をクリック
  • 4. 『新規ドキュメント』から『最近使用したアイテム』一番目のカンバスを選択して『作成』
  • 5. 新規作成されたカンバス上でメニューバー『編集』⇒『ペースト』で貼り付け
  • 6. png形式で書き出す


…という流れで完了です。

手順2の『メニューバー『編集』⇒『コピー』で画像をコピー』した上で新規作成を行うと、選択範囲ジャストサイズのカンバスを作成できます。

…と、この解説では分かりにくい部分もあるかと思うので、以下に画像を交えて解説していきます。



透過画像をジャストサイズで書き出す具体的な手順

まず、書き出したい部分を範囲選択します。複数のレイヤーにまたがる場合は、レイヤーの統合も忘れずに。範囲選択の方法については、今回の解説では割愛します。

範囲指定が完了したら、コピーします。基本的にはメニューバー『編集』⇒『コピー』にて操作しますが、できればショートカットを活用して下さい。ショートカットキーは

  • Windows:Ctrl + C
  • Mac:Command + C


です。今回ご紹介する時短テクは、これらショートカットキーと併用する事で更に便利に感じると思います。

【Photoshop】透過画像をジャストサイズ書き出し_03



ジャストサイズのカンバスを新規作成してペーストする

画像をコピーした状態でメニューバー『ファイル』より『新規』を選択すると、『新規ドキュメント』の一番目(左上の青枠で囲まれたカンバス)にコピーしたサイズのカンバスが表示されているはずです()。

このカンバスを選択し、同『新規ドキュメント』右下のカンバスカラーを『透明』に指定後『作成』をクリックします()。

【Photoshop】透過画像をジャストサイズ書き出し_04



すると、選択した画像サイズの新規カンバスが作成されます。

【Photoshop】透過画像をジャストサイズ書き出し_05 選択画像サイズのカンバスが作成された。



そこにペーストして完了。PNG形式で書き出して下さい。

【Photoshop】透過画像をジャストサイズ書き出し_06



試しにillustratorに取り込んでみました。画像枠ジャストサイズにバウンディングボックスが表示されているのが分かると思います。

【Photoshop】透過画像をジャストサイズ書き出し_07



以上です。



今回の方法がおすすめな方

今回は、私が普段行っている透過画像の書き出し方法を解説しました。先述の通り、ショートカットキーと併用する事で中々の時短になると思います。

また、この手法は画像を拡大・縮小した際の再保存にも適用可能。例えば極端にサイズが大きく使いづらい画像を適宜縮小し、『コピー』⇒『新規』でカンバスを作成すると、同様にジャストサイズの新規カンバスを選択できます。

他にも方法はあります。ですが他の方法で難しく感じている方・煩雑に思う方は、一つの手段として試してみてはいかがでしょうか。

※ Adobe CCの正規品(サブスクサービス)を格安購入!以下の記事では、Adobe CCの概要から格安で契約できる方法までお伝えしています。