Inspiring

Answered

フォトショで背景を透明にした画像を、イラレにある画像の上に配置するも下の画像が透過されない。

Forum|Forum|21 days ago
July 8, 2026
15 replies
301 views

イラレでパンフレットを作成している。
イラレのファイルには人物画の画像があり、その画像の上に「鉛筆を握った手」の画像を重ねようとしている。
手の画像の背景部分は事前にフォトショで透明化しているが、イラレでは手の画像から人物画が透過されていない。
AIにも聞いてみて色々試したが解決しないため、お知恵を拝借したい。

Correct answer roboG

お手数かけます。
フォトショでこの画像をpngにします。

① 背景を削除する

クイック選択ツールで「白背景」を選択

　　2. Deleteキーで削除　→ 背景がチェッカー模様になる（透明の証拠）

②PNGで書き出し（透明保持）

　　ファイル → 書き出し → 書き出し形式 PNG 「透明部分を保持」オン

③イラレで「配置」で保存したpngの画像を挿入

※①の書き出し環境設定は以下の通り。

R

roboGAuthor

Inspiring

コメント頂いた皆さん、お騒がせしました。
解決しました。
Illustratorの新規作成の際、カラーモードを「CMYK」にしていたことが上手くいかなかった原因でした。
カラーモードを「RGB」にしたところ問題なく透過しました。

皆さん、ありがとございました。

assause

Community Expert

すいません、CMYKでも普通は透過します。

逆に印刷データならCMYK＋PSDにするのがある意味基本なので（出力の手引きにもPSD推奨されてます）、それを通常保存をするまで含めて透過されないということはあり得ない話になるのです。

（pngはRGBしか対応しないってのもありますが……USMはカラーモード依存なので、そこまで考慮するとpng使うこと自体が、というのもあります）

書き出しでの要因はそれだというのはわからなくはないのですが、書かれてることと実際の結果がそれなりに矛盾するように見えるので、仔細手順などは今一度確認されたほうがいいとは思います。

R

roboGAuthor

Inspiring

レスが遅くなり申し訳ございません。
Photoshopでは透明になっています。
Illustratorでバックが格子になっているんですね。
Illustratorのバージョンは2026です。
書き出し時のダイアログは以下の通りです。

ajabon grinsmith

Community Expert

>Illustratorでバックが格子になっているんですね。
いいえ、市松（チェッカー）模様で見えるのはPhotoshop上だけです。Illustrator上では透明部分は何も見えないのが正常な挙動です。

お手元では解決できたのでしょうか？
まだでしたら、画像をpsd形式で保存してIllustratorに使用しましょう。

R

roboGAuthor

Inspiring

psdでも試しました。
しかしpsdにしても同じ状況になります。
今回のパンフレットは手の画像を差し込まないようにします。
ありがとうございました。

assause

Community Expert

保存ではなくて書き出しをつかっていらっしゃるようなのですが、逆に、保存メニューを使わない理由は何でしょう。

また、パンフレットの作成であれば通常はCMYKにしますし、その場合、基本的にはpsdを使います。

このあたりは出力の手引きなども確認されたほうがいいでしょう。

PDF&出力の手引き2026

そのうえで、肝心なのは動作環境、各ソフトのバージョンあたりもかかわります。

ページ上部にある「アドビからのお知らせ」経由で質問テンプレートを記したページが参照できますので、それをもとにして情報をできるだけ余すことなく記載されることをおすすめします。

R

roboGAuthor

Inspiring

アドバイスありがとうございます。
フォトショもイラレも2026を使用しています。
フォトショの「保存」でも同様の結果となりました。

assause

Community Expert

「2026」だけですと、マイナーバージョンがわからない、というのがあります。

よって具体的なバージョン情報がどうしても欠かせません。

また動作環境、OSバージョンやハード仕様も関わるところがあります。

それもあるので、質問テンプレート、という誘導をしているということがあります。

今回の場合、通常では起きえないことでもあり（通常の透過psdの通常保存データの配置でも起きているというのは普通ならありえないことです）、その原因追求をする場合、環境の確認やかなりの切り分けをしていくことが重要といえるところです。

ajabon grinsmith

Community Expert

「手の画像」を画像ファイルとして保存したのであれば、ファイル形式を確認してみてください。透明がサポートされていない場合、配置先のIllustrator上での透明部分は白か何かになります。
これに当てはまる場合、手の画像がPhotoshopで開かれていたら一度閉じてまた開いてみてください。透明部分がなくなっていればこの推察で当たりです。

わからなければPhotoshop形式（.psd）が一番おすすめです。

もし、データに問題がない場合、パソコンの性能が足りておらず透明を表現した表示ができない、という可能性も、なくはありません（あまりありませんが…）。
この場合、メニューの「表示」から、一番上の「CPUで表示」を試してみてください。

Ten Aさんの質問に答えるとすれば、
・手の画像をどのような操作でIllustraot上に持っていったか
・Photoshop上での「透明化」は、どのような手段で行ったか
を具体的に書いてほしいところです。
けっこう何通りも方法があり、中には適切ではないものもあります。

（追記です）

詳しくなくてもできる方法として、ドラッグ＆ドロップ（つかんで投げる）というのがあります。
プロ向けの手段ではありませんが、見た目にかんたんです。
操作の手順動画を添付しました。参考になれば。

画面収録 2026-07-08 16.42.49.mov

R

roboGAuthor

Inspiring

お手数かけます。
Tan Aさまに回答させていただいてますが、一旦、フォトショで背景を透明化しています。
その上でpngファイルに「書き出し」をし、イラレで「配置」をしています。
フォトショのpsdでも同様の操作を行いましたが同事象が発生します。
また、お教えいただいた方法でも同様になります。
AI（コパイロットおよびジェミニ）に尋ねたところ同じ操作をするように言われ、実施しております。

ajabon grinsmith

Community Expert

おっしゃる手順で、手元では問題なく完了できますね…
これはIllustrator上にpngを配置したスクショです。

●画像の背景は間違いなく透明か、確認してください
手の画像をPhotoshopで開き、
・レイヤーパネルを見てください。
背景の透明を表す市松模様（チェッカー模様）が、レイヤーの小さなサムネイル上でも確認できるか。
※サムネイルはとても小さいため、透明でない場合は市松模様が見えません

・情報パネルを出して、透明部分にマウスカーソルをあててみてください。
RGBの値が表示されれば、透明ではありません。透明の場合はこのように空欄となります。

・新規のIllustratorドキュメントで試してみてください
画像のせいではなく、配置先のIllustratorドキュメントが特殊な状態になっている可能性も疑ってみましょう。

こちらからは以上です。
繰り返しますが、素材となる画像の形式はpsdがおすすめです。
AIは「どこかから探してきた情報をてきとうに吐く」性質があるため、いつでも正しいことは教えてくれません。学習のためには、信頼のおける人に聞く、教則本を入手する、人間の作成したチュートルアルを実践してみる、などをおすすめします。
アドビからもトレーニングのための講座が用意されているので検討してみてください。
無料ですよ。
https://www.adobe.com/jp/creativecloud/roc/events/creativecloud/creativecollege/illustrator.html