Mac版Affinity Photo 2でグラデーション調整マスクを編集可能な状態に保つには、別の塗りつぶしレイヤーにフェードを作成し、そのレイヤーを使って調整レイヤーをマスクします。グラデーションを塗りつぶしとして保持すれば、後からハンドルやストップを編集できます。

このチュートリアルでは、色付きの抽象図形を独自に配置した作品を使います。調整設定とフェードの両方を個別に編集可能な状態に保ちながら、作品全体に色調整のフェードをかけるのが目的です。Affinityのドキュメントでは、塗りつぶしレイヤーを使うと編集可能なグラデーションパスを保持できると明記されています。グラデーションとビットマップ塗りつぶし

編集可能な状態に保つ必要があるもの

コントロールは2つに分かれています。調整レイヤーは作品の見た目を変え、マスクはその変化が現れる場所を制御します。調整レイヤーを保持すれば、設定を再度開けます。グラデーションの塗りつぶしレイヤーを保持すれば、フェードの構成を維持できます。Affinityは調整レイヤーを非破壊編集として、塗りつぶしレイヤーを調整可能な単色またはグラデーションカラーを含むレイヤーとして説明しています。調整レイヤーの使用、塗りつぶしレイヤー

ピクセルマスクは描画などのマスク操作で編集できますが、グラデーションパスを保持することとは編集可能性の種類が異なります。Affinityのドキュメントでは、調整マスクにグラデーションを直接描画する方法が説明されています。一方、グラデーションのガイドでは、パスを編集可能な状態に保つ必要がある場合は塗りつぶしレイヤーを使うことが具体的に推奨されています。フェードを描く前に、レイヤー構造を決めてください。調整レイヤーの使用、グラデーションとビットマップ塗りつぶし

以下の手順は、Affinity Photo 2の独立したデスクトップアプリを対象としています。新しいAffinityアプリでは、2026年9月のリリースでマスクツールが導入されました。インターフェースには追加のマスキングオプションがあるため、以下のPhoto 2のメニュー手順は、その新しいツールの説明として扱わないでください。2026年9月のリリースノート

簡単な抽象図形のテスト用ドキュメントを作成する

例として、キャンバスサイズを1600 × 1000ピクセルにして新しいドキュメントを作成します。大きな青緑色の楕円、オレンジ色の角丸長方形、小さめの紫色の楕円を、少し重なるように描きます。これらは練習用に提案するサイズと色であり、必須の設定ではありません。

ツールパネルから該当するシェイプツールを選び、ドラッグして各オブジェクトを描きます。カラ―コントロールで塗りつぶしを設定します。例を確認しやすいように、図形はそれぞれ別のレイヤーに保ちます。ピクセルへの変換は不要です。Affinityのシェイプツールでは、ドラッグして図形を描き、後からプロパティを変更できます。幾何学図形の描画と編集

最上部のシェイプレイヤーを選択します。レイヤーパネルで調整をクリックし、HSLを選んで、変化がはっきりわかる程度に彩度を下げます。調整ダイアログを閉じます。3つの図形すべてに効果が及ぶよう、調整レイヤーをその上に配置します。レイヤーをダブルクリックすれば、後から設定を再度開けます。調整レイヤーの使用

この例では、左側に元の色、右側に彩度を下げた結果が現れるようにします。方向を明確にしておくと、マスクが反転していないか確認しやすくなります。

編集可能なグラデーションを作成して調整レイヤーに適用する

別の塗りつぶしレイヤーを作成する

調整レイヤーを選択し、レイヤー > 新規塗りつぶしレイヤーを選びます。新しい塗りつぶしレイヤーが選択中のレイヤーの上に追加されます。用途がわかるように、名前を編集可能なフェードに変更します。塗りつぶしレイヤーは自動的にキャンバス全体を覆い、キャンバスサイズの変更にも合わせて拡大縮小するため、作品全体にフェードをかけるのに便利です。塗りつぶしレイヤー

塗りつぶしレイヤーを選択した状態で、グラデーションツールを選びます。コンテキストツールバーでタイプを線形に設定し、キャンバス上を横方向にドラッグします。これらは、塗りつぶしレイヤーにグラデーションを適用するためのドキュメント記載のコントロールです。塗りつぶしレイヤー

不透明から透明へのフェードを作る

グラデーションの両方のストップを白に設定します。左側のストップを選択し、ストップの不透明度を0%に設定します。右側のストップを選択し、ストップの不透明度を100%に設定します。塗りつぶしレイヤー全体の不透明度は100%のままにします。グラデーションのコントロールでストップの不透明度を設定できます。これは各ストップの透明度を決めるものです。グラデーションとビットマップ塗りつぶし

この設定では、意図的に透明度に変化をつけています。不透明な白から黒への塗りつぶしは色のグラデーションであり、この手順に必要な透明な端にはなりません。ここでは塗りつぶしの左側が透明で、右側が不透明になります。これをマスクとして適用すると、フェードによって調整の表示範囲が制御されます。この手順では、Affinityの塗りつぶしの不透明度コントロールとレイヤーマスクの機能を組み合わせています。グラデーションとビットマップ塗りつぶし、レイヤーマスク

塗りつぶしレイヤーで調整レイヤーをマスクする

編集可能なフェードがHSL調整レイヤーのすぐ上にあることを確認します。塗りつぶしレイヤーを選択し、レイヤー > 下のレイヤーをマスクを選びます。対象は調整レイヤーなので、フェードは図形自体を隠すのではなく、色の変化を制御します。Affinityのドキュメントでは、下のレイヤーをマスクはマスク操作として説明されており、調整レイヤーにマスクを適用できます。レイヤーマスク

目指す構造は、作品の上に調整レイヤーが1つあり、その下に編集可能なフェードがマスクとして適用されている状態です。塗りつぶしレイヤーが白いオーバーレイとして表示されなくなっているはずです。代わりに、キャンバス上で色付きの図形が彩度を下げた状態へと徐々に変化していきます。

別のレイヤーを選択し、次に入れ子になった塗りつぶしレイヤーを再選択して、グラデーションツールを起動します。新しいものを描き直すのではなく、既存のグラデーションを編集します。この再編集の確認により、ピクセルベースのフェードだけを作成したのではなく、塗りつぶしレイヤーを保持できていることがわかります。塗りつぶしレイヤー

作り直さずにフェードを調整する

トランジションを変更するときは、編集可能なフェードを選択します。端点を移動してグラデーションの範囲や角度を変えます。調整が反対側に現れる場合は、コンテキストツールバーのグラデーションを反転を使って両端を入れ替えます。Affinityのドキュメントでは、これらのコントロールがグラデーションツールで説明されています。グラデーションツール

幅1600ピクセルの例では、透明な端点をx = 400あたり、不透明な端点をx = 1200あたりに置いてみます。次に、x = 650とx = 950も試します。幅広いトランジションと狭いトランジションを比べてください。これらの座標は練習用の例であり、測定結果や必須の計算式ではありません。

次の判断表を使って、次に編集する項目を選びます。

変更したい内容 編集するコントロール
調整レイヤーで色をどれだけ取り除くか HSL調整レイヤーの設定
トランジションの開始位置と終了位置 塗りつぶしレイヤーのグラデーション端点
調整が適用される側 グラデーションを反転
端点間でフェードをどう分布させるか グラデーションの中間点
片端での最大表示量 そのグラデーションストップの不透明度

中間点を動かすと、ストップ間の広がり方が変わります。位置は適切でも、トランジションが片側に偏って見える場合に便利です。調整の強さとフェードの配置は別々に決め、どの変更が作品を改善したのか判断できるようにします。グラデーションとビットマップ塗りつぶし

描き直す前にレイヤー構造を確認する

白いグラデーションが作品を覆う場合、塗りつぶしレイヤーが調整レイヤーの上に通常のレイヤーとして残っていないか確認します。マスクの関係と適用先も確認してください。フェードに沿って作品自体が消える場合は、調整レイヤーではなくシェイプにマスクを適用していないか確認します。マスクの配置によって、影響を受ける内容が決まります。レイヤーマスク

調整が1つの図形にしか適用されない場合は、調整レイヤーの入れ子構造を確認します。クリッピングによって、調整が1つのレイヤーやグループに限定されている可能性があります。この例では、テストの対象が図形全体になるよう、3つのシェイプレイヤーと同じ階層でその上に配置します。レイヤーのクリッピング

グラデーションのハンドルが再表示されない場合は、もう一度ドラッグする前に選択中のレイヤーの種類を確認します。調整レイヤーやピクセルマスクではなく、塗りつぶしレイヤーそのものを選択してください。Affinityのドキュメントでは、マスクへのグラデーションの適用と、塗りつぶしレイヤー上でのグラデーションパスの保持が明確に区別されています。グラデーションとビットマップ塗りつぶし

編集可能なマスターを保持する

この手順ではマスクにラスタライズを避けてください。このコマンドは、対応するレイヤー内容をラスター形式のマスクに変換します。また、フェードを作るためだけに抽象図形をラスタライズするのも避けてください。Affinityのドキュメントでは、ラスタライズはピクセルへの変換と説明されており、変換後はベクター編集ができません。別の操作で意図的にピクセル版が必要な場合は、先にレイヤーを複製してください。ラスタライズ

調整を変更する際は、統合を選ばずに設定ダイアログを閉じます。Affinityのドキュメントでは、統合を調整を適用して下のレイヤーと結合する操作として説明しています。この操作を行うと、この手順で保持する必要がある独立した調整コントロールが失われます。調整レイヤーの使用

ファイル > 名前を付けて保存を選び、.afphoto形式のプロジェクトを保持します。Affinityによると、この形式では後から編集できるようにプロジェクト情報が保存されます。保存したプロジェクトを開き直し、編集可能なフェードを選択して、グラデーションを再確認してから編集可能なマスターの完成とします。保存

完成したドキュメントでは、元の作品の形を変える、カラー調整を開き直す、フェードの位置を変える、という3つの変更をそれぞれ独立して行えるはずです。コントロールを別々のレイヤーに保つことで、次回の修正も簡単になります。

参考資料