【Illustrator】イラレで画像を切り抜く方法｜「背景を削除」と背景透過

Illustratorを使って画像を切り抜くにはどうしたら良いのか。

現在のIllustratorでは、写真の背景を自動で透明にする「背景を削除」が使えます。好きな形に切り抜く場合はクリッピングマスク、画像自体をトリミングする場合は「画像の切り抜き」を使います。

イラレを持っていない人はIllustratorの値段・料金プラン解説をご覧ください。

Illustratorでの画像の切り抜きの基本「クリッピングマスク」

Illustratorの切り抜きの方法と基本について解説します。

Illustratorの切り抜き手順

Illustratorでの画像の切り抜きは以下の手順で行うことができます。

1. 画像の上に切り抜きたい形状のオブジェクトを配置
2. 両方のオブジェクトをまとめて選択
3. 右クリックして「クリッピングマスクを作成」

クリッピングマスクは上のオブジェクトの形状で切り抜きます。

クリッピングマスクは多用する機能なのでショートカットを覚えておくとGood!

クリッピングマスクは不要部分を非表示にして切り抜く

クリッピングマスクによる切り抜きは不要部分を非表示にしているだけなので、いつでも元に戻せます。

クリッピングマスクでは画像データそのものを削除せず、不要部分を隠して切り抜きます。画像自体を長方形にトリミングする場合は、後述する「画像の切り抜き」を使用してください。

表示上の仕上がりは同じですが、クリッピングマスクなら後から切り抜く範囲を変更できます。

Photoshopのクリッピングマスクの解説はこちら

クリッピングマスクの変形や解除

クリッピングマスクはオブジェクトをダブルクリックすることで編集モードに入ることができます。編集モードではオブジェクトを追加したり、中の画像を動かしたりできます。編集モードの解除はEscキーを押すだけ。

編集モードではクリッピングマスクしているオブジェクトを変形させることもできます。

クリッピングマスクは右クリックから「クリッピングマスクを解除」で完全に元に戻すことができます。

画像を好きなサイズや形状で切り抜き

画像を指定したサイズや好きな形状で切り抜く方法を解説します。

指定サイズで切り抜きを行う

例えばA4サイズぴったりに画像を切り抜きたいという場合は長方形ツールを使用します。

1. A4サイズの長方形を作成
2. 写真の上に作成した長方形を重ねる
3. 画像と長方形をまとめて選択
4. 右クリック「クリッピングマスクを作成」

以上の手順でA4サイズピッタリ切り抜くことができました。

長方形ツールのサイズ指定を利用すれば切り抜きたいサイズを数値で指定することができます。

好きな形状で切り抜く

クリッピングマスクは上にあるオブジェクトの形状で下にある画像などを切り抜くので使用するオブジェクトの形は問いません。

パスの形状は自由自在に変更することができるので切り抜き形状も自由自在です。

1. 切り抜きたい画像の上にオブジェクトを作成
2. 画像と切り抜き用のオブジェクトを選択
3. 右クリック「クリッピングマスクを作成」

複数オブジェクトで切り抜きする場合は複合パスにする

上図のように1枚の画像を複数のオブジェクトで切り抜きたい場合は複合パスにする必要があります。

何もせずに普通にクリッピングマスクを行うと一番上にあるオブジェクトの部分だけしか切り抜かれません。

複数のパスが混在するオブジェクトで切り抜きを行う場合は以下の手順で複合オブジェクトにしましょう。

複数のパスが重なり合っている場合はパスを合体してから

上図のようにパスが重なり合っている場合はパスファインダーで合成を行ってからクリッピングマスクを行います。

パスファインダーは「ウィンドウ」→「パスファインダー」で表示し、形状モード「合体」を選択します。

以上の手順を行えばパスが結合され1つになるので問題なくクリッピングマスクで切り抜くことができます。

「背景を削除」で写真の背景を自動で透明にする

人物や商品写真の背景を消したい場合は画像を選択して「背景を削除」を実行します。被写体の輪郭が自動で検出され、背景部分が透明になります。

「背景を削除」の使い方

1. 選択ツールで背景を削除したい画像を選択
2. コントロールパネルの「背景を削除」をクリック
3. 背景が透明になった結果を確認

その他、コンテキストタスクバーや、右クリックメニュー、「オブジェクト」メニューからも実行できます。

「背景を削除」を実行すると、アートボード上の元画像は背景が透明な画像に置き換わります。

AIが自動で切り抜き、背景を透明化してくれる

実際に使ってみると、人物や商品など被写体の輪郭がはっきりした写真は、ワンクリックでもかなり自然に背景を削除できます。

Photoshopを開かずにIllustrator内だけで気軽に背景を削除できるようになったのは嬉しいですね。

細部を調整する場合はPhotoshopを使う

「背景を削除」は被写体の自動検出精度がかなり高いですが、すべての写真を完璧に切り抜けるわけではありません。

写真によっては輪郭に細い白フチが残ったり、意図しない部分が消えてしまうことがあります。

しかし、IllustratorにはPhotoshopの「選択とマスク」のように削除後の境界を細かく調整する機能はありません。髪の毛や毛、半透明部分などを細部まで仕上げたい場合はPhotoshopを使いましょう。

自動で切り抜いた結果を細かく調整したい場合は、画像編集に特化したPhotoshopを使用します。

Photoshopで切り抜いたらPSDファイルなどの形式で保存し、Illustratorに画像として埋め込みやリンク配置します。

Photoshopは選択範囲やマスクの境界を細かく調整できるため、髪の毛や半透明部分の仕上げに向いています。

Photoshopで処理を行う場合は、切り抜くだけでなく画像そのものをレタッチできるのではじめからPhotoshopを使うことも多いです。

Illustratorだけで完了できる画像も増えましたが、細部の調整が必要な写真はPhotoshopと使い分けると効率的です。

ソフトの具体的な違いや使い分けについてはPhotoshopとIllustratorの違いと使い分けをご覧ください。

「画像の切り抜き」で写真をトリミングする

写真の不要な部分を長方形に切り落としたい場合は「画像の切り抜き」を使用します。

クリッピングマスクは不要部分を隠す機能ですが、「画像の切り抜き」は指定した範囲の外側を実際に削除して画像をトリミングする機能です。

元画像を「画像の切り抜き」でトリミングする手順

1. 選択ツールでトリミングしたい画像を選択
2. 「オブジェクト」→「画像の切り抜き」を選択
3. 四隅または辺のハンドルを動かして範囲を指定
4. 「適用」をクリック、またはEnter／Returnを押す

「画像の切り抜き」はコントロールパネルや右クリックメニューからも選択できます。

複数のオブジェクトを選択している場合は表示されないため、画像を1枚だけ選択してください。

また、リンク配置した画像に「画像の切り抜き」を使用すると、切り抜かれた画像がIllustratorファイル内に埋め込み配置されます。

画像の切り抜きとクリッピングマスクでの切り抜きの違いと使い分け

「画像の切り抜き」とクリッピングマスクは、どちらも見た目上は同じように写真を切り抜けますが、仕組みが異なります。

画像の切り抜きは不要部分を削除するのに対し、クリッピングマスクは不要部分を隠しているだけです。

「画像の切り抜き」は不要部分を残しておく必要がなく、写真そのものをトリミングした状態にしたい場合に向いています。

一方、あとから表示位置や切り抜く範囲を変更したい場合は、元画像を残したまま編集できる「クリッピングマスク」のほうが便利です。

また、「画像の切り抜き」で指定できる形状は長方形のみです。 円形や星形、自由なパスなどで切り抜きたい場合は、前述のクリッピングマスクを使用してください。

ペンツールを使って画像の背景を切り抜く

ペンツールを使うと丸や四角といった単純な図形でなく、画像そのままの形状で背景を切り抜き透明にすることができます。

ペンツールを使った画像の背景切り抜きの手順

背景切り抜きの全体的な流れは以下のとおり。

1. ペンツールで画像に沿ってパスを描く
2. パスが作成できたらクリッピングマスク
3. パスの形状で画像が切り抜かれる

ペンツールPは点を繋げることでパスを描けるツールです。

クリックすると点を打つことができ、ドラッグしながら点を打つことで曲線を描くことができます。

ペンツールの使い方の詳細は以下の記事をご覧ください。

文字で画像を切り抜く方法

文字で画像を切り抜く方法を解説します。

画像の上に文字を配置しクリッピングマスク

クリッピングマスクによる切り抜きは文字でも利用が可能です。

1. 画像を配置
2. テキストを画像の上に配置
3. 画像とテキストを選択して右クリック
4. クリッピングマスクを作成

好きな画像とテキストの組み合わせで切り抜いてみてください。

テキストをアウトライン化する必要はなし

テキストの加工などを扱う場合にはアウトライン化することが多いですが、文字で切り抜く際にはアウトライン化は不要。

入稿時にはクリッピングマスクのままアウトライン化できるのでデザイン制作中はアウトライン化せずにクリッピングマスクをしておきましょう。

文字を打ち替えたり、フォントやサイズを変えたりしても自動で新しい文字の形に切り抜かれます。

アウトライン化してバラした場合は透明になってしまう

テキストオブジェクトのままクリッピングマスクを行う場合は問題になりませんがアウトライン化している場合は注意が必要です。

複合パスが解除されて、ただのグループの状態になっているとクリッピングマスクを適用しても透明になってしまいます。

1枚の画像を複数のパスで切り抜く場合は複合パスにしてからクリッピングマスクを作成しましょう。

円形や四角で周囲をぼかしたりグラデーションで不透明度を変える方法

切り抜いた周囲をぼかしたり、グラデーションで段階的に切り抜く方法を解説します。

円形や四角のふちをぼかす

ぼかし効果を適用するだけで切り抜き後のオブジェクトの周囲をぼかすことができます。

1. 効果
2. スタイライズ
3. ぼかし
4. ぼかしたい半径を調整してOK

複数まとめてぼかすこともできます。

ぼかしを解除したい時は「ウィンドウ」→「アピアランス」でアピアランスパネルの中にある「ぼかし」を削除すればOKです。

グラデーションで段階的に不透明度を下げる

グラデーション表現により透明度を変化させ、ぼかしを作ることができます。

今まで解説した通常のクリッピングマスクではグラデーションによる不透明度の変化はありませんでしたが、以下の手順でマスクを作成することで白と黒の濃度に応じて不透明度を変化させることができます。

グラデーションを使ったマスクの方法は以下のとおりです。

透明パネルを使用したマスク作成は円形グラデーションでも使用可能です。

パスオブジェクトを切り抜く

パスオブジェクトは画像と同じようにクリッピングマスクで隠すこともできますが、パスで完全に切り抜くこともできます。

ロゴやアイコンを作成する際はクリッピングマスクで隠すのではなく、パスの余分な部分を切り抜いて削除してしまいましょう。

以下の手順でパスの切り抜きを行うことができます。

1. ウィンドウ
2. パスファインダー
3. 切り抜き

クリッピングマスクと違い、見える範囲を除いてすべて余分なパスが削除されるので余分なデータが残りません。

パスファインダーの他の機能では複合シェイプとして塗りのみ残す切り抜きなどさまざまな使い方があります。

パスファインダー全13種類については以下の記事にて詳しく解説しています。

Illustratorの切り抜きができない時の対処法

透明になってしまう場合の対処法

主にアウトライン化した文字を画像で切り抜こうとすると起きるトラブルです。

クリッピングマスク後に透明になってしまうのは複合オブジェクトになっていないのが原因です。

複合オブジェクトにする方法は以下のとおり。

• 「オブジェクト」→「複合パス」→「作成」
• ショートカット：Ctrl+8 （macの場合はCommand＋8）

複合オブジェクト化したら再度クリッピングマスクを行ってください。

クリッピングマスクを作成が出てこない

右クリックメニューに「クリッピングマスクを作成」が表示されない場合のチェックポイントです。

• グループ化されている
• ロック状態で選択できていない
• 余計なオブジェクトを選択している

レイヤーやオブジェクトのロックを解除し、切り抜き形状のオブジェクトと切り抜きたいオブジェクトの2つがグループ化されていないか確認してください。

切り抜かれる方のオブジェクトはグループ化されていても問題ありませんが、切り抜く側はグループ化しないようにしてください。

>グループ化解除の方法はこちら

思ったように切り抜きできない場合

切り抜いてほしくない場所が切り抜かれていなかったり切り抜きたい場所が切り抜かれていない場合は切り抜きするオブジェクトをいくつも選択していないか確認してください。

クリッピングマスクは「切り抜かれるオブジェクト」は複数でも問題ありませんが、「上に配置する切り抜き形状となるオブジェクト」は1つになるようにしてください。

「切り抜くオブジェクト」が複数重なっている場合は複合パスにするか、パスファインダーでパスを合体させて1つのパスにしておくとトラブルを防げます。

• 複合パス：「オブジェクト」→「複合パス」→「作成」
• パスを合体：「ウィンドウ」→「パスファインダー」→「合体」

パスの中側をくり抜く

画像を切り抜く際に、前面オブジェクトで型抜きまたは中マドを行い中心をくり抜いておきましょう。

「ウィンドウ」→「パスファインダー」でパスファインダーパネルを表示し、切り抜きたい形のオブジェクトを上に配置したら「前面オブジェクトで型抜き」を選択することでパスの内側が切り抜かれます。

詳しくはパスファインダーの使い方の記事をご覧ください。

「背景を削除」や「画像の切り抜き」を実行すると元画像は残りますか？

「背景を削除」と「画像の切り抜き」は、どちらも切り取った部分をあとから元に戻すことはできません。元の状態も残しておきたい場合は、実行前に画像を複製しておきましょう。

元画像を残したまま切り抜く範囲を変更したい場合は、クリッピングマスクを使用します。

「背景を削除」で生成クレジットは消費しますか？

Illustratorの「背景を削除」はAIによる自動検出を利用した機能ですが、現在は生成クレジットを消費しません。

あわせて読みたい

Adobe Fireflyの生成クレジットとは？料金プラン・消費量・追加購入を解説 Adobeの生成AI「Firefly」に「生成塗りつぶし」や「生成再配色」「テキストからベクター作成」「動画生成」など、AIによる生成機能が多数リリースされました。 Firefly…

背景を透明のまま書き出すにはどうすればよいですか？

「ファイル」→「書き出し」→「書き出し形式」でPNGを選択し、PNGオプションの背景色を「透明」にします。

JPEGは透明部分を保持できません。背景透過の画像として使用する場合はPNGで書き出してください。

あわせて読みたい

【Illustrator】イラレの書き出し・保存方法についてわかりやすく解説 イラレの書き出しはファイル→書き出し→Web用に保存でJPGやPNGで画像を保存できます。 書き出し方法は簡単ですが、Illustratorで画像ファイルとして書き出しを行う方法は…

「背景を削除」が表示されない

背景を削除は「コントロールパネル」「コンテキストタスクバー」「右クリックメニュー」「オブジェクトメニュー」に表示されます。

「表示されているけど押せない」というときは画像を1枚だけ選択しているか確認してください。画像を選択していなかったり、複数選択状態になっていると押すことができません。

もしメニュー自体がまったく表示されない場合はIllustratorのバージョンが原因である可能性が高いです。「背景を削除」はIllustrator 2026（Ver.30.4）以上で使用できます。もしバージョンが古い場合はアップデートしてください。

写真背景の不要部分を切り抜きたい

人物や商品写真の背景を自動で透明にする場合は、「背景を削除」を使用します。

自動処理で思ったように切り抜けない場合は、ペンツール＋クリッピングマスクで範囲を指定できます。

自動でうまくいかない髪の毛や半透明部分を細かく調整する場合は、Photoshopの切り抜き機能が適しています。

Illustratorの背景を削除はPhotoshopと同じくらいきれいですか？

被写体と背景が明確に分かれている写真では、Illustratorだけでもかなりきれいに切り抜けます。

ただし、PhotoshopにはAIによる自動選択だけでなく「選択とマスク」など境界を手動で細かく調整する機能があります。髪の毛や半透明部分まで細かく仕上げる場合はPhotoshopのほうが適しています。

Illustratorの使い方まとめ