【Affinity】「テキスト」の変更に追従する少し複雑な装飾を作る

こんにちは、さちです。

このブログでは、無料で高機能な画像アプリ「Affinity」を使って画像を作成しています。

今回は、この Affinity で、少し複雑なテキスト装飾（テキストデコレーション）を作ってみます。

「テキスト」の内容を変えたときに、装飾の形も追従するように作るのが目標です。

完成予想図

上図のように装飾をした「テキスト」を作ってみようと思います。

今回は、作成にあたって目標があります。

サクッと「テキスト」の内容や「配色」を変えたりできるように、後からの再編集が簡単な構造にすることです。

つまり、テキスト変更したときに装飾の形も追従するように作ってみます。

前項で作成した「テキスト」レイヤーを選択して……
「シンボル（クローン）」を作成します。
「シンボル」レイヤーを複製して、下側（後面）の「シンボル」の中にある「テキスト」レイヤーを選択。「リンク」パネルの「レイヤーエフェクトパラメータ」の右端にある「link_2」アイコンをクリックして……
「リンクを解除」します。（「link_2」アイコンが消えればOK）
続いて、リンクを解除した「テキスト」の「レイヤーエフェクト」を開きます。「外側のシャドウ」を削除して、こんな感じの「カラーオーバーレイ」を追加します。
また、こんな感じの「アウトライン」も追加。「カラー」は先ほどの「オーバーレイ」と同じものにします。
さらに、「アウトライン」の右側にある「」をクリックして2個目の「アウトライン」を追加します。
テキストに2重のアウトラインが追加されました。
下側（後面）にある方の「シンボル」の位置を少し右下に移動しました。これで完成です。
「テキスト」を変更すると、ちゃんと装飾の形も追従して変わります。もちろん「色」の変更も可能です。