背景を透明にする方法(Photoshop Elements)関連製品
内容 (What's Covered)
この文書は、Adobe Photoshop Elements で画像の背景を透明にするさまざまな方法を紹介します。
画像の背景を透明にすると、その下にあるオブジェクトが透けて見え、また、透明を含む画像は Web などでも多く利用されております。
Photoshop Elements では、背景が透明になっている場合、以下の画像のように白とグレーの格子状の模様が表示されます。

背景を透明にするには、以下の A. ~ D. のいずれかまたは複数を行います。
透明を保持したまま保存できるファイル形式については、E. を参照してください。
D. [マジック消しゴムツール] を使用して背景を透明にする
新規ファイルを作成する際に、背景を透明にするには、以下の操作を行います。
- Photoshop Elements を起動します。
- [ファイル] メニューから [新規] を選択します。
- [新規] ダイアログボックスの [内容] セクションで [透明] を選択します。

- [OK] をクリックすると、背景が透明の状態で新規ファイルが開きます。
すでに開いているファイルの背景の一部分を透明にするには、以下の操作を行います。
- Photoshop Elements を起動します。
- [ウィンドウ] メニューから [レイヤー] を選択し、レイヤーパレットを表示します。
- [レイヤー] パレットで [背景] レイヤーをダブルクリックします。
- [新規レイヤー] ダイアログボックスで、[レイヤー名] を入力し、 [OK] をクリックします。

- 画像内で、透明にしない部分を [なげなわツール] や [楕円選択ツール] などを利用して選択します。
※ 下図の例では、花以外を透明にするため、花自体を選択しております。

- [選択範囲] メニューから [選択範囲を反転] を選択します。
- 下図のように、花以外の部分(透明になる部分)が選択された状態になります。

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

上記の操作で背景の一部を透明にすることができます。
透明を保持するための適切なファイル形式については、E. 背景を透明にする場合に適切な Web 用ファイル形式を参照してください。
[背景消しゴムツール] を使用すると、画像をドラッグするだけで背景を透明化できます。
操作手順は、以下のとおりです。
- [ツールボックス] の [消しゴムツール] を押したままにします。
- ポップアップメニューから [背景消しゴムツール] を選択します。

- 画像をドラッグすると、ドラッグした部分が透明になります。
注意 : 各ツールの詳細な設定についてはユーザガイドまたはオンラインヘルプを参照してください。
上記の操作で背景の一部を透明にすることができます。
透明を保持するための適切なファイル形式については、E. 背景を透明にする場合の適切なファイル形式 を参照してください。
D. [マジック消しゴムツール] を使用して背景を透明にする
[マジック消しゴムツール] を使用すると、画像内の一部分を瞬時に透明化できます。
マジック消しゴムツールは、隣接する同じ色合いの範囲を一度にまとめて削除することができます。
操作手順は、以下のとおりです。
- [ツールボックス] の [消しゴムツール] を押したままにします。
- ポップアップメニューから [マジック消しゴムツール] を選択します。

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

上記の操作で背景の一部を透明にすることができます。
透明を保持するための適切なファイル形式については、E. 背景を透明にする場合の適切な Web 用ファイル形式 を参照してください。
マジック消しゴムツールを上手く利用するには
[マジック消しゴムツール] は、画像によってはうまく背景が消去されない場合があります。向いている画像は、背景が真っ白などの単色の場合で、逆に背景にさまざまな色が使用されている画像では、[マジック消しゴムツール] は向いていません。
[マジック消しゴム] ツールが向いている画像 |
[マジック消しゴム] ツールが向いていない画像 |
背景の色が単色の画像
|
背景がさまざまな色の画像
|
Web で多く利用されている画像の種類には、 JPEG 形式、 GIF 形式、PNG 形式 などがあります。
この中で透明機能をサポートしているのは、GIF 形式 と PNG 形式です。JPEG 形式は、透明をサポートしていないためご注意ください。
透明を含む GIF 形式 または PNG 形式として保存するには、以下の a. または b. のいずれかを行います。
a. [Web 用に保存] ダイアログボックスを使用する方法
- [ファイル] メニューから [Web 用に保存] を選択します。
- [GIF] もしくは [PNG] を選択し、[透明部分] チェックボックスにチェックを入れます。

- その他、必要に応じて設定を行い、[OK] をクリックします。
b. [保存] コマンドを使用する方法
- [ファイル] メニューから [保存] または [別名で保存] を選択します。
- [ファイル形式] ポップアップメニューから [CompuServ GIF(*.GIF)] または [PNG(*.PNG)] を選択します。

- [保存] ボタンをクリックします。
[CompuServe GIF] の場合 :
[インデックスカラー] ダイアログボックスが表示されたら [透明] にチェックを入れて [OK] をクリックします。
[PNG] の場合 :
[PNG オプション] ダイアログボックスが表示されたら「なし」または「インターレース」を選択し、 [OK] をクリックします。
※ PNG 形式の画像はブラウザによっては正しく表示されない場合があります。
RELATED RECORDS
文書番号 222818 インターネットで公開する場合に適切なファイル形式
文書番号 222733 背景レイヤーを編集したい場合の対処方法
文書番号 222515 レイヤーの操作方法
文書番号 222455 透明部分のある画像を Word や Excel に貼り付ける方法
文書番号 220860 電子メールに添付する場合に適切なファイル形式
文書番号 220797 Photoshop 6.0/7.0 (Mac/Win) :背景を透明にする方法
文書番号 222990 背景を透明にする方法(Photoshop CS)
文書番号 225441 背景を透明にする方法 (Photoshop Elements 3.0)
文書番号
(222341)
最終更新日
2011-04-21


