イラレ 使い方 PR

イラストレーターで切り抜き!画像トリミングの方法

記事内に商品プロモーションを含む場合があります

イラストレーターを使って画像を切り抜く方法を紹介します。

イラレの切り抜きはシンプルで、良くも悪くもフォトショのような沼にハマることもありません。

illustrator バナー

イラストレーター 3つの切り抜き方法

イラストレーターの3つの切り抜き方法

イラストレーターに出来る切り抜き方法3つあります。

  • 図形+クリッピングマスク四角や丸など、シンプルな図解の形に切り抜く方法。
  • ペンツール+クリッピングマスク複雑な形の輪郭を描き、その図形を元に切り抜く方法。
  • 画像の切り抜き:画像を垂直×水平にトリミングする方法。

使い勝手が良いのは図形+クリッピングマスク。イラレの切り抜きはほぼコレで事足ります。

複雑な形で切り抜きたいときはペンツール+クリッピングマスク。複雑な形でもペンツールを使えば自由な形でカットできます。

キャンバスに対して大きすぎる素材をカットしたいときに便利なのが「画像の切り抜き」。ざっくりカットするとき以外にはほぼ使わないです。

基本的に、adobeの切り抜きは元データを傷つけないようカットできるクリッピングマスクをつかうのが基本。

元素材が傷つかないから修正・変更も思い切って何度でもできるのがクリッピングマスクのメリットです。

クリッピングマスクとは?

クリッピングマスクとは、フォトショ・イラレでよく使われる切り抜き方法で、オブジェクト(画像)の形に切り抜いて見せるエフェクトのこと。

切り抜いたようにデジタル処理してるだけなので、元素材は一切変更されていないのが特徴です。

イメージ的には型抜き用台紙(オブジェクト)を作って素材の上に重ね、台紙部分だけを表示させるような見え方をさせます。

\クリップ=切り抜くためのオブジェクトを準備して、エフェクトでマスクする/

イラストレーター 切り抜き クリッピング イラレの見え方


フォトショップとの違い

フォトショとイラレの切り抜きは、やり方・仕上がり ともに違いがあって、画像形式の特徴がよく出ています。

  • フォトショップ:ラスター形式。
    髪の毛のような繊細な線や、曖昧な境界線での切り抜きが得意。
  • イラストレーター:ベクター形式。
    境界線の滲まない シャープな切り抜き が得意。

フォトショはAIで境界線をざっくり選択してくれますが、イラレにその手の機能はありません

ベクター画のスタイルに則ってシェイプパス図形を作り、それらを元にした切り抜きしかできないのがイラレの特徴と言えます。

イラストレーターで切り抜き 図形+クリッピングマスク

イラレの切り抜きで、最も使う頻度が多いのがシェイプ図形を元クリッピングマスクで切り抜く方法です。

ペンツールを使った切り抜きでも共通する基本操作なので、きっちりマスターしておきましょう。

図形+クリッピングマスクで切り抜く方法

【illustrator:図形+クリッピングマスクで切り抜く方法】

  1. 図形ツールを長押し > 好みの図形を選択。イラストレーター 切り抜き 方法1 図形を作る
  2. 切り抜きたい画像の上におおよその位置・スケールで図形を作り、透明度を下げる(背景に応じて適宜)。イラストレーター 切り抜き 方法2-3 図形配置 透明度下げる
  3. 切り抜き後の画像をイメージしながら、図形を切り抜きたい場所・大きさ・形へレイアウトする。
  4. 選択ツールに切り替えて、オブジェクトと背景の両方を選択。イラストレーター 切り抜き 方法4 選択ツール
  5. メニュー > オブジェクト > クリッピングマスク > 作成 を選択。イラストレーター 切り抜き 方法5 オブジェクトのクリッピングマスク 作成
  6. 完成。イラストレーター 切り抜き 図形 ビフォーアフター

今回は丸いオブジェクトを使いました。円形・長方形・星型などでも同じように切り抜きできます。

図形+クリッピングマスクのリレイアウト

切り抜いた画像の縮尺・レイアウトがイマイチな時は、クリッピングマスク作成後修正が可能です。

【illustrator:図形+クリッピングマスクの修正方法】

  1. 選択ツールに切り替えて、クリッピングマスク オブジェクトをクリックイラストレーター 切り抜き 方法4 選択ツール
  2. メニュー > オブジェクト > クリッピングマスク > オブジェクトを編集 をクリック。イラストレーター 切り抜き 方法 捕捉 背景のリレイアウト オブジェクトの編集
  3. リレイアウト(素材画像の拡大⇔縮小・再配置)
    ※オブジェクトはそのままで、素材のみのリレイアウトができる。イラストレーター 切り抜き 方法 捕捉 背景のリレイアウト

クリッピングマスクを使った切り抜きは、元画像の劣化がありません

何度でもやり直せますし、初期値に戻せます。

図形+クリッピングマスクの解除方法

クリッピングマスクは、解除することで元の画像素材に戻ります。

【illustrator:クリッピングマスクの解除方法】

  1. 選択ツールに切り替えて、オブジェクトを選択。イラストレーター 切り抜き 方法4 選択ツール
  2. メニュー > オブジェクト > クリッピングマスク > 解除 をクリック。イラストレーター 切り抜き 方法6 オブジェクトのクリッピングマスク 解除

図形+クリッピングマスクで切り抜くときのポイント・注意点

図形+クリッピングマスクで切り抜くときのポイントは次の2つです。

◎マスクを作るときの選択

  • 素材と図形オブジェクトの両方を選択してからオブジェクトの作成をする。
  • どちらかだけだと、エラーになります。イラストレーター 切り抜き 画像の切り抜き やり方3 popアップチェック

◎図形の透明度

  • 図形の透明度を落とすのは、レイアウトしやすくするための処理です。
  • クリッピング前にオブジェクトの透明度を落としたとて、切り抜いた画像が薄くなったりはしません。

イラストレーターで切り抜き ペンツール+クリッピングマスク

シンプルな円や四角よりも複雑な形を切り抜きたいときは、ペンツールで図形を作ってからクリッピングする方法がおすすめです。

ペンツール+クリッピングマスクで切り抜く方法

【illustrator:ペンツール+クリッピングマスクで切り抜く方法】

  1. ペンツールを選択。
    イラストレーター 切り抜き ペンツール出のやり方1 ペンツール選択
  2. ペンツールで切り抜きたい境界線を象るイラストレーター 切り抜き ペンツール やり方2 ペンで輪郭をなぞる
  3. メニュー > オブジェクト > クリッピングマスク > 作成 をクリック。イラストレーター 切り抜き 方法5 オブジェクトのクリッピングマスク 作成

複雑な形も難なく切り取りできます。

ペンツール+クリッピングマスクの解除方法

ペンツール+クリッピングマスクも、解除方法同じです。

【illustrator:ペンツール+クリッピングマスクの解除方法】

  1. 選択ツールに切り替えて、オブジェクトを選択イラストレーター 切り抜き 方法4 選択ツール
  2. メニュー > オブジェクト > クリッピングマスク > 解除 をクリック。イラストレーター 切り抜き 方法6 オブジェクトのクリッピングマスク 解除

ペンツール+クリッピングマスクで切り抜くときのポイント・注意点

ペンツール+クリッピングマスクで切り抜くときのポイントは次の3つ。

◎ペンは起点と終点を必ず結ぶ

  • ペンの終点では必ず起点をクリックして、面を完成させます。
  • 途中で終了してしまうと、起点と終点が自動で直線接続するので、クリッピングマスクを作ったときに予期せぬところでカットされる場合があります。

イラストレーター 切り抜き ペンツール 注意点 起点と終点を結ばないと途中で切れてしまう事例

◎緻密に切り抜くコツ

イラレで緻密に切り抜きたいときのポイントは次の2点です。

  • 拡大して作業する。
  • アンカーポイントを密に打つ。

◎髪の毛・自然な境界線の切り抜きは苦手

イラレでは、髪の毛などの細かすぎる切り抜きは出来ません

背景と違和感なく合成できるような切り抜きがしたいときは、フォトショップでやりましょう。

\イラレでは出来ないフォトショの切り抜き/

イラストレーター 切り抜き フォトショの切り抜き比較1

フォトショの切り抜きなら、超複雑なモチーフでも違和感の少ない合成が簡単にできる。

イラストレーター 切り抜き フォトショの切り抜き比較2

イラストレーターで切り抜き「画像の切り抜き」・トリミング

クリップングマスクと大きく違って、素材そのものをカットしてしまうのが「画像の切り抜き」を使うやり方。

後から調整や変更が出来ない不便さはあるものの、大きすぎる素材をざっくりと仮カットするのに便利です。

クリッピングマスクかけるほどしっかりレイアウトしなくていいときに重宝します。

「画像の切り抜き」を使ってトリミングする方法

【illustrator:「画像の切り抜き」で切り抜く方法】

  1. 選択ツールを選択。イラストレーター 切り抜き 方法4 選択ツール
  2. 切り抜きたいオブジェクトクリックイラストレーター 切り抜き 画像の切り抜き やり方2 オブジェクトをクリックメニュー > オブジェクト > 画像の切り抜き を選択。イラストレーター 切り抜き 画像の切り抜き やり方2 メニューを選択
  3. ポップアップが表示されるのでOKをクリック。
    ※内容は読んだまま。「イラレで画像編集しても元データには影響ないから安心してね」って言ってる。イラストレーター 切り抜き 画像の切り抜き やり方3 popアップチェック
  4. カット用ポインタが8ヵ所が表示されるので、ドラッグしながらカットラインをレイアウトする。イラストレーター 切り抜き 画像の切り抜き やり方4 トリミング調整
  5. レイアウトが決まったら「Enter」を押すと切り抜き実行。イラストレーター 切り抜き 画像の切り抜き やり方5 完成

「画像の切り抜き」でトリミングするときの注意点

画像の切り抜きがクリッピングマスクの切り抜きと違うのは次の2点。

◎素材そのものをカットする

  • イラレに取り込んだ素材自体をカットするので、カットした後では修正出来ない

◎垂直or水平にしかカットできない

  • 「画像の切り抜き」では垂直×水平ラインへのカットしかできない。

イラストレーターの切り抜き まとめ

illustrator バナー

イラストレーターで画像を切り抜く方法は3種類。うち、に使うのはクリッピングマスクを使う方法です。

大まかな流れは次の通りです。

【illustrator:イラストレーターで画像切り抜く流れ】

  1. 画像素材をざっくりとカットしたい?⇒「画像の切り抜き」でカット。
  2. イメージ通りの形でカットしたい?⇒図形orペンツールでオブジェクトを作成し、クリッピングマスクで切り抜き。

イラレの特性上、超緻密な切り抜きはできません

基本は、シンプルな図形(四角や丸)を使ったクリッピングマスクで切り抜くのが一般的です。

イラストレーターで塗りつぶしするツールと方法・illustratorイラストレーターには、ペイントツールにあるようなバケツツールはないものの、背景はキャンバスより大きい長方形ツールの面を塗って最下層レイヤーへの配置で対応可。線画もライブペイント」で自動パーツ分け&塗り分けできるからとても便利。図形は線と塗りで一瞬に塗りつぶしできる。....illustratorの塗り方法・詳細はコチラ。...
イラレ 矢印の作り方!初心者でも簡単・illustratorイラレで作るシンプルな線矢印は、色・太さ・矢印の形・線幅・長さ・曲線の変更がいつでも自由自在。とても使いやすいのが特徴。対して縁取りや3D加工した矢印は後からラインを変更するのは線矢印より面倒に。いずれも初心者でも簡単に作れ、後修正もやりやすいです。....illustrator:詳細はコチラ。...
イラレで背景透過した画像・イラストの書き出し設定とやり方イラレで制作した作品は、素材としての利用も多く背景透過できるPNGでの書き出し頻度は高め。基本、以下3つのポイントをすべて満たせば出力できないことはまずない。❶アートボードの背景を透明グリッドにする。❷PNGの書き出し設定で背景を透明で保存する。❸書き出し時にPNG形式を選択する。....やり方・詳細はコチラ。...
イラレの反転方法!図形オブジェクト・反転コピーの使い方イラレで反転・反転コピーする方法は幾つかあるものの、基本的に「個別に変更」を覚えておけば困ることはまずない。イラレは図形のコピペ・反転・合成を頻繁に使いがちなツールで、結果は同じでも、「何を使うか」で作業時間が大きくかわるのが特徴。事例交えて初心者向けに使い方を解説。....詳細はコチラ。...
イラレのアートボード・サイズ変更の方法とキャンバス設定イラレのアートボードは出力範囲のこと。編集時の背景としても使え、複数並べらるのでパーツの仮置きにも最適。また、イラレでは流用・書き出し変更はたびたびあるのでスムーズに変更できるようになっておくと、後々楽なやつ。方法は3つありますが、値で変更できる「アートボードオプション」を使うのがおすすめ。....やり方・詳細はコチラ。...
イラレ 画像トレースの使い方!イラストの編集とパス手描きイラストのベクター化・写真画像のトレースするなら画像トレースを使うのがおすすめ。一発で完璧な精度には絶対ならないものの、必要最低限の追記・修正で高精度なトレースができるので、確実に時短できる。上手く付き合っていくポイントは次の3点。トレース精度に完璧を求めない。敷地補正は必須。必要に応じてパス補正は必須。....詳細はコチラ。...
イラレ クリッピングマスク
イラレでクリッピングマスク!編集の方法とポイントイラレのクリッピングマスクの編集ルールは3つ。❶テキストオブジェクトは上のレイヤーに配置する。❷画像オブジェクトは下のレイヤーに配置する。❸テキストオブジェクトと画像オブジェクトは同じレイヤーに配置する。....方法とポイントの詳細はコチラ。...
イラレ 吹き出し
イラレで吹き出し!簡単な作り方とデザイン illustrator吹き出しは凝ったデザインも多いですが、使いやすくてオシャレなのはシンプルな吹き出しデザイン。そしてシンプルなデザインは超簡単に作れるので、素材をダウンロードするよりも自作するほうがおすすめ。❶円オブジェクトを作る。❷ペン追加ツールで3つのアンカーポイントを追加する。❸ ダイレクト選択ツールで真ん中のアンカーを引き延ばす。....詳細はコチラ。illustrator:...