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

こんにちは、さちです。

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

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

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

完成予想図

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

ただし、作成にあたって目標があります。

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

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