MENU
  • 動画編集・映像制作
    • 動画編集の始め方
    • 動画編集スクール
    • 動画編集ソフト
    • Adobe Premiere Pro
  • 写真の撮り方
    • デジタルカメラ
    • 一眼レフの使い方
    • ストロボの使い方
    • 料理写真の撮り方
  • 画像編集
    • Luminar
    • Photoshop
    • Aurora HDR
    • 現像・画像編集ソフト
  • Adobe
  • 雑記
    • マネー
写真の撮り方や画像編集を解説
長谷川敬介 -カメラマン-
  • 動画編集・映像制作
    • 動画編集の始め方
    • 動画編集スクール
    • 動画編集ソフト
    • Adobe Premiere Pro
  • 写真の撮り方
    • デジタルカメラ
    • 一眼レフの使い方
    • ストロボの使い方
    • 料理写真の撮り方
  • 画像編集
    • Luminar
    • Photoshop
    • Aurora HDR
    • 現像・画像編集ソフト
  • Adobe
  • 雑記
    • マネー
ゼロからわかる【カメラ講座】全32話
  1. ホーム
  2. 画像編集
  3. Photoshop
  4. Photoshopで背景を透明(透過)にする方法

Photoshopで背景を透明(透過)にする方法

2022 5/08
Photoshop
2018年5月9日 2022年5月8日
長谷川敬介

こんにちは!カメラマンの長谷川 ksk_photo_manです!

簡単に自己紹介すると、僕はカメラ歴12年、Photoshopは15年使い続けています。

たまにPhotoshopで合成して遊んでいます。

photoshop合成

さて今回の記事では、「Photoshopで背景を透明(透過)にする方法」をお伝えしますね!

また、背景を透明(透過)にしたい場合、その部分を消す必要があります。

消す方法はいくつかあるのですが、今回は3つの方法をお伝えしますね。

Adobeフォトプラン

\ 7日間無料でPhotoshopを楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

タップできる目次
長谷川 敬介

1984年生まれ。長野県出身。プロ歴5年・写真歴12年のカメラマン(料理撮影がメイン)。合同会社ケーエスの代表。

» プロフィール詳細

Photoshopで背景を透明(透過)にする方法

まず、今回の全体の流れをお伝えします。

  1. 「背景」を「レイヤー」に変更する
  2. 背景を透明(透過)にする
  3. 「GIF」または「PNG」で保存する

では、一緒にやっていきましょう。

目次に戻る

1、「背景」を「レイヤー」に

まずはじめに、画像を「背景」から「レイヤー」に変更します。

Photoshopで背景を透明(透過)にする方法

やり方は、レイヤーパネル内の背景レイヤーの右にある「鍵のマーク」をクリック。

Photoshopで背景を透明(透過)にする方法

これで、「背景」が「レイヤー」になります。

Photoshopで背景を透明(透過)にする方法
目次に戻る

2、背景を透明(透過)にする

今回は、3つのやり方をお伝えします。

  • マジック消しゴムツール
  • クイック選択ツール
  • 色域指定

今回の画像では、マジック消しゴムツールが一番簡単な方法です。

長谷川敬介

せっかくなので、いろんなツールに慣れておくのもいいかもです!

マジック消しゴムツール

まず、ウィンドウ左にあるツールボックスから「マジック消しゴムツール」を選択します。

Photoshopで背景を透明(透過)にする方法

「マジック消しゴムツール」は、「消しゴムツール」内にあります。

「消しゴムツール」のアイコンを、「左クリック長押し」または「右クリック」して、「マジック消しゴムツール」を選択します。

Photoshopで背景を透明(透過)にする方法

この状態で、背景部分をクリックすれば、背景が透明(透過)状態になります。

Photoshopで背景を透明(透過)にする方法

結果↓

Photoshopで背景を透明(透過)にする方法

クイック選択ツール

次は、「クイック選択ツール」です。

ツールパレットから、「クイック選択ツール」を選択します。

Photoshopで背景を透明(透過)にする方法

次に、背景の部分をドラッグしてなぞっていきます。

Photoshopで背景を透明(透過)にする方法

もし余計な部分を選択してしまったら、「Alt」+ドラッグで選択範囲を消去してください。

画像の選択ができたら、ウィンドウ上部メニューの「編集」>「消去」を選択、または、キーボードの「delete」を押します。

Photoshopで背景を透明(透過)にする方法

すると無事に、選択されていた部分が消され「透明(透過)」の状態になります。

Photoshopで背景を透明(透過)にする方法

色域指定

最後に、「色域指定」を使って透明(透過)にする方法です。

ウィンドウ上部メニューの「選択範囲」から「色域指定」を選択します。

Photoshopで背景を透明(透過)にする方法

「色域指定」を選択した状態で、背景の白い部分をクリックし、「OK」をクリックします。

Photoshopで背景を透明(透過)にする方法

これで先ほどと同様に、ウィンドウ上部メニューの「編集」から「消去」を選択、または、キーボードの「delete」を押すと、「透明(透過)」の状態になります。

目次に戻る

3、「GIF」または「PNG」で保存する

この透明(透過)を保持したまま保存するためには、「GIF」または「PNG」で保存する必要があります。

追記:ここで紹介しているやり方は少し古いらしく、保存方法は別記事にて解説してしています。

あわせて読みたい
Photoshop CC2019「Web用に保存」「書き出し形式」の違いと比較 「Web用に保存」と「書き出し形式」ってどう違うの?っと思っていませんか?この記事では、Web用に保存と書き出し形式で、操作パネル・書き出し形式・ファイルサイズの違いを解説しています。どちらを使おうか悩んでいる方は記事をご覧ください。

画像をWEBで使い方は、ウィンドウ上部メニューの「ファイル」→「書き出し」→「WEB用に保存」を選択します。

Photoshopで背景を透明(透過)にする方法

プリセットの下にある項目で、「GIF」か「PNG」を選ぶことができます。

Photoshopで背景を透明(透過)にする方法

今回は「PNG」を選択しました。

Photoshopで背景を透明(透過)にする方法

このとき「透明部分」にチェックが入っているか確認してください。

Photoshopで背景を透明(透過)にする方法

そして「保存」をクリックすれば、無事に保存されます。

Photoshopで背景を透明(透過)にする方法

「PNG」で保存する方法は、もうひとつやり方があります。

やり方は、ウィンドウ上部メニューの「ファイル」→「書き出し」→「PNGとしてクイック書き出し」を選択。

Photoshopで背景を透明(透過)にする方法

その後、保存先を選択すれば保存されます。

目次に戻る

まとめ

以上、「Photoshopで背景を透明(透過)にする方法」をお伝えしました。

Photoshopは本当にたくさんの機能があるので、ひとつの作業に対してもやり方も様々あります。

いろんなやり方を知っておくと、応用もしやすいので、ぜひ色々試してみてください。

Adobeフォトプラン

\ 7日間無料でPhotoshopを楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

Photoshop
よかったらシェアしてね!
  • URLをコピーしました!
  • Photoshop Express Editor(Photoshop Online)の使い方
  • Photoshopの「クイック書き出し」「書き出し形式」の使い方

関連記事

  • Photoshop 2022の新機能!「風景ミキサー」の使い方
    2022年5月8日
  • 【Photoshop・Luminar 4】曇り空を青空にするレタッチ方法
    【Photoshop・Luminar 4】曇り空を青空にするレタッチ方法
    2022年5月8日
  • Photoshop-Elements使い方
    【演習つき】Photoshop Elements(フォトショップ エレメンツ)の使い方
    2022年5月10日
  • 【Photoshop】写真をセピア調にする3つのやり方
    【Photoshop】写真をセピア調にする3つのやり方
    2022年5月8日
  • 【Photoshop】シェイプツールの使い方
    【Photoshop】シェイプツールの使い方
    2022年5月8日
  • 【Photoshop】クリッピングマスクの使い方
    【Photoshop】クリッピングマスクの使い方
    2022年5月8日
  • Photoshopでグリッドを表示・設定変更の方法
    【Photoshop】グリッドを表示・設定変更の方法
    2022年5月8日
  • Photoshopのラスタライズってなに?
    Photoshopのラスタライズってなに?
    2022年5月8日

コメント

コメント一覧 (2件)

  • 西原毅 より:
    2021年4月23日 5:58 PM

    こんにちはpngに保存すると彩度が上がって見えるのですが、対処法ございますでしょうか?

    返信
    • 長谷川敬介 より:
      2021年4月23日 7:58 PM

      西原様、コメントありがとうございます。
      pngに保存すると彩度が上がって見えるとのことですが、ぼくなら「保存前に元データの彩度を下げる」という対処をします。
      お役に立てればなによりです。

      返信

コメントする コメントをキャンセル

長谷川 敬介
カメラマン
プロ歴5年・写真歴12年のカメラマン。

合同会社ケーエス代表

広告写真スタジオを経て独立。2022年2月に合同会社ケーエスを設立。
プロフィール
当サイトの引用について

当サイトはリンクフリーです。記事本文・画像を引用した場合、リンクを貼っていただければ問題ございません。また、当サイトを引用した記事はTwitterで拡散することも可能です。ご希望の方は、TwitterのDMまでご連絡ください

この記事の目次
人気記事
  • 写真編集ソフトおすすめランキング
  • Adobe CCを安く買う方法!アカデミック版が格安
  • カメラのサブスク(月額・定額制)を比較
  • 動画編集・動画制作おすすめオンラインスクール【社会人向け】
オススメ画像編集ソフト
  • Luminar AI(ルミナー エーアイ)
  • Lightroom(ライトルーム)
  • Photoshop(フォトショップ)
  • PhotoDirector(フォトディレクター)
  • SILKYPIX Developer Studio Pro10
  • Zoner Photo Studio X
運営メディア
  • ウチジム
  • ミールデリ
  • 合同会社ケーエス
  • 運営者情報
  • サイトマップ
  • プライバシーポリシー
  • サイトポリシー
  • 特定商取引法に基づく表記
  • お問い合せ

© 2021 長谷川敬介

タップできる目次