今日はAffinity Designerで夜の街を彩るネオンサインを作ってみました!
操作手順
1. 準備
アートボードとネオン文字になるフォントを用意します。
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep1.jpg)
W800px H480pxのドキュメントを作り、「長方形ツール」を使って塗りを黒にした W800px H480px を描きます。
ネオンフォントをインストールします。
2. ネオン文字の入力
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep2.jpg)
アーティスティックテキストツールで「OPEN」と書きます。
3. 文字の境界線の調整
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep3.jpg)
テキストの境界線を赤色にします。
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep4.jpg)
境界線の線のサイズを9~10ptにします
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep5.jpg)
「順序」で背面を有効にして、境界線を塗りの背後に移動します。
4. 文字を塗りと線に分ける
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep6.jpg)
テキストレイヤーを選択して、「カーブに変換」を設定します。
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep7.jpg)
OPENの文字が1文字単位に分かれます。
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep8.jpg)
個々に分かれた文字レイヤーをすべて選択します。
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep9.jpg)
レイヤーを選択した状態で「メニュー」→「レイヤー」→「境界線を展開」をクリックして文字を塗りと線に分けます。
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep10.jpg)
文字の塗りと線が分離されました。
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep19.jpg)
塗りのレイヤー、線のレイヤー、それぞれをすべて選択してグループ化します。
5. 効果をつける
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep12.jpg)
文字にエフェクトを付けていきます。
レイヤー下の「エフェクトレイヤー」をクリックします。
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep13.jpg)
「ガウスぼかし」にチェックを入れ、60~70ptにセットします。
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep14.jpg)
作業中のレイヤー(エフェクトを付けたレイヤー)を選択した状態で、「Ctl」+「J」で複製し、これにも「ガウスぼかし」を付けます。今度は100ptフルにします。
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep16.jpg)
光彩が強すぎるため、レイヤーの透明度を50%に落とします。
6. 完成
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep17.jpg)
「OPEN」(営業中)のネオンができました。
![](https://devmilk.biz/wp-content/uploads/2021/12/nstep18.jpg)
文字の周りを角丸長方形のフレームを付け、このフレームにネオン効果を加えて完成です。