イラストレーターのクリッピングマスクの使い方と応用方法

イラストレーターのクリッピングマスクを使用して好きな図形で画像を切り抜く方法や基礎と使用方法を解説します。

 15335 更新日
イラストレーターのクリッピングマスクの使い方と応用方法
エリさん

エリ

表示・非表示が簡単にできるクリッピングマスク

一部分を非表示にしたい、表示したい、写真や図形などにも使えるイラレのクリッピングマスクの使い方を解説。

イラレのクリッピングマスクとは

クリッピングマスクとは前面のオブジェクトの形状で画像を非表示にする事です。一般的な使用方法はillustratorで写真を好きな図形の形で切り抜きたい時などに使用致します。同じ形状で非表示にするパスファインダーとは違い、解除すれば切り抜いた部分は元に戻ります。

今回はクリッピングマスクの基礎的な使用方法とちょっとした応用を解説してみます。

クリッピングマスクの適用方法

クリッピングマスクの切り抜きたい写真と形状

クリッピングマスクの適用方法は切り抜きたいオブジェクトは下に、切り抜きたい形状のオブジェクトは上にして両方を選択状態にします。

クリッピングマスクを適用

星型に切り抜かれた猫の写真

両方をオブジェクト選択後にショートカットキー Ctrl(Macはcommand)+7キーを押すと前面オブジェクトの形状で写真が切り抜かれます。

又、上部のメニューのオブジェクト→クリッピングマスク→作成でも可能です。

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

クリッピングマスクが解除された星形の形状と写真

クリッピングマスクを解除したい時はArt(Macはオプション)+Ctrl(Macはcommand)+7キーでクリッピングマスクを解除し、元に戻します。

注意点は前面オブジェクト(写真の星形のレイヤー)の元々の塗りと線の情報が削除されてしまいますので必要な場合は気をつけましょう。

クリッピングマスクの中のオブジェクトを移動・編集

クリッピングマスクの中の写真だけを移動

一度クリッピングマスクしてから中の写真の位置や大きさを変更したい時はショートカットキーAキーでダイレクト選択ツールを呼び出し写真をクリックするとクリッピングマスクオブジェクトの中のみ移動可能です。

クリッピングマスクの中のオブジェクトを拡大・縮小

ダイレクト選択ツール→選択ツールでクリッピングマスクの中の写真だけを拡大する

大きさを変更する場合はダイレクト選択ツールで選択した後ショートカットキーVキーをで選択ツールを呼び出しクリックします。クリックするとバウンディングボックスがでるので大きさを調整できます。

ぼかしのある形状にしたい

1.ぼかしのダイアログを開く

効果→スタイライズ→ぼかしのメニュー

クリッピングマスクでぼかしのある形状の作成方法は簡単です。クリッピングマスクオブジェクトを選択し、上部メニューの効果→スタイライズ→ぼかしでぼかしのダイアログを開きます。

2.ぼかしを設定する

ぼかしのダイアログのプレビューにチェックを入れぼかしの度合いを見ながら調整します。

スタイライズ→ぼかしでクリッピングマスクを調整

2.ぼかしのある形状のクリッピングマスクオブジェクトが完成

ぼかしの形状のクリッピングマスクオブジェクト

クリッピンマスクを使用した切り抜き

それでは上記の機能を理解した上で実際に写真を切り抜いてみます。

1.切り抜きたい形状をペンツールで作成

まずは写真の上に猫と同じ形状を作成する作業を行います。写真を選択後→Ctrl(Macはcommand)+2キーを押して写真レイヤーを選択出来ない様にロックを掛けます。

写真の上から切り抜きたい形状(この場合は猫の形)をペンツール(ショートカットキーP)を使いトレースしていきます。

ペンツールを利用して切り抜きたいオブジェクトの作成

2.ロックの解除してクリッピングマスクを作成

切り抜きが完成(写真は分かりやす様に形状を塗りつぶしにしています。)したら先ほどのロックをAlt(Macはoption)+Ctrl(Macはcommand)+2キーでロックを解除したら、上記の項で説明したクリッピングマスクを作成します。Ctrl(Macはcommand)+7キー

ロックを解除し切り抜きたい写真と形状を選択

3.写真の切り抜きが完成

写真の切り抜きが完成しました!複雑な形状も切り抜けましたね!写真は境界線にぼかし3pxを適用しています。

猫をイラストレーター クリッピングマスクを使用して切り抜いた写真

クリッピングマスクの使い道

クリッピングマスクはとても便利ですが、用途によって使い分けるのがベストです。形状が髪の毛の様な切り抜きの場合はPhotoshop側で切り抜いた方がより繊細になります。イラストレーターでも不透明マスクで切り抜くという方法がありますが、ブラシでマスクの透明度を調整する作業はPhotoshopの方が操作性に優れているので時と場合によって使い分けましょう。

関連の記事

foolfool

専業イラストレーターが
ご希望のイラスト描きます!

「こんなイラストが欲しい・・・」
お任せ下さい!
ご希望のイラスト描きます

似顔絵・キャラ制作・商品パッケージイラストやロゴ
ご要望に合わせたイラスト制作承ります。
クラウドソーシングで安心取引可能です。

  • おしゃれな線画のイラスト

    おしゃれな線画イラスト

    シンプルで細い線で描くしゃれなモチーフ。特別な記念品やプレゼント・ラベルデザイン・ブランドロゴ、観賞用にもおすすめ!

    細くておしゃれな線画のイラスト

    4000円〜

    パッケージを見る
  • シンプルな動物の線画描きます

    シンプルな動物の線画イラスト

    目を引く動物のイラスト、チームや企業のブランドロゴや商品のパッケージのシンボルに!シンプルで高級感あるイメージにも。

    商品ラベル・アイコンチームのロゴに

    4000円〜

    パッケージを見る
  • 墨絵イラストを依頼

    躍動感溢れる墨絵を描きます

    躍動感溢れる墨絵のキャラクター描きます。侍・戦国武将・筆のタッチのキャラクター制作が人気です。著作権譲渡・商用利用可能です。

    和風アートの墨絵

    12000円〜

    墨絵の例を見る
  • フリーイラストを商用利用依頼

    フリーイラストを商用利用

    すでに公開しているフリー素材を商用利用したい方へおすすめ!illust.NOを控えていただきお問い合わせフォームよりリクエスト可能。

    illust.NOからリクエスト

    3000円〜

    フリー素材を探す

受付中のパッケージを見る

イラスト制作一覧へ

この記事を書いた人

エリさんエリ


イラストレーターのクリッピングマスクを使って写真を切り抜く方法を理解出来たでしょうか?フォトショップとはちょっと違って面倒…と思いますが使い分けが肝心☆

クリッピングマスクにいいね!