この記事のまとめ

背景を透過させて他のデザインと合わせて使いたいことをありますよね。

イラストレーターを使えば背景の透過も簡単にすることが可能です。

今回はそんな方達のためにイラストレーターを使って背景を透過する方法を解説していきます。

一つ一つの操作を画像で分かりやすく解説していますので、初心者の方もぜひご覧ください。

背景透過は切り抜いて書き出す方法が便利

イラストレーターで背景を透過する方法はいくつかありますが、透過させたいオブジェクトによってはできない方法もあります。

そんな中でも最も汎用的な方法が

『透過したいオブジェクトを切り抜いて書き出す』

という方法です。

この方法を使えばどんなオブジェクトでも背景を透過させることが可能になります。

オブジェクトを切り抜き背景を透過する方法を見ていきましょう。

切り抜きで背景を透明にする方法

画像やイラストから一部分を切り抜きたい（トリミング）場合は、「クリッピングマスク」という方法が便利です。線や図形を使って好きな形で切り抜き透過させることができます。

それではさっそく「クリッピングマスク」の使い方をご説明します。

【ファイル】→【配置】で切り抜きたい対象が含まれた画像、イラストを配置します。
次に左側のツールバーで【ペンツール】を選択します。
画像の切り抜きたい部分のアウトラインに線（パス）を描いていきます。
線（パス）の開始点と最終点が繋がったら、【Shift】を押しながら画像と線（パス）の両方を選択します。最後に、【オブジェクト】→【クリッピングマスク】→【作成】をクリックすることで切り抜くことができます。
イラストを切り抜くことができました。

次に切り取った画像を保存する方法について解説していきます。

【ファイル】→【書き出し】→【Web上に保存】の順番にクリックしてください。
プリセットの設定をします。
①名前：を【PNG-24】にします※後述しますがこの拡張子が重要です
②透過部分にチェックをいれます
③アートボードサイズでクリップにチェックを入れます
※もし、アートボードサイズに余白が必要な場合はチェックを外しましょう
背景を透過したまま保存することができます
（作成したイラストを猫の画像に貼り付けた場合も背景が透明になっています）

イラストレーター上で背景を上手く透過できても書き出す際に透過が失敗してしまうことがあります。

その原因としてあるのが保存する際の拡張子です。

イラストレーターの透過方法は仕様上画像の拡張子であるJPEG形式では書出しすることはできません。

基本的に透過の書出しに対応している拡張子は以下のようになっています。

	透過	色数	特徴
JPEG（ジェーペグ）	×	1670色（鮮明）	一般的に使われている画像ファイルです。肉眼で見えない情報をカットしているため、データ容量が小さいのに綺麗に写し出されます。
GIF（ギフ・ジフ）	〇	256色（単純）	データ容量が小さく、ロゴやイラストに向いています。アニメーションに対応しているのでアイコンにちょっとした動きをつけるのに便利です。
PNG-8（ピーエヌジー・ピング）	〇	256色（単純）	写真やグラデーションには向いておらず、色数が少ないロゴマーク等に向いています。
PNG-24（ピーエヌジー・ピング）	〇	1670色（鮮明）	JPEGと同様に再現度が高い一方で、肉眼では見ることのできない情報をカットしていないためデータの容量が大きい。