イラストレーターを使って画像を切り抜く方法を紹介します。
イラレの切り抜きはシンプルで、良くも悪くもフォトショのような沼にハマることもありません。
イラストレーター 3つの切り抜き方法
イラストレーターの3つの切り抜き方法
イラストレーターに出来る切り抜き方法は3つあります。
- 図形+クリッピングマスク:四角や丸など、シンプルな図解の形に切り抜く方法。
- ペンツール+クリッピングマスク:複雑な形の輪郭を描き、その図形を元に切り抜く方法。
- 画像の切り抜き:画像を垂直×水平にトリミングする方法。
使い勝手が良いのは図形+クリッピングマスク。イラレの切り抜きはほぼコレで事足ります。
複雑な形で切り抜きたいときはペンツール+クリッピングマスク。複雑な形でもペンツールを使えば自由な形でカットできます。
キャンバスに対して大きすぎる素材をカットしたいときに便利なのが「画像の切り抜き」。ざっくりカットするとき以外にはほぼ使わないです。
基本的に、adobeの切り抜きは元データを傷つけないようカットできるクリッピングマスクをつかうのが基本。
元素材が傷つかないから修正・変更も思い切って何度でもできるのがクリッピングマスクのメリットです。
クリッピングマスクとは、フォトショ・イラレでよく使われる切り抜き方法で、オブジェクト(画像)の形に切り抜いて見せるエフェクトのこと。
切り抜いたようにデジタル処理してるだけなので、元素材は一切変更されていないのが特徴です。
イメージ的には型抜き用台紙(オブジェクト)を作って素材の上に重ね、台紙部分だけを表示させるような見え方をさせます。
\クリップ=切り抜くためのオブジェクトを準備して、エフェクトでマスクする/
フォトショップとの違い
フォトショとイラレの切り抜きは、やり方・仕上がり ともに違いがあって、画像形式の特徴がよく出ています。
- フォトショップ:ラスター形式。
髪の毛のような繊細な線や、曖昧な境界線での切り抜きが得意。 - イラストレーター:ベクター形式。
境界線の滲まない シャープな切り抜き が得意。
フォトショはAIで境界線をざっくり選択してくれますが、イラレにその手の機能はありません。
ベクター画のスタイルに則ってシェイプかパス図形を作り、それらを元にした切り抜きしかできないのがイラレの特徴と言えます。
イラストレーターで切り抜き 図形+クリッピングマスク
イラレの切り抜きで、最も使う頻度が多いのがシェイプ図形を元にクリッピングマスクで切り抜く方法です。
ペンツールを使った切り抜きでも共通する基本操作なので、きっちりマスターしておきましょう。
図形+クリッピングマスクで切り抜く方法
【illustrator:図形+クリッピングマスクで切り抜く方法】
- 図形ツールを長押し > 好みの図形を選択。
- 切り抜きたい画像の上におおよその位置・スケールで図形を作り、透明度を下げる(背景に応じて適宜)。
- 切り抜き後の画像をイメージしながら、図形を切り抜きたい場所・大きさ・形へレイアウトする。
- 選択ツールに切り替えて、オブジェクトと背景の両方を選択。
- メニュー > オブジェクト > クリッピングマスク > 作成 を選択。
- 完成。
今回は丸いオブジェクトを使いました。円形・長方形・星型などでも同じように切り抜きできます。
図形+クリッピングマスクのリレイアウト
切り抜いた画像の縮尺・レイアウトがイマイチな時は、クリッピングマスク作成後に修正が可能です。
【illustrator:図形+クリッピングマスクの修正方法】
- 選択ツールに切り替えて、クリッピングマスク オブジェクトをクリック。
- メニュー > オブジェクト > クリッピングマスク > オブジェクトを編集 をクリック。
- リレイアウト(素材画像の拡大⇔縮小・再配置)
※オブジェクトはそのままで、素材のみのリレイアウトができる。
クリッピングマスクを使った切り抜きは、元画像の劣化がありません。
何度でもやり直せますし、初期値に戻せます。
図形+クリッピングマスクの解除方法
クリッピングマスクは、解除することで元の画像素材に戻ります。
【illustrator:クリッピングマスクの解除方法】
- 選択ツールに切り替えて、オブジェクトを選択。
- メニュー > オブジェクト > クリッピングマスク > 解除 をクリック。
図形+クリッピングマスクで切り抜くときのポイント・注意点
図形+クリッピングマスクで切り抜くときのポイントは次の2つです。
◎マスクを作るときの選択
- 素材と図形オブジェクトの両方を選択してからオブジェクトの作成をする。
- どちらかだけだと、エラーになります。
◎図形の透明度
- 図形の透明度を落とすのは、レイアウトしやすくするための処理です。
- クリッピング前にオブジェクトの透明度を落としたとて、切り抜いた画像が薄くなったりはしません。
イラストレーターで切り抜き ペンツール+クリッピングマスク
シンプルな円や四角よりも複雑な形を切り抜きたいときは、ペンツールで図形を作ってからクリッピングする方法がおすすめです。
ペンツール+クリッピングマスクで切り抜く方法
【illustrator:ペンツール+クリッピングマスクで切り抜く方法】
- ペンツールを選択。
- ペンツールで切り抜きたい境界線を象る。
- メニュー > オブジェクト > クリッピングマスク > 作成 をクリック。
複雑な形も難なく切り取りできます。
ペンツール+クリッピングマスクの解除方法
ペンツール+クリッピングマスクも、解除方法は同じです。
【illustrator:ペンツール+クリッピングマスクの解除方法】
- 選択ツールに切り替えて、オブジェクトを選択。
- メニュー > オブジェクト > クリッピングマスク > 解除 をクリック。
ペンツール+クリッピングマスクで切り抜くときのポイント・注意点
ペンツール+クリッピングマスクで切り抜くときのポイントは次の3つ。
◎ペンは起点と終点を必ず結ぶ
- ペンの終点では必ず起点をクリックして、面を完成させます。
- 途中で終了してしまうと、起点と終点が自動で直線接続するので、クリッピングマスクを作ったときに予期せぬところでカットされる場合があります。
◎緻密に切り抜くコツ
イラレで緻密に切り抜きたいときのポイントは次の2点です。
- 拡大して作業する。
- アンカーポイントを密に打つ。
◎髪の毛・自然な境界線の切り抜きは苦手
イラレでは、髪の毛などの細かすぎる切り抜きは出来ません。
背景と違和感なく合成できるような切り抜きがしたいときは、フォトショップでやりましょう。
\イラレでは出来ないフォトショの切り抜き/
フォトショの切り抜きなら、超複雑なモチーフでも違和感の少ない合成が簡単にできる。
イラストレーターで切り抜き「画像の切り抜き」・トリミング
クリップングマスクと大きく違って、素材そのものをカットしてしまうのが「画像の切り抜き」を使うやり方。
後から調整や変更が出来ない不便さはあるものの、大きすぎる素材をざっくりと仮カットするのに便利です。
クリッピングマスクかけるほどしっかりレイアウトしなくていいときに重宝します。
「画像の切り抜き」を使ってトリミングする方法
【illustrator:「画像の切り抜き」で切り抜く方法】
- 選択ツールを選択。
- 切り抜きたいオブジェクトをクリック。メニュー > オブジェクト > 画像の切り抜き を選択。
- ポップアップが表示されるのでOKをクリック。
※内容は読んだまま。「イラレで画像編集しても元データには影響ないから安心してね」って言ってる。 - カット用ポインタが8ヵ所が表示されるので、ドラッグしながらカットラインをレイアウトする。
- レイアウトが決まったら「Enter」を押すと切り抜き実行。
「画像の切り抜き」でトリミングするときの注意点
画像の切り抜きがクリッピングマスクの切り抜きと違うのは次の2点。
◎素材そのものをカットする
- イラレに取り込んだ素材自体をカットするので、カットした後では修正出来ない。
◎垂直or水平にしかカットできない
- 「画像の切り抜き」では垂直×水平ラインへのカットしかできない。
イラストレーターの切り抜き まとめ
イラストレーターで画像を切り抜く方法は3種類。うち、主に使うのはクリッピングマスクを使う方法です。
大まかな流れは次の通りです。
【illustrator:イラストレーターで画像切り抜く流れ】
- 画像素材をざっくりとカットしたい?⇒「画像の切り抜き」でカット。
- イメージ通りの形でカットしたい?⇒図形orペンツールでオブジェクトを作成し、クリッピングマスクで切り抜き。
イラレの特性上、超緻密な切り抜きはできません。
基本は、シンプルな図形(四角や丸)を使ったクリッピングマスクで切り抜くのが一般的です。