イラストレーターは、作った作品を 背景透過で書き出し することが多いアプリです。
いざ書き出してみたら「透過画像になってない…！？」なんてことがないよう、背景透過のやり方・書き出し設定・書き出し時のファイル形式について事前に把握しておくのはおすすめです。
これから書き出しする方、なぜか上手く書き出せない方など、よろしければ参考にしてください。
イラレの画像を背景透過させる方法
イラストレーターのインターフェイスは、視認性をよくするために白い背景を自動で差し込んでいます。
背景透過で書き出したいときは、自動で差し込まれている背景色を透明に変更する必要があります。
背景透過のやり方. 透明グリッドの設定
背景色の設定は、メニューの表示設定から変更します。
【illustrator：背景を透明にする方法】
- メニュー＞表示＞透明グリッドを表示 をクリック。
- 背景に格子柄が表示されたら透過成功。
イラレの透明背景の特徴は、上図のような格子模様になっているトコロ。
普段から透明グリッドを基本設定にしていても良いのですが、作業中は見づらいのが難点。
ワタシは、普段から透明グリッド派ですが、作業中は最下層レイヤーに薄グレーの長方形オブジェクトを常設しています。
背景透過の注意点. 白い塗りパーツ
白い塗りパーツは透明グリッドと見分けづらいので、注意が必要です。
＼モチーフの中に白いパーツが入ってる場合あり／
透過させるべきか塗りつぶすべきかをしっかりとチェックして、見落としなきよう注意深くジャッジしてください。
イラレ PNGの書き出し背景を透明にする方法
イラレの編集画面上で背景透過できていても、PNGの背景色設定が正しくないと透過画像としては書き出しされません。
書き出し設定は保存できるので、以下の設定を確認＆保存しておくのがおすすめです。
イラレのPNG背景を透明にする書き出し設定のやり方
【illustrator：背景透過させる書き出し設定のやり方】
- メニュー＞ファイル＞書き出し＞スクリーン用に書き出し をクリック。
- スクリーン用書き出し ダイヤログの歯車マークをクリックして「形式の設定」ダイアログを起動。
- 形式PNG・PNG8を選択した時の背景色に「透明」を選択し、「設定を保存」をクリック。
形式のPNGとPNG8はどちらも背景透過できるファイル形式です。
クライアントからの指示がない限り、普通はPNGを選びますが、設定はどちらも「透明」にしておくのが無難です。
イラレ 背景透過で書き出しするファイル形式の設定方法
背景透過で書き出すときのファイル形式はPNGがマスト
イラレで背景透過させたいとき、書き出し時に指定するファイル形式は原則としてPNG一択です。
PNG8・GIFという形式も透過できますが、データを軽くできる一方で画質も下がるので、クライアントから指定された場合を除き、わざわざ選ぶ必要性はありません。
【PNG・PNG8・JPEG形式の比較】
| ◎◎ | PNG | PNG8 | JPEG |
| 透過 | ◎ | × | |
| 圧縮 | ロスレス圧縮 | 非可逆圧縮 | |
| データ量 | 重め | 普通 | 軽め |
| 画質 | 非常に良い | 普通 | 良い |
イラレ書き出し時のファイル形式の設定方法
ファイル形式は、書き出し時に都度確認＆適宜修正する項目です。
書き出し方法によって、パラメータの位置が変わります。
◎スクリーン用に書き出し
- 汎用性が高いのが「スクリーン用に書き出し」のプリセット。
- アセットごとに書き出しでき、ファイル形式なども細かく設定できる。
- GIFの出力はここからはできない。
◎書き出し形式
- Jpeg・PNG以外の、PSD・CSS・TIFF・SVGなど、特殊なファイル形式で保存したいときに使う書き出しテンプレート。
◎web用に書き出し
- webにおすすめなデータ量少なめのファイル形式を揃えたテンプレートがコチラ。
- GIFを使いたいときはここから選択する。
イラレで背景透過できない時の原因と対策
イラレで背景透過で書き出しできない時の原因
イラレで背景透過できないときの原因は次の3つ。
- アートボードの背景に透明グリッドを設定していない。
- PNGの書き出し設定で「背景を透明」に設定していない。
- 書き出し時のファイル形式をPNG（またはPNG・GIF）に設定していない。
イラレで背景透過で書き出しできない時の対策
対策は、3つの原因を一つずつチェック＆修正していくだけです。
各項目の設定方法・やり方は、これまで説明した通りです。
【イラレで背景透過させる設定 クイックリファレンス】
- 透明グリッド：メニュー＞表示＞透明グリッドを表示。
- PNGの書き出し設定：メニュー＞ファイル＞書き出し＞スクリーン用に書き出し⇒歯車マーク⇒PNGの背景色を透明色に変更＆設定を保存。
- 書き出し時のファイル形式：PNGを選択。
イラレの背景透過 やり方 まとめ
イラレで制作した作品は 素材としての利用 も多く、背景透過で書き出す頻度は高めです。
やり方は簡単。以下3つのポイントをすべて満たせば出力できないことはまずないです。
- アートボードの背景を透明グリッドにする。
- PNGの書き出し設定で背景を透明で保存する。
- 書き出し時にPNG形式を選択する。
