レイヤーマスクは、Affinity Designerにおいて非常に重要なツールであり、元のオブジェクトを破壊することなく、グラフィックの特定の部分を隠したり、強調したりするのに役立ちます。このチュートリアルでは、効果的にベクターマスクとピクセルマスクを使用するさまざまな方法を紹介します。例を通じて、概念を明確かつ分かりやすく説明します。
主なポイント
- レイヤーマスクを使用して、グラフィックの正確な部分をマスクできます。
- ベクターマスクは形状を使用して表現し、ピクセルマスクは画像編集を目指します。
- マスクは非破壊的です。元のオブジェクトはそのままです。
- ガウスぼかしを使用すると、エッジを柔らかくできます。
ステップバイステップガイド
最初に、マスクするオブジェクトを作成します。この場合、形状ツールを使ってダブルスターを描きます。左のツールバーから形状ツールを選択し、キャンバスに星を描きます。

次に、視覚的な基盤を作成するために、ダブルスターを色付けします。鮮やかな赤を選ぶことで、オブジェクトにキャラクターが与えられ、表示をよりよく視認できるようになります。
星が作成されると、それがレイヤーパレット内の独自のレイヤー上にあることがわかります。さあ、チュートリアルの本題であるマスクに進みましょう。星のこの部分を隠したり表示したりするさまざまな方法があります。まずはベクターマスクから始めましょう。
ベクターマスクを使用するために、例えば星のどの部分が表示されるかを決定する円を描きます。円を描くときは、Shiftキーを押しっぱなしにして、完全に丸くなるようにします。
円を星の表示したい部分の上に配置します。位置は非常に重要です。この部分が表示され、外側のすべてが隠されます。
次に、レイヤーパレット内でプレビュー画像とダブルスターのレイヤーの間に円のレイヤーをドラッグします。このレイヤー間の小さな青いバーに注意してください。これはマスキングが成功していることを示します。
今すぐ、効果を即座に見ることができます:円の内部は表示され、星の外側の部分は隠されています。これにより、オブジェクトの特定の部分だけを表示して、特定のデザインを作成することができます。
このマスクを今後も調整できます。マスク領域のハードエッジを柔らかくしたい場合、ガウスぼかしを適用することができます。ベクターマスクを選択し、レイヤーパネルの下にあるエフェクトに移動します。
ガウスぼかしを使用すると、柔らかさの度合いを調整でき、マスクに魅力的でスムーズな移行を与えます。これは特に、よりリアルな結果を得るために便利です。

もう一つのシナリオは、サブレイヤーまたはクリップマスクを作成することです。この場合も再度、楕円ツールを使って別の円を描きます。ただし、これは星の一部を表示するのではなく、切り取ることになります。新しい円を設定したいエリアに配置します。

効果を得るために、新しい円のレイヤーモードを「消去」に変更します。これにより、下の星に穴が開き、元のオブジェクトを傷めることなく行うことができます。
切り抜きマスクの効果をすぐに見ることができます:円に重なった星の部分は隠され、他のすべては保持されます。この技術は個別かつ柔軟です。
次に、ピクセルマスクに移りましょう。ピクセルペルソナに切り替え、新しいマスキングレイヤーを作成します。これはピクセルベースのマスクを作成するためのツールです。

新しいマスクでは、ブラシツールで黒で描画するようにしてください。白いマスクではすべてが表示され、このように黒で描くことで領域を隠せます。これにより、表示に対する柔軟性と制御が大幅に向上します。
ピクセルマスクでは、ピクセルを扱っていることに注意することが重要です。つまり、画像を拡大または縮小するほど、ピクセルアーティファクトが見やすくなるということです。ツールを慎重に選び、マスキングを正確に調整してください。
まとめ – Affinity Designerでレイヤーマスクをマスターする
このガイドでは、Affinity Designerでベクターマスクとピクセルマスクを効果的に使用して、グラフィックを作成・最適化する方法を学びました。ターゲットに応じたマスク設定やクリエイティブなテクニックを駆使することで、元のグラフィックを損なうことなく、見栄えのする視覚的結果を得ることができます。ガウスぼかしツールやさまざまなマスキングオプションを試して、デザインをさらに洗練させてみてください。
よくある質問
Affinity Designerでベクターマスクを作成するにはどうすればよいですか?オブジェクトの上に新しい形状を描き、その後レイヤーパレットでメイン画像とレイヤーマスクの間に移動させることで、ベクターマスクを作成できます。
ベクターマスクとピクセルマスクの違いは何ですか?ベクターマスクは形状を使用して表現し、ピクセルマスクはピクセルの編集に基づいているため、より詳細な表現が可能です。
Affinity Designerでマスクを組み合わせることはできますか?はい、ベクターマスクとピクセルマスクを組み合わせることができますが、それぞれの動作の違いに注意する必要があります。
マスクのエッジを柔らかくするにはどうすればよいですか?要素エフェクトのガウスぼかしを使用することで、柔らかいエッジを得ることができます。
マスクは破壊的ですか?いいえ、マスクは非破壊的です。元のオブジェクトはそのままですので、マスキングテクニックを使用すれば変更されません。