Illustratorの背景を透明にする方法は？透明にならない時の対処法も解説

Illustratorは、Adobe社が手がけるイラスト・デザインソフトです。さまざまな機能が搭載されており、背景を透明にした画像を作成することもできます。

今回は、Illustratorの背景を透明にする方法を解説します。また、背景が透明にならない原因と対処法についても紹介するので、ぜひ参考にしてみてください。

Illustrator｜デフォルトの背景は白

Illustratorで作成したオブジェクトの背景は基本的に透明になっています。

しかし、アートボードの背景がデフォルトで白色になっているので、パッと見ただけでは区別がつきません。

そのため、後述する手順に沿ってアートボードの背景を透明する必要があります。

Illustrator｜アートボードの背景を透明にする方法

①Illustratorに画像を配置する

上記の方法であれば、どちらでも構いません。ご自身のやりやすい方法を選択しましょう。

また、画像を配置するだけではなく「長方形ツール」や「楕円形ツール」などで描いたイラストであっても背景を透明にできます。

②上部メニューの「表示」→「透明グリッドを表示する」を選択

アートボードに画像を配置したら、上部メニューの「表示」→「透明グリッドを表示する」を選択します。

すると、上記画像の通り白色だったアートボードが透明になりました。

③スクリーン用に書き出しパネルを表示する

画面上のメニューより「ファイル」→「書き出し」→「スクリーン用に書き出し」の手順で進みましょう。

「書き出しパネル」が表示されたら、上記画像の赤枠(歯車マーク)をクリックして詳細設定を開きます。

「背景色」が透明になっていることを確認して、「設定を保存」をクリック。あとは保存先やファイル形式を指定するだけです。

書き出し時のファイル形式は「PNG」がおすすめ。「PNG8」はファイルサイズを軽くしたい場合に使う項目です。

書き出し時のファイル形式は用途にあわせて選ぶ

「スクリーン用に書き出し」パネルで選択できる保存形式は、さまざまな種類があります。

「どれでもよい」わけではなく、用途に合わせて選ぶことが大切です。

透明画像で書き出すなら「PNG」

背景が透明の画像を書き出すなら「PNG」形式がおすすめです。

PNGはPortable Network Graphicsの略で、拡張子は「.png」です。

JPEGとGIF両方のメリットを取り入れたものですが、JPEGとGIFに比べてデータ容量が大きくなるのがデメリットとして挙げられます。

PNG8はファイルサイズは軽いものの、グラデーションの表現は苦手です。

持っている色情報も少ないので、フチが粗くなってしまうのが難点。カラーのクオリティを保ちながら背景を透過させるならPNGを選びましょう。

写真なら「JPG」で書き出し

JPGは主に写真を保存するときに用いられます。高画質かつデータ容量をおさえながら保存できるのが特徴です。

JPGは「非可逆圧縮」の画像形式のため、画質を落として保存すると元の画質には戻せません。さらに、保存するたびに画質が劣化するため、保存するタイミングが重要です。

ファイルサイズを変更するなら、元画像を保存した上で実行しましょう。

色数の少ない画像は「GIF」で書き出し

GIFとは、Graphics Interchange Formatの略で拡張子は「.gif」と表します。

最大256色で表現されるため、色数の少ない画像の保存に適しています。JPGとは異なり「可逆圧縮」のため、画質を落として保存しても元画質に戻すことができます。

GIFの特徴は、アニメーション画像を作成できることです。色数の少ないシンプルなアニメーションを作成するときに活用します。

Illustratorで背景が透明にならないときの原因と対処法

背景が透明にならないときは、主に以下の原因が考えられます。

それぞれ項目を詳しく解説するとともに、対処法をご紹介します。

①アートボードに白い画像を配置している

最も多い原因が、アートボードに白い画像を配置していることです。

Illustratorの画面右にある「レイヤーパネル」から、白い画像となっているレイヤーを「Deleteキー」または「ゴミ箱」アイコンを押して削除しましょう。

②背景色が白抜き設定の状態になっている

IllustratorではPNG形式で保存しても背景が透明にならないことがあります。

白抜き設定の確認方法は以下の通りです。

「背景色」が「ホワイト」または「ブラック」になっている場合は、PNG形式で書き出しても背景が透明になりません。透明に書き出すときは、必ず「透明」を選択しましょう。

まとめ

今回はIllustratorで背景を透明にする方法と書き出し設定、透明にできないときの原因と対処法について解説しました。

背景を透明にすることで、バナーやイラスト制作に便利な画像を書き出すことができます。

アートボードにイラスト・画像・写真を配置してから、わずか数ステップで完了するので、初心者でも簡単に実行できます。ぜひ本記事の内容を参考に試してみてください。