アドビ
製品

トップ

  • 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)

Adobe Community Help


関連製品

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

内容 (What's Covered)

この文書では、画像の背景を透明にする方法、および透明を維持した状態でファイルを保存する方法について説明しています。背景を透明にすると、透明部分は以下の画像のように白とグレーの格子状の模様が表示されます。透明を含む画像は Web や DTP などでも多く利用されております。



先頭へ

 A. 透明な背景の作成

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

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

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





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

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

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

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





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





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

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

  1. 初期設定で画面左側に表示されているツールパネル、またはツールボックスから消しゴムツールを選択します。





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





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





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



     

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

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

  1. 初期設定で画面左側に表示されているツールパネル、またはツールボックスから消しゴムツールを選択します。
  2. 透明にする部分をクリックすると、クリックした色の近似色が連続して消去されます。





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

     





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

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

詳しい操作方法は、文書番号 cpsid_91002 Photoshop でクリッピングパスの作成方法を参照してください。

先頭へ

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

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

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

「保存」コマンドまたは「別名で保存」コマンドから保存

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





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



     

「Web およびデバイス用に保存」コマンドまたは「Web 用に保存」コマンドから保存

  1. ファイルメニューから「Web およびデバイス用に保存」または「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 形式でファイルを保存するには、オプションのプラグインをインストールする必要があります。詳細は、製品に付属のお読みくださいファイルを参照してください。

 

参照文書

  • Photoshop の透明な背景を保持したまま Illustrator に読み込む方法
キーワード: cpsid_90772

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