この文書では、Adobe Photoshop で画像の背景を透明にする方法、および透明を維持した状態でファイルを保存する方法について説明しています。

背景を透明にすると、透明部分は以下の画像のように白とグレーの格子状の模様が表示されます。透明を含む画像は Web や DTP などでも多く利用されております。

 A. 透明な背景を作成

透明な背景を作成するには、以下の A-1. ~ A-5. のいずれか、または複数の操作を行います。

A-1. ファイルの新規作成時に背景を透明に指定する

  1. ファイル/新規を選択します。
  2. 新規ダイアログボックスが表示されたら、「カンバスカラー」プルダウンリストから「透明」を選択します。

  3. その他必要な設定を行い、「OK」をクリックします。
  4. 背景が透明な画像が開きます。

A-2. 背景のロックを解除して背景を透明にする

背景レイヤーはロックされており、そのままでは背景に透明を含めることができません。以下の操作を行い、背景レイヤーを通常のレイヤーに変換することで、背景レイヤーに透明を含めることができるようになります。

  1. ウィンドウ/レイヤー選択し、レイヤーパネルを開きます。
  2. 背景レイヤーの錠のアイコンをクリックします。

  3. レイヤー名が「レイヤー 0」に変更され、レイヤーのロックが解除されます。消しゴムツールなどによる操作が可能になります。消しゴムツール、またはマジック消しゴムツールの使用方法については、次のステップを参照してください。 

A-3. 消しゴムツールを使用する

  1. ツールパネルから「消しゴムツール」を選択します。

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

  3. オプションパネルで消しゴムのサイズやモードを変更し、調整します。

  4. 間違って消してしまった部分を復元するには、ヒストリー消しゴムを使用します。

    Alt キー(Windows) / Option キー(Mac OS)を押しながらドラッグすることで、消した部分が復元されます。

    注意:

    ヒストリー消しゴムは、画像のカラーモードやプロファイルの変換後、およびカンバスサイズや画像解像度を変更した後は使用できません。

A-4. マジック消しゴムツールを使用する

マジック消しゴムツールを使用することで、近似色の領域を 1 クリックで削除することができます。

  1. ツールパネルから「マジック消しゴムツール」を選択します。

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

  3. 画像内で、連続しない色の範囲の近似色を消去するには、オプションパネルの「隣接」のチェックをはずしてからクリックします。

A-5. クリッピングパスを使用する

Photoshop で作成したクリッピングパスを含む画像を Adobe Illustrator や Adobe InDesign のようなアプリケーションに配置した際、画像の一部分を透明として扱うことが可能です。

詳しい操作方法は、クリッピングパスの作成方法(Photoshop)を参照してください。

 B. 透明な背景を維持して画像を保存する

透明な背景を維持して画像を保存する最も一般的な方法は、GIF 形式で透明を維持するオプションを指定して保存する方法です。画像を GIF 形式で保存するには、以下のいずれかの操作を行います。

注意:

GIF 形式以外の、透明を維持することができるファイル形式については、C. 透明を維持して保存できるファイル形式を参照してください。

B-1. 「保存」、または「別名で保存」で保存

  1. ファイルメニューから「保存」または「別名で保存」を選択します。

  2. 名前を付けて保存 ダイアログボックスで、「ファイルの種類」プルダウンリストから「CompuServe GIF (*.GIF)」を選択し、「保存」ボタンをクリックします。

  3.  インデックスカラーダイアログボックスで「透明」にチェックを入れ、「OK」をクリックします。
     

B-2. 「Web およびデバイス用に保存」または「Web 用に保存」から保存

  1. ファイル/書き出し/Web 用に保存(従来) を選択します。

  2. Web 用に保存 ダイアログボックス右上のファイル形式が「GIF」になっていること、「透明部分」にチェックが入っていることを確認します。

  3. 「保存」ボタンをクリックし、保存する場所と名前を指定して「OK」をクリックします。 

 C. 透明を維持して保存できるファイル形式

以下の形式を選択してファイルを保存することによって、透明な領域が維持されます。

ファイル形式 説明
Photoshop (*.PSD, *.PDD) Photoshop のオリジナルファイル形式です。
透明機能をはじめ、すべての機能を保持して保存することができます。
CompuServe GIF(*.GIF) 256 色までの色数を使用することが出来て、イラストなどに向いており Web での表示に使用されます。
インターレースやアニメーションもサポートしています。
PNG(*.PNG) PNG 形式は、GIF に代わるものとして開発された形式です。
GIF と同様 Web での表示に適しておりグレースケール画像および RGB 画像の透明部分は保持されます。
TIFF (*.TIF,*.TIFF) アプリケーション間およびコンピュータプラットフォーム間でのファイル交換に使用されます。
Photoshop では注釈、透明部分、複数解像度のピラミッドデータも TIFF 形式に保存できます。
注意 : ほとんどのアプリケーションでは、TIFF の透明機能をサポートしていないため、Photoshop で保存した TIFF を開くと画像は統合されてしまうためご注意ください。
Photoshop PDF (*.PDF,*.PDP) Photoshop は、汎用 PDF と Photoshop PDF のどちらも読み込むことができますが、保存できるのは Photoshop PDF のみです。
Photoshop PDF では画像を 1 つだけ保存することが可能で、透明機能もサポートしています。
JPEG 2000 (*.JPF,*.JPX,*.JP2,*.J2C,*.JPC) JPEG 2000 は標準の JPEG(JPG)形式よりも多くのオプションと柔軟性を備えたファイル形式です。
JPEG 2000 形式は 16 ビットカラーまたはグレースケールファイル、8 ビット透明部分もサポートしており、アルファチャンネルとスポットチャンネルを維持することができます。
注意 : Photoshop CS4 以前のバージョンで JEPG 2000 形式でファイルを保存するには、オプションのプラグインをインストールする必要があります。
詳細は、製品に付属のお読みくださいファイルを参照してください。

 

アドビコミュニティフォーラムをご利用下さい

この文章はお役に立てましたでしょうか?さらに情報をお探しになる場合には、アドビスタッフがお届けしている解決事例やメンバー同士での活発な意見交換をチェックできるコミュニティフォーラムをご利用下さい。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー