アドビ
製品

トップ

  • 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 Help / 

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

Adobe Community Help


関連製品

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

内容 (What's Covered)

 

この文書では、Adobe Photoshop CS を使用して画像の背景を透明にするさまざまな方法を説明します。

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



 

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

透明を保持したまま保存できる Web 用のファイル形式については F. を、透明を保持したまま保存できるファイル形式については G. をご覧ください。

 

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

B. 背景レイヤーのロックを解除して背景を透明にする

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

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

E. クリッピングパスの作成

F. Web 用に背景が透明な画像を保存する

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

 

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

 

新規ファイルを作成するときに、予め背景を透明に設定することができます。

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

  1. [ファイル] メニューから [新規] を選択します。
  2. [新規] ダイアログボックスの [カンバスカラー] ポップアップメニューから [透明] を選択します。



  3. [OK] をクリックします。
  4. 背景が透明な画像が新規に作成されます。

 

 B. 背景レイヤーのロックを解除して背景を透明する

 

背景レイヤーは、ロックされており透明ピクセルを含むことができません。背景を透明にするには、ロックを解除して通常レイヤーに変換する必要があります。

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

  1. [ウィンドウ] メニューから [レイヤー] を選択し、[レイヤー] パレットを表示します。
  2. [背景] レイヤーをダブルクリックします。



  3. [新規レイヤー] ダイアログボックスでレイヤー名を入力し、[OK] をクリックします。

 

背景レイヤーのロックが解除されて通常レイヤーに変換されたため、背景を透明にすることが可能となります。

例えば、[消しゴムツール] を使用すると背景に透明を表す格子模様が表示されます。操作方法は、以下の C. [消しゴムツール] で背景を透明にする を参照してください。

 

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

 

ツールボックスの [消しゴムツール] を使用して背景を透明にすることができます。

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

  1. 上記の B. 背景レイヤーのロックを解除して背景を透明する を参照し、背景レイヤーを通常レイヤーに変換します。
  2. ツールボックスの [消しゴムツール] を選択します。



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



  4. 消しゴムの大きさを変更するには、画面上 [オプションバー] の左側にある下向き三角をクリックし、マスター直径スライダーをドラッグして調整します。



  5. 間違って消してしまった部分を復元するには、Alt キー(Windows)/Option キー(Macintosh)を押しながらドラッグします。



 

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

 

ツールボックスの [マジック消しゴムツール] を使用して背景を透明にすることができます。

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

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

  1. ツールボックスの [マジック消しゴムツール] を選択します。



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



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







 

 E. クリッピングパスの作成

 

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

詳しい操作方法は、下記の文書を参照してください。

文書番号 223829 クリッピングパスの作成方法(Photoshop CS)

 

 F. Web 用に背景が透明な画像を保存する

 

Web で多く利用されている画像のファイル形式は、主に JPEG と GIF です。この 2 つのうち、透明を含むことができるのは、GIF 形式です。

JPEG 形式は透明機能をサポートしておりません。

※ JPEG 2000 のみ例外です。また、PNG 形式も透明機能をサポートしていますが、使用頻度が GIF に比べて低いです。詳細は、G. 透明を保持して保存できるファイル形式 をご覧ください。

 

Photoshop CS で背景の透明を保持して GIF 形式に保存するには、以下の操作を行います。

- [保存] コマンドを行う場合

- [Web 用に保存] コマンドを行う場合

 

 [保存] コマンドを行う場合:

  1. [ファイル] メニューから [保存] または [別名保存] を選択します。
  2. [ファイル形式] (Win)/[フォーマット](Mac)ポップアップメニューから「CompuServe GIF (*.GIF)」を選択します。



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





     

 [Web 用に保存] コマンドを行う場合:

  1. [ファイル] メニューから [Web 用に保存] を選択します。
  2. [Web 用に保存] ウィンドウの画面右上で、ファイル形式が GIF になっていることを確認し、次に「透明部分」にチェックは入っていることを確認します。



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

 

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

 

Photoshop CS で透明を保持したまま画像を保存するには、以下のファイル形式として保存する必要があります。

作業中は Photoshop 形式で保存しておき、最終段階で目的のファイル形式として保存することをお勧めします。

 

ファイル形式

説明

Photoshop (*.PSD,*.PDD)

Photoshop のオリジナルファイル形式です。透明機能をはじめ、すべての機能を保持して保存することができます。

CompuServe GIF (*.GIF)

256 色までの色数を使用することが出来て、イラストなどに向いており Web での表示に使用されます。

インターレースやアニメーションもサポートしています。

PNG (*.PXR)

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 CS の初期設定では JPEG 2000 は保存できません。詳細は、文書番号 223284 JPEG 2000 形式で保存できない をご覧ください。

先頭へ

RELATED RECORDS

 

文書番号 211777 クリッピングパスの作成方法(Photoshop CS)

文書番号 222341 背景を透明にする方法(Photoshop Elements 1.0/2.0)

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

 

キーワード: 222990

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