Affinity Designerを使い始めたけど、いまいち使い方が・・・
『便利な機能とかを知りたい』と思われてる方も多いのでは。
私自身、まだまだ全然使いこなせていないのですが、『ちょっと便利かも』という使い方を知ったので、ご紹介してみたいと思います。
Affinity DesignerV2で【Font Awesome】のアイコンをアセットに登録していつでもパッっと使えるようにする方法を解説していきたいと思います。
簡単なので、ぜひやってみてください。
便利ですよ!
アイコンをダウンロードしましょう
まず、【Font Awesome】の公式HPへ行きましょう。
トップページのフッターにある【Download】をクリック。
![](https://miebaba.com/wp-content/uploads/2023/02/bc167fd7f241139af7eb75b605297706-1024x440.png)
【6.3.0 For The Desktop】のFree For Desktopの方をクリックしてPCの任意の場所にダウンロードしてください。
![](https://miebaba.com/wp-content/uploads/2023/02/f5a37101a4e38d3c1e4b339190938e05-1.png)
ダウンロードできたら、下記の画像のフォルダが入っていると思います。
この中の【svgs】のフォルダのデータを使います。
![](https://miebaba.com/wp-content/uploads/2023/02/2226a4eecb19a8eb726f08beba8743e3.png)
![](https://miebaba.com/wp-content/uploads/2023/02/288943c3fdb48aa3a773e2361e69f7b5.png)
【svgs】のフォルダを開くと3つのフォルダが入っているので、これを1つづつ、Affinity Designerの方へ入れていきます。
アセットに入れましょう
では、Affinity Designerのアプリを立ち上げ、【ウインドウ】➡【アセット】をクリック。
![](https://miebaba.com/wp-content/uploads/2023/02/03aab9b246dae78ab76365465c4e6c89-1024x846.png)
クリックすると【アセット】のウインドウが出てきますので、『新規カテゴリ』を作成します。
![](https://miebaba.com/wp-content/uploads/2023/02/96f60edaaa9acc26213e651fff564ab8.png)
![](https://miebaba.com/wp-content/uploads/2023/02/9070abe7e353db1e13134b5cef391259.png)
![](https://miebaba.com/wp-content/uploads/2023/02/c279ef2c99e72457f4e126d40c45eea9.png)
![](https://miebaba.com/wp-content/uploads/2023/02/61108cd811323e2653390c03fc0209d5.png)
作成した『Fontawesome-icon』をクリックして開きます。
ダンロードしたフォルダを1つづつ、ドラッグ&ドロップでアセットの中へ入れます。
![](https://miebaba.com/wp-content/uploads/2023/02/5a1ffa433bcdf5945b18ff9bd3bcd750-1-1024x428.png)
![](https://miebaba.com/wp-content/uploads/2023/02/bc93c33a361e7c56a90c80b5d357b79a.png)
使ってみよう
使い方も簡単!
使いたいアイコンを選んで、アートボード内に入れるだけ。
![](https://miebaba.com/wp-content/uploads/2023/02/349381d0426e0cf6509e02717e216a4f-1024x700.png)
![](https://miebaba.com/wp-content/uploads/2023/02/d5aba6f7377074c0f17a67ef255dcff7-1024x893.png)
もちろん、カラー等の編集もできますよ!
![](https://miebaba.com/wp-content/uploads/2023/02/6a631ff0779cf0f5501348564e05d6d5-1024x498.png)
まとめ
いかがでしたでようか。
うまくAffinity Designerのアセットに登録できましたか?
コメント