クリッピングマスク

きれいな丸いプロフィール写真を作りたいとき、四角い写真の角をハサミで一つひとつ切り落とす必要はありません。下に丸い図形を1つ描き、そのすぐ上に写真を重ねてクリッピングマスクを適用するだけです。

すると、コンピューターは下にある丸が描かれた領域だけを透明なガラス窓として認識します。写真はもともとの四角い形のまま残っていますが、丸と重なる部分だけが私たちの目に通って見えるようになります。

この方法のいちばんの長所は、元のデータを傷めないことです。写真の位置を横に少しずらしたり、サイズを小さくしたりしても、丸い窓の型はそのまま保たれるので、いつでも自由に構図を調整し直せます。

ただし、上下の順番はソフトによって違います。PhotoshopやFigmaでは型になる図形が下、写真が上に置かれている必要がありますが、Illustratorでは逆で、型になる図形を一番上に置かないと機能しません。InDesignは、レイヤーの順番ではなく、図形の枠の中に写真をペーストする方式を使います。

デザインソフトを使っていると、「レイヤーマスク」という似た機能に出会います。どちらも特定の部分を隠すという目的は同じですが、型の作り方にはっきりした違いがあります。

レイヤーマスクは、写真1枚の上に黒と白のペイントを塗って、「どの部分をどれだけ透明にするか」をブラシで直接指定する方式です。黒く塗った部分は消しゴムで消したように隠れ、白い部分だけがくっきり現れます。

一方、クリッピングマスクは、別の「図形レイヤー」や「テキストレイヤー」の形をそのまま借りてきます。ブラシで塗らなくても、あらかじめ作っておいた星形や太い文字の形に合わせて、写真がその場で型に閉じ込められるかたちになります。

映画のポスターや雑誌の表紙には、太い文字の中にきらめく夜空や都会の夜景がぎっしり詰まった、かっこいいデザインがよくあります。これもクリッピングマスクを使った代表的な演出です。

テキストレイヤーで好きな単語を大きく入力し、その上に天の川の写真を重ねて、クリッピングマスクをかければ完成です。文字の線が引かれた場所ごとに宇宙の写真がすっと入り込み、センスのよいタイポグラフィがあっという間にできあがります。

さらに、1つの型の上に、複数の写真や影の効果、グラデーションを何枚も連ねて重ねることもできます。一番下にある基準の図形を1つ変えるだけで、上に重なったすべてのデザイン要素がまとめて新しい型に合わせて整うので、作業効率がぐんと上がります。