Illustratorのクリッピングマスクと複合パスツールの使い方

デザイナーの皆さん、こんにちは。下の写真に写っているのは、コミュニティーディレクター、ジェイソン・エイケンの愛犬ジョブとリリーです。

ジョブとリリーはプロのように泳ぐのが大好きです。今回はIllustratorの素晴らしいデザインツールの1つである「クリッピングマスク」を使って、彼らの泳ぎを披露したいと思います。

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

クリッピングマスクとは、下位のオブジェクトをマスクする形状（クリッピングパス）のことで、これによりクリッピングパスの内側にあるエリアだけが見えるようになります。クリッピングパスとして使用できるのはベクターオブジェクトのみで、写真を使うことはできません。しかし下位のオブジェクトは、ラスターフォトやベクター図面など、どのようなものでもマスク可能です。

クリッピングマスクに関する注意点：

クリッピングパスは、あなたがクリップしたいオブジェクトの一番上に置きましょう。
使えるクリッピングパスは1つだけです。
しかし、1つ以上のオブジェクトをクリップすることは可能です。
クリップされたオブジェクトは、同じレイヤーまたはグループに置く必要があります。

クリッピングマスクの作成方法

今回使うクリッピングパスはリリーとジョブの名前にします。クリップするオブジェクトは彼らが泳いでいる画像です。まずはジョブの写真にクリッピングマスクを使ってみます。

クリッピングマスクは以下のさまざまな方法で作成できます：

ドロップダウンメニュー：「オブジェクト」メニュー >「クリッピングマスク」＞「作成」
ショートカットキー：command >7
レイヤーパネル：下部にある「クリッピングマスクを作成/解除」ボタンをクリック
右クリック：すべてのオブジェクトにハイライトを付け、「クリッピングマスクの作成」を選択

画像を正しく調整したら、「オブジェクト」メニュー＞「クリッピングマスク」＞「作成」の順にクリックします。そうすると、クリッピングパス（ジョブの名前）の内側にあるエリアだけが見えるようになるのが分かるでしょう。

簡単なのにカッコいいでしょう？

2つ以上のクリッピングパスを使う

リリーにも同じことをしてみましょう。リリーの画像を上手に合わせるには、彼女の名前に手を加える必要があります。クリッピングマスクを使っていると、正しく組み合わせるためには、クリッピングパスもしくは下位にあるオブジェクトのどちらかを変更する必要性が出てくることに気づくでしょう。

今回は文字を1つずつ編集したいと思います。まず、テキストをアウトラインに変換して、それぞれの文字が編集できる状態にします。テキストをアウトラインに変換するには、「文字」メニュー >「アウトラインを作成」（シフト > command > O）の順にクリックするか、テキスト上で右クリックして「アウトラインを作成」を選択します。

それぞれの文字が編集可能なオブジェクトになりましたが、通常のテキストの場合とは異なります。それぞれの文字にアンカーポイントが現れ、これらを別々に移動したり変更したりすることで図形を変形させることができます：