イラレで簡単に背景を透明にする「表示」と「書き出し」方法。

今回はイラストレーターの背景が透過の表示方法と背景が透過になった画像データを書き出す方法を紹介します。

クリッピングマスクで切り抜いたデータも背景が透明な画像に書き出せます。

イラストレーターの背景を透明表示にする方法

透過の表示状態

イラストレーターでは通常白いアートボードが表示されていますが、データ上では色がついていない透過の状態です。

作業上、白い背景の方がレイアウトがやりやすいため、白く表示されていますが白色がついているわけではありません。

透過表示の状態での透明部分はグレーの格子模様で表示されます。

上の画像は、通常状態（デフォルト）と透過表示にしたものです。どちらも同じデータになります。

では背景を透過の状態でプレビューする方法を紹介します。

背景を透明表示にする方法

1. 上のメニューから「表示」→「透明グリッドを表示」を選択します。

2. 背景が透明になりました。

透過と白の違い

上の画像の上下の松のアイコンは、背景が白色だと同じように見えますがデータの作り方が違います。

• 上の松のアイコンは緑のベースに白い楕円のオブジェクトを乗せたもの
• 下の松のアイコンは「複合パス」を適用して緑のベースに楕円の穴を開けたものです。

「複合パス」にした下のオブジェクトは透過表示にするとちゃんと穴が空いていることがわかります。

オブジェクトがない部分やオブジェクトがあっても、塗りや線に色指定がない場合はデータ上では透明の扱いになります。

アートボードは作業の効率上、白い色がついています。

オブジェクトに穴を開ける方法はこちらです。
≫【イラレ】オブジェクトに穴を開ける方法！複合パス・パスファインダー

透明表示を白背景に戻す方法

上のメニューから「表示」→「透明グリッドを隠す」を選択すると、元のアートボードに戻ります。

Illustratorから背景が透明の画像データを書き出す方法

イラレから背景が透過状態の画像形式は３つの書き出し形式があります。

それぞれ用途が変わってきますので欲しいデータに合わせて書き出しをしてください。

Photoshop(psd)形式で書き出す

Photoshop(psd)形式で書き出す場合は以下の用途でよく使われます。

• 印刷物に使う場合
• 綺麗に書き出したい場合
• Photoshopで加工したい場合

きれいに書き出せますが、データは重くなります。

Photoshop(psd)形式で書き出す手順

1. 画像に書き出すイラストレーターデータを用意します。

注意：表示されているオブジェクトが全て書き出されます。（アートボード以外のオブジェクトも含めて書き出されます）

2. 上のメニューから「ファイル」→「書き出し」→「書き出し形式」を選択します。

3. 「書き出し」のダイアログボックスが表示されます。

以下の項目を指定します。

• ファイル名
• 保存先
• ファイル形式　

ここではファイル形式を「Photoshop(psd)」に選択します

4. 「書き出し」ボタンをクリックします。

5. 「Photoshop書き出しオプション」が表示されます。

それぞれのファイル形式によって「書き出しオプション」が変わってきます。

6. OKをクリックすると、書き出しが完了します。

Photoshop(psd)形式での保存は、背景の指定などはなく、背景が透明のものが書き出されます。

解像度がよくわからないという方はこちらをどうぞ。

≫【Photoshop】画像の解像度やピクセル数の確認と変更方法

書き出しの注意点

書き出しはデータ内の表示されている全てのオブジェクトを書き出します。アートボードの外のオブジェクトも含めてです。

書き出したいオブジェクトが一部の場合は、レイヤーで分けて、書き出したいものだけ表示させて書き出します。

表示されているデータのみ、書き出されます。

オブジェクトのみ書き出される

書き出される画像データはオブジェクト部分のみとなります。

イラストレーターのレイヤーの詳しい記事はこちらです。
≫【イラレ】レイヤーの使い方！移動・追加・削除・統合をわかりやすく解説

Office用に背景が透明の画像データをPNG・EMFで書き出す

Officeに配置するなどに書き出す場合はPNG・EMFが適しています。

また、資料作成などの場合もこの書き出し形式がよいです。

EMF 【Enhance Metafile(emf)】 で書き出す手順

1. 上のメニューから「ファイル」→「書き出し」→「書き出し形式」を選択します。
2. 「書き出し」のダイアログボックスの「書き出し形式」をEnhance Metafile(emf)を選択します。

EMFデータはOffice上で編集が可能になります。また拡大しても画像が荒れません。

3. 「書き出し」をクリックします。
4. EMFの場合はそのまま保存されます。

PNGの書き出す場合

1. 上のメニューから「ファイル」→「書き出し」→「書き出し形式」を選択します。

2. 「書き出し」のダイアログボックスの「書き出し形式」をPNG(png)を選択します。
3. 「PNG」オプションが表示されます。

●解像度：標準の150ppiでOKです。

●アンチエイリアス：文字のアンチエイリアスの設定です。綺麗に出したい場合は「アートに最適（スーパーサンプリング）」を選択します。

●インターレース：表示方法の設定になります。チェックを入れると多少データが重くなるので、チェックなしでOKです。

●背景色：背景色の選択です。透明にする場合は、「透明」を選びます。

5. OKをクリックすると、PNGデータで書き出されます。

書き出しても透過にならない原因

書き出ししても透過にならない原因次の2つが考えられます。

• 背景色を透明にしていない
• 白いオブジェクトは配置されている

背景色を透明にしていない

白いオブジェクトは配置されている

jpgは透過にならない

jpgに書き出しでは背景は透過になりません。

jpgの利点はデータが軽いことです。背景が白でも問題がなければjpgがおすすめです。

「書き出し」のダイアログボックスで「書き出し形式」をjpgに指定するとjpg形式で書き出されます。

まとめ

背景を透明に書き出す方法でした。

pdfで書き出した場合でも、イラレに配置すると背景が透過状態で配置されます。

背景が透過にならない場合は、「透明グリッドを表示」で確認してみてください。意外に背景に白いオブジェクトがあったりします。

参考になったら幸いです。