Illustratorで画像を切り抜く方法｜トリミング・クリッピングマスクを解説
こんにちは、現役商業イラストレーターのキタガワです。
Illustratorで画像を扱っていると、「写真の一部分だけを使いたい」「画像を円形や星形など好きな形に切り抜きたい」といった場面があります。
Illustratorには、画像を切り抜くための方法がいくつかあります。
例えば、画像の不要な部分をそのまま削除してトリミングする方法や、クリッピングマスクを使って画像の一部を隠す方法などです。
この記事では、Illustratorで画像を切り抜く代表的な方法を、実際の操作画面を使って初心者にも分かりやすく解説します。
「四角くトリミングしたい」「円形や星形に切り抜きたい」「文字の形に画像を切り抜きたい」といった目的別に紹介しますので、自分に合った方法を選んでみてください。
Illustratorで画像を切り抜く方法
Illustratorで画像を切り抜く方法はいくつかあります。どの方法を使うかは、「何をしたいのか」によって選ぶと分かりやすいです。
| やりたいこと | おすすめの方法 |
|---|---|
| 写真を四角くトリミングしたい | 「画像の切り抜き」 |
| 写真を円形・星形・ハート形などにしたい | クリッピングマスク |
| 画像を文字の形に切り抜きたい | クリッピングマスク |
| Illustratorで作った図形を別の図形で切り抜きたい | パスファインダー |
例えば、写真の周囲にある不要な部分を単純にカットしたいだけなら「画像の切り抜き」が簡単です。一方、写真を円形や星形など好きな形に切り抜きたい場合は、クリッピングマスクを使います。
また、クリッピングマスクは画像そのものを削除するのではなく、不要な部分を隠しているだけなので、後から切り抜き方を変更したり、元の状態に戻したりできます。
このあと、それぞれの方法を順番に紹介します。
「画像の切り抜き」でトリミングする
写真などの画像から不要な部分を削除して、四角形に切り抜きたい場合は、Illustratorの「画像の切り抜き」機能を使うのが簡単です。
例えば、縦長の写真から必要な部分だけを残して、横長の画像にしたい場合などに使えます。
画像をトリミングする手順
まず、Illustratorに配置した画像を選択ツールで選択します。
画像を選択すると、コントロールパネルやコンテキストタスクバーなどに「画像の切り抜き」という項目が表示されますので、クリックします。
また、メニューから「オブジェクト」→「画像の切り抜き」を選択しても同じ操作ができます。
「画像の切り抜き」を選択すると、画像の周囲に切り抜き範囲を指定するための枠が表示されます。
この枠の四隅や辺をドラッグして、残したい部分を囲むように大きさを調整します。枠の内側が、最終的に残る部分です。
切り抜く範囲を決めたら、「適用」をクリックするか、Enterキー（Windows）またはReturnキー（Mac）を押して確定します。
「画像の切り抜き」は元に戻せないので注意
「画像の切り抜き」で注意したいのが、切り抜いた部分は削除され、後から元に戻すことができないという点です。
そのため、「やっぱりもう少し画像を広く使いたい」という場合に、Illustrator上で切り抜く前の状態へ戻すことはできません。
後から切り抜く範囲を変更する可能性がある場合や、元の画像を残したまま見せる範囲だけを変えたい場合は、次に紹介する「クリッピングマスク」を使う方法がおすすめです。
クリッピングマスクを使って画像を切り抜く
クリッピングマスクは、画像やイラストなどのオブジェクトを、別の図形の形に合わせて表示する方法です。
例えば、写真を円形や星形、ハート形などに切り抜きたい場合に便利です。
「画像の切り抜き」と違って、クリッピングマスクでは画像そのものを削除するのではなく、図形の外側を隠して見えなくしているだけです。そのため、後から切り抜く形や位置を変更したり、マスクを解除して元の画像を表示したりできます。
基本的な仕組みは、切り抜きたい画像の上に、切り抜きたい形の図形を重ね、その2つを使ってマスクを作るというものです。
それでは、具体的な例を見てみましょう。
長方形で画像を切り抜く
まずは、写真を長方形に切り抜く方法です。
画像を四角形にトリミングするだけなら、先ほど紹介した「画像の切り抜き」機能でもできます。しかし、クリッピングマスクを使えば、後から切り抜く範囲を変更できるというメリットがあります。
まず、切り抜きたい画像をIllustratorに配置します。
次に、画像の上に長方形ツールで、切り抜きたい大きさの長方形を描きます。
このとき、長方形は画像よりも前面に配置してください。
画像と長方形の両方を選択した状態で、右クリックして「クリッピングマスクを作成」を選択します。
また、ショートカットキーを使う場合は、MacではCommand＋7、WindowsではCtrl＋7でクリッピングマスクを作成できます。
すると、長方形の外側にある画像が隠れ、長方形の形に画像が切り抜かれたように見えます。
この方法なら、後から長方形の大きさや位置を変更して、画像の見える範囲を調整することもできます。
円形・星形など好きな形で画像を切り抜く
クリッピングマスクを使えば、長方形だけでなく、円形・星形・ハート形など、好きな形に画像を切り抜くことができます。
基本的な操作は、先ほどの長方形の場合と同じです。
まず、切り抜きたい画像をIllustratorに配置します。次に、画像の上に切り抜きたい形の図形を作ります。
例えば、写真を円形に切り抜きたい場合は、楕円形ツールで円を作ります。
画像と円の両方を選択し、右クリックして「クリッピングマスクを作成」を選択すると、円の外側にある画像が隠され、写真が円形に切り抜かれたように表示されます。
星形にしたい場合はスターツール、ハート形にしたい場合はペンツールなどを使って、切り抜きたい形のオブジェクトを作ればOKです。
つまり、「どんな形の図形を画像の上に置くか」によって、画像を好きな形に切り抜くことができます。
- 円形に切り抜く
- 角丸長方形に切り抜く
- 星形に切り抜く
- ハート形に切り抜く
- 自分で描いたイラストやシルエットの形に切り抜く
このように、決まった図形だけでなく、自分で作ったオリジナルの形を使って切り抜くこともできます。
なお、クリッピングマスクでは画像だけでなく、Illustratorで作成したイラストや図形などのオブジェクトも同じようにマスクできます。
文字の形に画像を切り抜く
クリッピングマスクを使えば、画像を文字の形に切り抜くこともできます。
例えば、文字の中に写真を入れたり、画像を使ったロゴやタイトルを作ったりするときに便利な方法です。
やり方は、これまで紹介したクリッピングマスクと基本的に同じです。
まず、画像の上に文字を入力します。文字の大きさやフォントを調整して、画像を入れたい形にします。
画像と文字の両方を選択し、右クリックして「クリッピングマスクを作成」を選択します。
すると、文字の外側にある画像が隠れ、文字の形に画像が切り抜かれたように表示されます。
この方法もクリッピングマスクなので、画像そのものが削除されたわけではありません。後から文字の大きさや位置を変更することもできます。
写真だけでなく、Illustratorで作成したイラストなどを文字の形に見せることもできます。
クリッピングマスクを編集する
クリッピングマスクで画像を切り抜いた後でも、画像の位置や切り抜く形・大きさを変更することができます。
クリッピングマスクは、画像の不要な部分を削除しているのではなく、切り抜きに使った図形の外側を隠しているだけだからです。
そのため、「もう少し右側を見せたい」「切り抜く範囲を広げたい」といった場合でも、元の画像を失わずに調整できます。
クリッピングマスクを編集するには、マスクがかかったオブジェクトをダブルクリックして編集モードにします。
そこから画像の位置や大きさを調整したり、マスクに使っている図形の大きさや形を変更したりできます。
例えば、円形のクリッピングマスクなら、円の大きさを変えたり、円の位置を移動したりすることで、画像の見える範囲を調整できます。
クリッピングマスクを解除する
クリッピングマスクを解除して、元の画像をすべて表示することもできます。
クリッピングマスクがかかったオブジェクトを選択し、右クリックして「クリッピングマスクを解除」を選択します。
ショートカットを使う場合は、MacではOption＋Command＋7、WindowsではAlt＋Ctrl＋7です。
クリッピングマスクを解除すると、隠されていた画像の部分も再び表示されます。
このように、クリッピングマスクは画像そのものを削除せずに表示範囲だけを変更できるため、後から切り抜き方を変更したい場合に便利です。
Illustratorには、クリッピングマスク以外にもさまざまな機能があります。基本操作から覚えたい方は、こちらの記事も参考にしてください。
Illustratorで人物や商品の背景を切り抜く場合
ここまで紹介したクリッピングマスクを使えば、人物や商品の画像を任意の形に切り抜くこともできます。
ただし、クリッピングマスクは人物や商品の輪郭を自動で認識して、背景を削除する機能ではありません。
例えば、人物だけを残して背景を透明にしたい場合は、人物の輪郭に沿ってパスを作成し、そのパスを使ってクリッピングマスクを作る必要があります。
輪郭が単純な画像ならIllustratorでも対応できますが、髪の毛や商品の細かい形など、複雑な輪郭を正確に切り抜きたい場合は、Photoshopなどの画像編集ソフトを使うほうが適しています。
Illustratorは、切り抜いた画像をロゴやチラシ、ポスターなどのレイアウトに配置したり、図形や文字と組み合わせてデザインしたりする作業が得意です。
そのため、画像の背景をきれいに取り除く作業はPhotoshop、切り抜いた画像を使ってデザインする作業はIllustratorというように、目的に応じて使い分けるとよいでしょう。
Photoshopの基本的な使い方については、こちらの記事で詳しく解説しています。
パスファインダーを使って図形を切り抜く
Illustratorで作成した図形やパスを別の図形で切り抜きたい場合は、パスファインダーを使う方法があります。
パスファインダーには、複数のオブジェクトを合体させたり、重なった部分を残したり、不要な部分を切り抜いたりするためのさまざまな機能があります。
「交差」で図形の重なった部分だけを残す
例えば、2つの図形が重なっている部分だけを残したい場合は、パスファインダーの「交差」を使います。
まず、2つの図形を重ねて配置します。
2つの図形を両方選択した状態で、パスファインダーパネルから「交差」を選択します。
すると、2つの図形が重なっていた部分だけが残り、新しい図形が作られます。
クリッピングマスクとの違い
パスファインダーとクリッピングマスクは、どちらも「切り抜き」に使えますが、仕組みが異なります。
クリッピングマスクは、画像やオブジェクトの不要な部分を隠しているだけなので、後からマスクを編集したり解除したりできます。
一方、パスファインダーはオブジェクトの形そのものを変更して、新しいパスを作る処理です。
そのため、写真などの画像を好きな形に見せたい場合はクリッピングマスク、Illustratorで作った図形を実際に切り抜いて新しい形にしたい場合はパスファインダー、というように使い分けると分かりやすいでしょう。
Illustratorは、画像の切り抜きだけでなく、イラストやロゴ、アイコン、印刷物など、さまざまなグラフィック制作に使えるソフトです。
これからIllustratorを使ってみたい方は、Adobe公式サイトで機能や料金を確認してみてください。
Adobe公式サイトでIllustratorについて確認する
Illustratorの画像切り抜きに関するよくある質問
Illustratorで画像を円形に切り抜くにはどうすればいい？
楕円形ツールで円を作り、画像の上に重ねてクリッピングマスクを作成します。画像と円の両方を選択して「クリッピングマスクを作成」を選択すれば、円形に画像を切り抜くことができます。
Illustratorで切り抜いた画像を元に戻すことはできますか？
「画像の切り抜き」機能で切り抜いた場合、削除された部分をIllustrator上で元に戻すことはできません。一方、クリッピングマスクなら画像そのものは削除されていないため、マスクを解除すれば元の画像を表示できます。
Illustratorで写真の背景を切り抜くことはできますか？
できますが、クリッピングマスクだけで人物や商品の輪郭を自動的に認識して背景を削除することはできません。輪郭に沿ってパスを作成して切り抜く必要があります。複雑な輪郭の写真を切り抜く場合は、Photoshopなどの画像編集ソフトを使うほうが適しています。
Illustratorで画像を好きな形に切り抜くには？
クリッピングマスクを使います。円形や星形、ハート形などの図形を画像の上に重ねてクリッピングマスクを作成すれば、その図形の形に画像を切り抜くことができます。自分で描いたオリジナルの形を使うこともできます。
Illustratorの「画像の切り抜き」とクリッピングマスクは何が違う？
「画像の切り抜き」は画像の不要な部分を実際に削除する機能です。一方、クリッピングマスクは不要な部分を隠しているだけなので、後から切り抜く範囲を変更したり、マスクを解除して元の画像を表示したりできます。
