文字が入った金属プレートをAffinity Designerで作っていきます。
金属の土台ができましたので、上に文字を乗せていきます。
これまでの手順はこちら。
操作手順
7. フォントのインストール
GoogleFont のUnifrakturMaguntiaフォントをインストールします。
8. テキストの入力とアウトライン化
![](https://devmilk.biz/wp-content/uploads/2022/01/mt20.jpg)
アーティスティックテキストツール(Aアイコン)を使い、サイズ130ptで「metallic」と入力します。
塗りは#83612Fにして、線はなしにします。
![](https://devmilk.biz/wp-content/uploads/2022/01/mt21.jpg)
文字の編集に集中するため、土台のレイヤーをグループ化して非表示にしておきます。
![](https://devmilk.biz/wp-content/uploads/2022/01/mt22.jpg)
「metallic」をアウトライン化します。
文字を選択した状態でコンテキストツールバー右側にある、「追加」ボタンをクリックします。
![](https://devmilk.biz/wp-content/uploads/2022/01/28.png)
「metallic」 文字のアウトライン化ができます。
9. 塗りにグラデーションを入れる
![](https://devmilk.biz/wp-content/uploads/2022/01/mt40.png)
再度、塗りに#83612F を入れます。
![](https://devmilk.biz/wp-content/uploads/2022/01/mt23.jpg)
コンテキストツールバーの「カーブ」「塗りつぶし」をクリックし、「カラー」タブを開いて塗りの色コードが #83612F になっているのを確認します。
![](https://devmilk.biz/wp-content/uploads/2022/01/mt26.jpg)
グラデーションスライダー全体を一度クリックすると、文字の塗りにグラデーションが反映されます。
![](https://devmilk.biz/wp-content/uploads/2022/01/mt25.jpg)
![](https://devmilk.biz/wp-content/uploads/2022/01/mt26-1.jpg)
グラデーションハンドルに切り替えポイントを3つ追加します。
切り替えポイントの色コードを設定します。
一番濃い色#F0A913、
やや濃い色#8A6B2C、
白に近い色 #D1C3A6、
やや明るい色 #7E6125、
一番明るい色#F0A913。
![](https://devmilk.biz/wp-content/uploads/2022/01/mt27.jpg)
追加した3つの切り替えポイントが文字の塗りに反映されます。
![](https://devmilk.biz/wp-content/uploads/2022/01/mt28.jpg)
グラデーションの向きを180°反転させ、一番明るい端点が左下、一番暗い端点が右上に来るようにして 「metallic」 の 「et」 あたりに白に近い色が来るようにします。
10. 境界線の立体化
![](https://devmilk.biz/wp-content/uploads/2022/01/mt29.jpg)
文字レイヤーを「Ctl」+「J」で複製して、 上の文字レイヤーを非表示にしておきます。
![](https://devmilk.biz/wp-content/uploads/2022/01/mt30.jpg)
下の文字レイヤーの文字アウトラインに 7pt サイズの線を設定します。
![](https://devmilk.biz/wp-content/uploads/2022/01/mt31.jpg)
下の文字レイヤーに エフェクトを追加します。
「fx」をクリックし、エフェクトを追加します。
追加するエフェクトは、「ベベルエンボス」
タイプは「内側」
半径は15.4pt
向きは方位角110.4°
![](https://devmilk.biz/wp-content/uploads/2022/01/mt32.jpg)
全体的にふくらんだ文字になります。
![](https://devmilk.biz/wp-content/uploads/2022/01/mt33-1024x464.jpg)
上の文字レイヤーを表示して、メタリック文字を完成させます。
11. 完成
![](https://devmilk.biz/wp-content/uploads/2022/01/mt35.png)
非表示にしておいた金属ベース部分のレイヤーを表示させて、文字の入った金属プレートの出来上がりです!