アドビ
製品

トップ

  • Adobe Creative Cloud
  • Creative Cloudグループ版
  • Creative Suite
  • Adobe Marketing Cloud
  • Acrobat
  • Photoshop
  • SiteCatalyst

教育向け

  • 学生・教職員個人向け
  • 小・中・高等学校機関
  • 高等教育機関

Adobe Creative Cloud

  • Adobe Creative Cloudとは?

デザインと写真処理

  • Photoshop
  • Illustrator
  • InDesign
  • Adobe Muse
  • Lightroom
  • Elementsファミリー

ビデオ

  • Adobe Premiere Pro
  • After Effects

Web開発&HTML5

  • Edgeツール&サービス [新規ウィンドウで開く]
  • Dreamweaver
  • ゲーム [新規ウィンドウで開く]
  • モバイルアプリ

Adobe Marketing Cloud

  • Adobe Marketing Cloudとは?
  • 分析
  • Webエクスペリエンスマネジメント
  • 広告管理
  • テストとターゲティング
  • ソーシャルマーケティング

Analytics

  • SiteCatalyst
  • Adobe Discover
  • Insight

Target

  • Test&Target
  • Recommendations

Social

  • Adobe Social

Experience Manager

  • CQ
  • Scene7

Meida Manager

  • AdLens

ドキュメントサービス

  • Acrobat
  • FormsCentral [新規ウィンドウで開く]
  • SendNow [新規ウィンドウで開く]
  • Acrobat.com [新規ウィンドウで開く]

パブリッシング

  • Digital Publishing Suite

  • すべての製品を見る
ビジネスソリューション

Digital Media

  • Creative Cloudグループ版
  • ユーザー事例
  • Digital Media事例

ビジネスニーズ別

  • 分析
  • デジタルパブリッシング
  • ドキュメント管理
  • 広告管理
  • ソーシャルマーケティング
  • テストとターゲティング
  • ビデオ編集と公開
  • Web開発 [新規ウィンドウで開く]
  • Webエクスペリエンスマネジメント
  • すべてのビジネスニーズを見る

Digital Marketing

  • Adobe Marketing Cloud
  •  
  • Digital Marekting事例

業種別

  • 放送業界
  • 教育機関
  • 金融機関
  • 行政機関
  • 出版
  • 小売
  • 全業種を見る
サポートとラーニング

サポート

  • サポートホーム
  • サポートプログラム
  • 製品ヘルプ
  • ダウンロードとインストールヘルプ
  • Adobe Creative Cloud メンバーシップサポート
  • サポートお問い合わせ

ラーニング

  • ラーニングとチュートリアル
  • マーケター向けトレーニングサービス [新規ウィンドウで開く]
  • Photoshopマガジン
  • デザインマガジン
  • Focus In(ビデオ制作者向け)
  • Adobe Developer Connection
  • アトリエ(初心者向け写真編集)
  • Adobe Marketing Center
  • Adobe Marketing Cloud Japan Blog [新規ウィンドウで開く]
  • 認定制度
ダウンロード
  • 体験版
  • Adobe Flash Player
  • Adobe Reader
  • Adobe AIR
  • すべてのダウンロードを見る
会社情報
  • 採用情報
  • 投資家の皆様へ(英語)
  • プレスルーム
  • プライバシー
  • 企業の社会的責任(CSR)
  • ショーケース
  • お問い合わせ
  • その他の会社情報
ご購入
  • 個人・プロフェッショナル向け製品
  • 学生・教職員向け製品
  • 小中規模ビジネス向け製品
  • ライセンスについて
  • キャンペーン情報
  • Adobe Marketing Cloudお問合せ [新規ウィンドウで開く]
  • 販売パートナー
検索
 
情報 サインイン
サインインの目的 お客様のアカウントや体験版ダウンロード、製品の拡張機能、コミュニティエリアへのアクセスなどを管理するため
ようこそ、さん
My Adobe
注文状況
ユーザー情報
マイアカウント
製品およびサービスの登録状況
サインアウト
カート
プライバシー My Adobe
アドビ
製品 セクション 購入   検索  
ソリューション会社情報
サポートラーニング
サインイン サインアウト プライバシー My Adobe
Date Date
Qty:
Subtotal
Promotions
Estimated Shipping
VAT
Calculated at checkout
Total
Checkout
Photoshop Elements Help / 

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

Adobe Community Help


関連製品

  • Photoshop Elements
 
By clicking Submit, you accept the Adobe Terms of Use.
 



内容 (What's Covered)

 

この文書は、Adobe Photoshop Elements で画像の背景を透明にするさまざまな方法を紹介します。

画像の背景を透明にすると、その下にあるオブジェクトが透けて見え、また、透明を含む画像は Web などでも多く利用されております。

 

Photoshop Elements では、背景が透明になっている場合、以下の画像のように白とグレーの格子状の模様が表示されます。



 

 

背景を透明にするには、以下の A. ~ D. のいずれかまたは複数を行います。

透明を保持したまま保存できるファイル形式については、E. を参照してください。

 

 A. 新規ファイル作成時に背景を透明にする

B. 背景の一部を透明にする

C. [背景消しゴムツール] を使用して背景を透明にする

D. [マジック消しゴムツール] を使用して背景を透明にする

 E. 背景を透明にする場合に適切な Web 用ファイル形式

 

 A. 新規ファイル作成時に背景を透明にする

 

新規ファイルを作成する際に、背景を透明にするには、以下の操作を行います。

  1. Photoshop Elements を起動します。
  2. [ファイル] メニューから [新規] を選択します。
  3. [新規] ダイアログボックスの [内容] セクションで [透明] を選択します。



  4. [OK] をクリックすると、背景が透明の状態で新規ファイルが開きます。

 

 B. 背景の一部分を透明にする

 

すでに開いているファイルの背景の一部分を透明にするには、以下の操作を行います。

  1. Photoshop Elements を起動します。
  2. [ウィンドウ] メニューから [レイヤー] を選択し、レイヤーパレットを表示します。
  3. [レイヤー] パレットで [背景] レイヤーをダブルクリックします。
  4. [新規レイヤー] ダイアログボックスで、[レイヤー名] を入力し、 [OK] をクリックします。



  5. 画像内で、透明にしない部分を [なげなわツール] や [楕円選択ツール] などを利用して選択します。



    ※ 下図の例では、花以外を透明にするため、花自体を選択しております。



  6. [選択範囲] メニューから [選択範囲を反転] を選択します。





     
  7. 下図のように、花以外の部分(透明になる部分)が選択された状態になります。



  8. Delete キーを押します。下図のように背景の一部が透明になります。



 

上記の操作で背景の一部を透明にすることができます。

透明を保持するための適切なファイル形式については、E. 背景を透明にする場合に適切な Web 用ファイル形式を参照してください。

 

 C. [背景消しゴムツール] を使用して背景を透明にする

 

[背景消しゴムツール] を使用すると、画像をドラッグするだけで背景を透明化できます。

操作手順は、以下のとおりです。

  1. [ツールボックス] の [消しゴムツール] を押したままにします。
  2. ポップアップメニューから [背景消しゴムツール] を選択します。



  3. 画像をドラッグすると、ドラッグした部分が透明になります。







     注意 : 各ツールの詳細な設定についてはユーザガイドまたはオンラインヘルプを参照してください。

 

上記の操作で背景の一部を透明にすることができます。

透明を保持するための適切なファイル形式については、E. 背景を透明にする場合の適切なファイル形式 を参照してください。

 

 D. [マジック消しゴムツール] を使用して背景を透明にする

 

[マジック消しゴムツール] を使用すると、画像内の一部分を瞬時に透明化できます。

マジック消しゴムツールは、隣接する同じ色合いの範囲を一度にまとめて削除することができます。

 

操作手順は、以下のとおりです。

  1. [ツールボックス] の [消しゴムツール] を押したままにします。
  2. ポップアップメニューから [マジック消しゴムツール] を選択します。



  3. 透明にする部分をクリックすると、クリックした色の部分が消去されます。



 

上記の操作で背景の一部を透明にすることができます。

透明を保持するための適切なファイル形式については、E. 背景を透明にする場合の適切な Web 用ファイル形式 を参照してください。

 

  マジック消しゴムツールを上手く利用するには

[マジック消しゴムツール] は、画像によってはうまく背景が消去されない場合があります。向いている画像は、背景が真っ白などの単色の場合で、逆に背景にさまざまな色が使用されている画像では、[マジック消しゴムツール] は向いていません。

 

[マジック消しゴム] ツールが向いている画像

[マジック消しゴム] ツールが向いていない画像

 

背景の色が単色の画像

 

 

 

背景がさまざまな色の画像

 

 

 E. 背景を透明にする場合の適切な Web 用ファイル形式

 

Web で多く利用されている画像の種類には、 JPEG 形式、 GIF 形式、PNG 形式 などがあります。

この中で透明機能をサポートしているのは、GIF 形式 と PNG 形式です。JPEG 形式は、透明をサポートしていないためご注意ください。

 

透明を含む GIF 形式 または PNG 形式として保存するには、以下の a. または b. のいずれかを行います。

 

a. [Web 用に保存] ダイアログボックスを使用する方法

  1. [ファイル] メニューから [Web 用に保存] を選択します。
  2. [GIF] もしくは [PNG] を選択し、[透明部分] チェックボックスにチェックを入れます。



  3. その他、必要に応じて設定を行い、[OK] をクリックします。

 

b. [保存] コマンドを使用する方法

  1. [ファイル] メニューから [保存] または [別名で保存] を選択します。
  2. [ファイル形式] ポップアップメニューから [CompuServ GIF(*.GIF)] または [PNG(*.PNG)] を選択します。



  3. [保存] ボタンをクリックします。



    [CompuServe GIF] の場合 :

    [インデックスカラー] ダイアログボックスが表示されたら [透明] にチェックを入れて [OK] をクリックします。







    [PNG] の場合 :

    [PNG オプション] ダイアログボックスが表示されたら「なし」または「インターレース」を選択し、 [OK] をクリックします。



    ※ PNG 形式の画像はブラウザによっては正しく表示されない場合があります。
先頭へ

RELATED RECORDS

 

文書番号 222818 インターネットで公開する場合に適切なファイル形式

文書番号 222733 背景レイヤーを編集したい場合の対処方法

文書番号 222813 レイヤーのロックを解除できない

文書番号 222523 画像をさまざまな形に切り抜く方法

文書番号 222515 レイヤーの操作方法

文書番号 222455 透明部分のある画像を Word や Excel に貼り付ける方法

文書番号 220860 電子メールに添付する場合に適切なファイル形式

文書番号 220797 Photoshop 6.0/7.0 (Mac/Win) :背景を透明にする方法

文書番号 222990 背景を透明にする方法(Photoshop CS)

文書番号 225441 背景を透明にする方法 (Photoshop Elements 3.0)

 

 

キーワード: 222341

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy

製品

  • Adobe Creative Cloud
  • Creative Cloudグループ版
  • Creative Suite
  • Adobe Marketing Cloud
  • Acrobat
  • Photoshop
  • Digital Publishing Suite
  • Elementsファミリー
  • SiteCatalyst
  • 教育向け

ダウンロード

  • 体験版
  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR

サポート

  • ヘルプ&サポート
  • 注文と返品
  • ダウンロードに関するヘルプ
  • ユーザー登録に関するヘルプ

ラーニング

  • トレーニング
  • Adobe TV
  • デザインマガジン
  • Photoshopマガジン
  • Focus In(ビデオ制作者向け)
  • Adobe Developer Connection [ADC]
  • 初心者向け写真編集
  • Adobe Marketing Cloud Japan Blog

ご購入

  • 個人・プロフェッショナル向け製品
  • 学生・教職員向け製品
  • 小中規模ビジネス向け製品
  • ライセンスについて
  • キャンペーン情報
  • 販売パートナー

会社情報

  • プレスルーム
  • パートナープログラム
  • 企業の社会的責任(CSR)
  • 採用情報
  • 投資家の皆様へ(英語)
  • イベント
  • 法的事項
  • セキュリティ
  • お問い合わせ
地域を選択してください 日本(変更)
地域を選択してください 閉じる

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Österreich - Deutsch
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Hrvatska
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • Suomi
  • France
  • Deutschland
  • Magyarország
  • Ireland
  • Israel - English
  • ישראל - עברית
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • الشرق الأوسط وشمال أفريقيا - اللغة العربية
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Polska
  • Portugal
  • România
  • Россия
  • Srbija
  • Slovensko
  • Slovenija
  • España
  • Sverige
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2013 Adobe Systems Software Ireland Ltd. All rights reserved.

利用条件 | プライバシー | Cookie

Reviewed by TRUSTe: site privacy statement