Affinity PhotoでRGBチャンネルごとの領域を個別に色変更する方法

Affinity PhotoでRGBで定義された領域を個別に色変更するには、各チャンネルをスペアチャンネルとして保存し、その選択範囲を別の塗りつぶしレイヤーまたは調整レイヤーのマスクとして使用します。このMac向けワークフローでは、元のアートワークと置き換え後の色を編集可能な状態に保てます。

以下の手順では、Affinity Photo 2のデスクトップメニューと、黒地に赤い楕円、緑の角丸長方形、青い三角形を配置したオリジナルの抽象的な構図を使います。目標は、元の領域内にそれぞれ収まり、個別に調整できる3つの置き換え色を作ることです。Affinityでは、チャンネルに基づく選択範囲やマスク付き調整がサポートされています。スペアチャンネル

RGBチャンネルで領域を分けられるのはどんな場合ですか？

RGBチャンネルには画像全体の各成分の情報が含まれており、自動的に個別のオブジェクトが識別されるわけではありません。Affinityは、各ピクセルがそのチャンネルにどれだけ寄与するかに応じてチャンネル選択範囲を作成します。部分的な選択範囲になる場合もあります。そのため、純色で分離されたRGB図形は、作業の出発点として適しています。チャンネルの使用、チャンネルからピクセル選択範囲を作成する

次の表は、8ビットRGBドキュメント内の不透明なベタ色について、例として示した予測です。図形内部のピクセルを表しており、アンチエイリアスのかかったエッジには中間値が含まれる場合があります。

元のピクセル	RGB値	レッドチャンネルの選択範囲	グリーンチャンネルの選択範囲	ブルーチャンネルの選択範囲
純赤	255, 0, 0	全選択	なし	なし
純緑	0, 255, 0	なし	全選択	なし
純青	0, 0, 255	なし	なし	全選択
黒	0, 0, 0	なし	なし	なし
白	255, 255, 255	全選択	全選択	全選択
黄	255, 255, 0	全選択	全選択	なし

これで、よくある2つの意外な結果を説明できます。白い背景は3つすべてのチャンネル選択範囲に含まれ、黄色は赤と緑の両方に含まれます。構図にこれらの色があると、チャンネルマスクが重なります。レイヤーを作る前に、成分の強さに応じた色変更にするか、3つの図形領域を重ならないようにするかを決めましょう。

このチュートリアルでは、黒地に重ならない純色のRGB図形を使います。図形がすでに個別の編集可能なベクターオブジェクトとして存在し、単色だけを変えたい場合は、塗りつぶしを直接変更するほうが手順は短くなります。チャンネルを使う方法は、再利用可能なマスクが必要な場合や、統合済みの画像を扱う場合に便利です。

図形を保持したまま抽象的な元画像を準備する

RGBドキュメントを作成します。キャンバスサイズの例は1200 × 800ピクセルです。キャンバスを覆う長方形を描き、塗りつぶしを黒にします。その上に、間隔を空けて楕円、角丸長方形、三角形を描きます。Affinityのシェイプツールでは、ドラッグして図形を作成し、後からプロパティを調整できます。幾何学図形の描画と編集

塗りつぶしの値の例は、楕円が#FF0000、角丸長方形が#00FF00、三角形が#0000FFです。線を削除し、不透明度を100%にして、最初の作業ではグラデーションやエフェクトを使わないでください。これらは、チャンネルの分離を確認しやすくするためのデザイン例です。

元のシェイプレイヤーは保持します。安定した統合画像を作るには、目的のアートワークだけを表示し、レイヤーパネルでレイヤーをControlキーを押しながらクリックして、表示レイヤーを結合を選びます。Affinityは、選択したレイヤーの上に新しい結合コピーを作成します。そのコピーの名前をRGB sourceに変更し、元のアートワークの上に置いて、元のレイヤーを非表示にします。結合と統合

結合コピーのピクセルからマスクを抽出し、非表示にしたシェイプで編集可能な図形を保持します。元のシェイプをラスタライズする必要はありません。ラスタライズするとベクターコンテンツがピクセルに変換され、そのレイヤーでは変換後にベクターのプロパティを使えなくなります。ラスタライズ

色を変更する前に元のチャンネルを3つすべて保存する

Photo Personaでウィンドウ → チャンネルを開きます。このパネルには、画像全体のチャンネル、選択したレイヤーのチャンネル、現在のピクセル選択範囲、保存済みのスペアチャンネルが表示されます。別のレイヤーを選択すると、該当するレイヤーチャンネルの項目も変わります。チャンネルからマスクを作成する、チャンネルパネル

1. レイヤーパネルでRGB sourceを選択します。
2. チャンネルで、選択したレイヤーのレッドチャンネルを探します。名前にレイヤー名が含まれます。画像全体の合成レッドチャンネルと区別してください。
3. そのレイヤーチャンネルの項目をControlキーを押しながらクリックし、スペアチャンネルを作成を選択します。
4. 保存したチャンネルの名前をRed regionに変更します。
5. ソースレイヤーのグリーンチャンネルとブルーチャンネルでも同じ操作を繰り返し、それぞれGreen region、Blue regionと名前を付けます。

Affinityでは、個々のレイヤーチャンネルからスペアチャンネルを作成し、後で使えるように名前を変更できます。置き換え色を追加する前に、変更していない元画像から3つすべてを取得してください。そうすれば、マスクの元画像をそろえられます。チャンネルからピクセル選択範囲を作成する、チャンネルの編集

作業を進める前に、保存した各チャンネルをプレビューします。このサンプルでは、対象の図形が黒地に白く表示され、中間調は主にエッジに限られるはずです。確認のためにチャンネルを個別表示した場合は、色の結果を確認する前に、レッド、グリーン、ブルー各チャンネルを再表示します。チャンネルからマスクを作成する

スペアチャンネルは、元の領域を保存したスナップショットとして扱います。後で元のアートワークを移動したり形を変えたりする場合、保存した選択範囲が図形に追従するとは考えず、対応するマスクを作り直す予定にしてください。

別々のマスクで編集可能な色を3つ作る

ベタ色の抽象的なグラフィックでは、塗りつぶしレイヤーにマスクを付けると、置き換え色を直接調整できます。Affinityの塗りつぶしレイヤーでは、単色やグラデーションの色を調整でき、単色はカラーパネルまたはスウォッチパネルで変更できます。塗りつぶしレイヤー

最初のマスク付き塗りつぶしを作成する

1. 選択 → 選択解除を選び、前の選択範囲を解除します。
2. RGB sourceを選択し、レイヤー → 新規塗りつぶしレイヤーを選びます。
3. 新しい塗りつぶしの色を、例としてオレンジの#FF8A3Dに設定し、レイヤー名をRed region — orangeに変更します。
4. 保存したRed regionチャンネルをControlキーを押しながらクリックし、ピクセル選択範囲に読み込むを選びます。
5. レイヤーパネルに戻り、オレンジの塗りつぶしレイヤーを選択します。
6. レイヤー → 新規マスクレイヤーを選びます。
7. 選択 → 選択解除を選びます。

ピクセル選択範囲が有効な状態でマスクを作成すると、選択範囲内だけにレイヤーの効果が制限されます。レイヤー構造でマスクがオレンジの塗りつぶしの下に付いていることを確認します。Affinityでは通常、新規作成したマスクは選択中のレイヤーに付加されます。レイヤーマスク

緑と青についても繰り返す

元画像の上に塗りつぶしレイヤーをさらに2つ作成します。それぞれについて、対応する保存済みチャンネルを読み込み、該当する塗りつぶしレイヤーを選択してマスクを作成し、選択を解除します。置き換え色の例は、Green regionにミント色の#63D6AC、Blue regionに紫色の#9471E8です。このベタ色の例では、各塗りつぶしの描画モードを通常、不透明度を100%にします。

意図するレイヤー順は、上から下へ次のとおりです。

• Blue region — violet。青領域のマスクが付いています。
• Green region — mint。緑領域のマスクが付いています。
• Red region — orange。赤領域のマスクが付いています。
• RGB source。
• 非表示の元シェイプレイヤー。

これで、3つの図形の内側がそれぞれ別の色になります。色を変えるには、該当する塗りつぶしのサムネイルを選択して色を変更します。適用範囲を変えるには、そのマスクを選択します。この2つの操作は分けてください。一方は置き換え色を変え、もう一方はその色が表示される場所を変えます。

代わりにリカラー調整を使うのはどんな場合ですか？

階調の変化がある領域に色を付けたい場合は、マスク付きのリカラー調整を選びます。色相、彩度、明るさのコントロールで、色合い、色の強さ、明るさを調整できます。指定したベタ色に置き換える場合は、単色の塗りつぶしのほうが簡単です。リカラー調整

この方法を使うには、まず対応する置き換え塗りつぶしを非表示にします。保存したスペアチャンネルをピクセル選択範囲に読み込むで選択範囲に読み込み、元画像を選択して、レイヤー → 新規調整レイヤー → リカラーを選びます。有効な選択範囲があると、新しく追加した調整には自動的にマスクが付きます。選択を解除し、色のコントロールを調整します。調整を適用する

3つすべての領域に調整ベースの色変更が必要な場合は、ほかのチャンネルについても繰り返します。調整のサムネイルをダブルクリックすると、コントロールが再び開きます。ドキュメントにほかの表示中のアートワークがある場合は、調整を対象のソースレイヤーの子レイヤーにして適用範囲を制限します。そうしないと、調整はその下のレイヤーに影響します。調整レイヤーの使用

重なり、適用範囲の不足、エッジの色残りを確認する

色を何度も変更する前に、次の順序で確認します。

1. 塗りつぶしがキャンバス全体を覆う: マスクが付いているか、マスクの作成前に正しいスペアチャンネルを読み込んだかを確認します。
2. プレビューがモノクロのまま、または色がおかしい: RGBチャンネルを再表示します。チャンネルパネルのリセットコントロールで、チャンネルの設定を初期状態に戻せます。チャンネルパネル
3. 選択領域が不完全に見える: 選択範囲の境界線だけに頼らず、マスクを確認します。Affinityでは、選択率が50%を超える部分にのみ境界線が表示されます。それより弱い選択範囲も境界線の外側に存在する場合があります。チャンネルからピクセル選択範囲を作成する
4. 同じ領域に2つの色が適用される: 元のピクセルの色を確認します。RGB成分が混ざったピクセルは、複数のチャンネル選択範囲に入ることがあります。

重なりがある場合は、保存したチャンネルの1つを読み込み、別のチャンネルのピクセル選択範囲から減算コマンドを使ってから調整を作成できます。これで不要な適用範囲を減らせますが、選択範囲も変わります。両方のチャンネルに共通する領域が削除される場合があります。元のスペアチャンネルは保持し、新しい選択範囲で減算を試してください。チャンネルの編集

アンチエイリアスのかかったエッジは、100%のズームで、意図した背景に対して確認します。チャンネル値が部分的だとマスクの適用範囲も部分的になるため、置き換え塗りつぶしの下に元画像が見える場合があります。小さな修正なら、マスクを選択して黒で塗ると適用範囲を隠せ、白で塗ると戻せます。レイヤーマスク

アートワークに広い範囲のグラデーションや、混色が重なった箇所がある場合は、共有領域をどの出力領域に割り当てるかを明確に決めます。RGB成分だけでは、そのデザイン上の判断は表現されません。元の図形が少数なら、何度もチャンネルを減算するより、編集可能な輪郭に戻るほうが便利な場合があります。

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

修正中は塗りつぶしレイヤー、調整レイヤー、マスクを分けておきます。マスクは元画像を消さずに編集したり破棄したりできます。ただし、スペアチャンネルに直接ペイントしたり、破壊的なフィルターを適用したりすると、その保存済みチャンネルが変わります。試す前に複製してください。レイヤーマスク、チャンネルの編集

調整の独立したコントロールがまだ必要なうちは、調整ダイアログの結合を使わないでください。同様に、レイヤーを結合すると個別に編集できなくなり、ドキュメント → 統合を実行すると単一レイヤーのドキュメントになります。調整レイヤーの使用、結合と統合

マスターはファイル → 名前を付けて保存から.afphotoプロジェクトとして保存します。後で編集するためのプロジェクト情報が保持されます。最後に、色変更レイヤーを1つずつ切り替えます。対象の図形だけが変わり、ほかの2つはそのままであることを確認します。元画像、保存したチャンネル、マスクを残しておけば、今後のパレット変更では選択範囲を作り直さず、色を編集するだけで済みます。保存

出典

• チャンネルの使用 — Affinity。
• チャンネルからピクセル選択範囲を作成する — Affinity。
• 幾何学図形の描画と編集 — Affinity。
• 結合と統合 — Affinity。
• ラスタライズ — Affinity。
• チャンネルパネル（Photo Personaのみ） — Affinity。
• スペアチャンネル — Affinity。
• チャンネルの編集 — Affinity。
• チャンネルからマスクを作成する — Affinity。
• 塗りつぶしレイヤー — Affinity。
• レイヤーマスク — Affinity。
• リカラー調整 — Affinity。
• 調整を適用する — Affinity。
• 調整レイヤーの使用 — Affinity。
• 保存 — Affinity。