Adobe Illustrator CCでクリッピングマスクを作成する方法

Adobe Illustrator CCでクリッピングマスクを作成する方法

これはAdobe Illustrator CC内でクリッピングマスクを作成する方法についてのクイックチップです。クリッピングマスクは、クリッピングパスと呼ばれる形状で、それ以下のオブジェクトをマスクし、クリップパス内にあるものだけが表示されます。マスクは、長方形、円、その他のベクトルシェイプの形状をとることができ、どんなアートワークでもマスクすることができます。ただし、いくつかの注意点があります。クリッピングパスは、クリップするオブジェクトの上になければなりません。また、1つのクリッピングパスがあっても、複数のオブジェクトをクリップすることができます。それでは、画面に表示されているものを作成する方法とその他の方法を説明します。

クリッピングマスクの作成方法 まず、クリッピングされる写真をベクターシェイプの内部に配置します。そのために、Adobe Illustratorのファイルメニューに移動し、配置コマンドを使用します。使用する写真を選択し、プレースボタンをクリックします。写真をアートボード内に配置するために、クリックするだけで十分です。次に、円を作成してその中に写真をクリップするために、Adobe Illustratorの楕円ツールを使用します。アートボードの中央から円を描くために、Alt + Shift（Win）またはOption + Shift（Mac）を押しながら円を描きます。次に、円にストローク（縁取り）を追加するために、ストロークをクリックして色を指定し、ストロークの太さを4ポイントに設定します。これで、写真と円の両方を選択し、水平方向と垂直方向に整列します。Water線を選択し、選択オプションバーに水平方向の中央揃えオプション、垂直方向の中央揃えオプションをクリックします。次に、アートボードに対しても全体を中央揃えにするために、選択オプションバーに戻り、アートボードに対して水平方向の中央揃えオプションと垂直方向の中央揃えオプションをクリックします。これで、両方のオブジェクトが中央揃えされ、選択された状態になります。クリッピングマスクを作成するのは非常に簡単ですが、円が必ずトップに配置されていることを忘れないでください。また、マスクされる写真は背面に配置されます。マスクを作成するためには、Adobe Illustratorのオブジェクトメニューに移動し、クリッピングマスクを選択し、作成します。ここで問題が発生します。ストロークが失われてしまったようです。ストロークを元に戻す方法があります。1つの方法は、レイヤーパネルに移動し、クリップグループを展開し、楕円をターゲットにします。しかし、この方法は手間がかかりますので、他の方法を紹介します。まず、このアクションを元に戻し、写真のみを選択し、Adobe Illustratorの編集メニューに移動し、カットを選択してクリップボードに置きます。次に、円（ベクターシェイプ）を選択し、ツールバーの一番下にあるオプション（Draw Inside）をオンにします。キーボードショートカットShift + Dを2回押すと、Draw Insideモードに入ります。そして、Adobe Illustratorの編集メニューに移動し、クリップボードに貼り付けます。この操作により、写真の位置が保持されます。写真のサイズが大きすぎる場合は、Alt + Shift（Win）またはOption + Shift（Mac）を使用してサイズを調整します。ベクターシェイプを編集したい場合は、「Edit Clipping Path」と表示されている場所をクリックします。そこからストロークの太さなどを調整することができます。編集が完了したら、Draw Normalモードに戻るために「Shift + D」を押すだけです。全体を大きくする場合は、Alt + Shift（Win）またはOption + Shift（Mac）を押しながらサイズを調整します。また、ベクターシェイプの内部にクリップするために別のオブジェクトを追加することもできます。この例では、テキストツールを使用してMistという文字を作成し、ホワイトの塗りつぶし色を使用します。それを下へ移動させて、そのオブジェクトもクリップします。テキストオブジェクトをクリップするには、レイヤーパネルに移動し、Mistオブジェクトをターゲットにして楕円オブジェクトの下に配置します。さらに、レイヤーパネル内で円をターゲットにして効果を追加することもできます。エフェクトメニューからZig Zagエフェクトを選択し、プレビューをオンにして、Smooth Pointsオプションを使用し、Ridges per segmentを調整します。さらに、サイズを変更し、OKボタンをクリックします。このようにして、別のアイデアが生まれます。もしエフェクトの可視性を切り替えたい場合は、ウィンドウメニューからAppearanceパレットを呼び出し、円全体ではなく楕円をターゲットにします。Appearanceパレット内にはZig Zagエフェクトがあり、エフェクトの可視性をオンとオフと切り替えるためにクリックすることができます。エフェクトを使用しない場合は、ゴミ箱のアイコンにドラッグして削除できます。次に、写真をテキストの中に配置する方法について考えてみましょう。まず、すべてを選択し、Adobe Illustratorのオブジェクトメニューに移動して、クリッピングマスクを選択し、解除します。円形のベクターオブジェクトを削除し、Mistテキストを保持します。少しサイズを大きくし、写真とベクターサークルが互いに整列していることを確認します。そして、同じようにアートボードに対しても整列させます。Mistテキストに縁取りを追加しましょう。縁取りをクリックし、色を指定し、縁取りの太さを増やし、マッチングする色を追加します。写真を選択し、Adobe Illustratorの編集メニューに移動し、カットしてクリップボードに入れます。Mistタイプを選択し、ツールバーの一番下にあるDraw Insideモードをクリックします。編集メニューに移動し、貼り付けます。これにより、画像がMistタイプの内部にクリップされます。編集内容にはまだいるので、Alt + Shift（Win）またはOption + Shift（Mac）を押して少しサイズを調整します。クリッピングパスを編集したい場合は、「編集クリッピングパス」と表示されている場所をクリックし、縁取りの太さなどを調整します。編集が完了したら、Draw Normalモードに戻るためにShift + Dを押します。これで、Adobe Illustrator CCでクリッピングマスクを作成する別の方法がわかりました。クリッピングマスクは使いやすく、デザインにスパイスを加えることができます。さまざまなベクターシェイプを使用して練習し、どこにでも利用してみてください。このミニチュートリアルは以上です。ご視聴いただき、ありがとうございました！