Photoshopでベクターマスクを作成する方法

グラフィックアートやデザインにおいて、マスクとは画像の一部を周囲の領域から分離できるツールです。分離後は、その領域のみに調整（特殊効果やカラーバランスなど）を適用したり、マスクを使って背景を完全に除去したりできます。Adobe Photoshop CS4およびCS5では、ピクセルベースとベクターパスの両方を使用してマスクを作成できますが、ベクターツールで作成したマスクは、ピクセルベースのツールで作成したマスクよりもほぼ常に正確です。さらに、ベクターマスクは後で編集しやすいという利点もあります。ここでは、ベクターマスクを作成するための簡単な手順をご紹介します。

ステップ1. ファイルを準備する

Photoshop を使用して、編集したい画像を開きます。この例では、コーヒーマグの写真を使用します。開いたら、レイヤーパネル (ウィンドウ -> レイヤー) を見つけます。「背景」というレイヤーが 1 つだけ表示されます。このレイヤーを Control キーを押しながらクリック (または右クリック) し、コンテキストメニューから [背景からレイヤー] を選択します。レイヤーに名前を付けるように求められます。簡潔にするために、「写真」と名付けます。メインメニューから、[レイヤー] -> [新規塗りつぶしレイヤー] -> [単色] を選択します。デフォルト名 (塗りつぶしカラー 1) のままにして、[OK] をクリックします。背景として使用したい色を選択し (これは後でマスクを説明するのに役立ちます)、もう一度 [OK] をクリックします。写真が単色の背後に隠れていることに気付くでしょうが、ここで修正します。レイヤーパネルに戻り、[塗りつぶしカラー 1] レイヤーを [写真] レイヤーの下にドラッグします。これで、塗りつぶしカラーレイヤーは当分の間非表示になります。

ステップ2. アイテムの概要を説明する

パスタブをクリックします。このタブは通常、レイヤーとチャンネルと同じグループになっています。（パスが表示されていない場合は、ウィンドウ > パスを選択します。）パスパネルが表示されたら、右上のメニューアイコンをクリックし、新規パスを選択します。パスに名前（たとえば「アイテムのアウトライン」）を付けて、「OK」をクリックします。次に、ペンツールを選択します。ペンツールは、アイテム（この場合はコーヒーマグ）の輪郭を描くベクターシェイプを作成するために使用します。最初のアンカーポイントをアイテムの凹角に配置し、そこから作業を進め、シェイプが閉じるまで周囲に沿ってアンカーポイントを配置していきます。できる限りアイテムの端に近づけてください。背景を消す予定の場合は、パスを少しだけ内側に挿入してみてください。

ペンツールの使い方のヒント

マウスを 1 回クリックすると、アンカーポイント間に直線が延長されます。
マウスをクリックしてドラッグすることで、スムーズポイント（2つの方向ハンドルを持つポイント）を作成できます。アンカーポイントから方向線が伸び、マウスボタンを押したままドラッグすることで曲線の形状を制御できます。
最後に作成したアンカーポイントをOptionキーを押しながらクリックすることで、コーナーポイント（パスに鋭角を加えるポイント）を作成できます。これにより、アンカーポイントは単一の方向線に縮小されますが、前のパスセグメントは曲線を維持します。これは、アイテム内の凹状のインデントを処理する際に非常に便利です。

アイテムのアウトラインを完全に描画し、パスを閉じたら、ダイレクト選択ツールを使って微調整できます。アンカーポイントをクリックしてドラッグすると位置を調整でき、方向線をドラッグするとパスの曲率を調整できます。

ダイレクト選択ツールの使い方のヒント

アンカーポイントをクリックするときに、Option キーと Command キーを押すと方向線が削除されます。
アンカーポイントをクリックしてマウスをドラッグするときに、Option キーと Command キーを押したままにして、方向線を追加 (または置き換え) します。
いずれかのハンドルをオプションクリックすることで、スムーズポイントを独立した方向線を持つコーナーポイントに変換できます。これにより、方向線を個別に移動できるようになります。

ステップ3. 複数の図形

アイテムによっては、輪郭線を適切に描くために複数のベクターシェイプが必要になります。例えば、コーヒーマグの場合、外側の縁に1つのシェイプ、持ち手の内側の縁にもう1つのシェイプが必要です。ペンツールをもう一度使い、アイテムの内側の縁に沿って新しいベクターシェイプを作成します。

ここからが少し難しくなります。新しい図形それぞれに、どのような機能を持たせたいかを指定する必要があります。パス選択ツール（ダイレクト選択ツールと同じツールバーから）を選択し、Shiftキーを押しながら内側の図形をすべてクリックします。

オプションバーには、シェイプの相互作用を変更できる4つのアイコン（重なり合った四角形）があります。2つ目のアイコン「シェイプ領域から減算」をクリックすると、内側のシェイプが最初に作成したシェイプを貫通するように設定されます。パスのサムネイルを見れば、正しく設定されているかどうかが分かります。アイテム自体は白く、内側と外側の透明領域はグレーで表示されているはずです。すべてがうまくいけば、シェイプを1つの複合シェイプに結合できます。パス選択ツールを選択し、パスのサムネイルをクリックして、オプションバーで「結合」をクリックします。

このマグカップのようなアイテムの輪郭を適切に描くには、複数の図形が必要です。内側の図形は「図形の面積から減算」に設定する必要があります。

ステップ4.マスクを追加する

写真にマスクを追加する準備が整いました。まず、パスのサムネイルをクリックして、新しいパスをハイライト表示します。パスの線は非常に薄く、背景によっては見にくい場合がありますが、パスのサムネイルをクリックし、パス自体が（パスパネルで）ハイライト表示されている限り、先に進むことができます。このチュートリアルのほとんどはパスパネルで作業してきましたが、パスをベクターマスクに変更するには、レイヤーパネルに戻る必要があります。「レイヤー」（ウィンドウ > レイヤー）を選択し、「写真」レイヤーをクリックします。「ウィンドウ > マスク」を選択してマスクパネルを呼び出すと、右上に小さなペンアイコンが表示されます。

このアイコンを一度クリックすると、レイヤーにベクターマスクが追加されます。写真の背景が消え、アイテムと、このプロセスの開始時に追加したカラーフィルレイヤーだけが残ります。マスクパネルでは、ベクターマスクの境界をぼかすこともできます。境界を柔らかくすることで、マスクされた領域とマスクされていない領域の間の境界が滑らかになります。少なくとも1ピクセルはぼかすことをお勧めしますが、最良の結果を得るためには、いろいろと試してみることをお勧めします。