こんにちは、デザイナーAkiです。
最近iPadの最新モデルを購入したのですが、「Apple Pencil」の魔力に夢中ですw
iPadでは機能抜群のノートアプリ 「GoodNotes5」 と、評価の高いお絵かきアプリ 「Procreate」 を使って、様々なアウトプットが実現出来るんです。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/cocoon-resources/blog-card-cache/a5775f43a5f9a622f59b55a3b591d217.png)
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/cocoon-resources/blog-card-cache/afaa9c3ff3eb6f8280d8b17085010999.png)
これらのアプリはデザイナーとして本当に心強い相棒であ〜る!
「GoodNotes5」と「Procreate」の使い方については、次回以降で詳しく説明する予定なので、お楽しみに。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/cover_new.jpg)
さて今回は、早速手書きのオリジナルフォントの作り方を紹介させていただきます!
- 事前準備
- フォントを書く
- アップロード
- 完成!
1. まずは「calligraphr」というフォントサイトへアクセスしましょう。(こちらは海外サイトで、残念ながら日本語版はないですが、手順に従えば問題ないと思います!)
2. サイトにサインインしたら画面内にある【Creat a templete】をクリックしてテンプレートを選びましょう!
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/073717e769338e9e7a00bdea64fd467b.png)
3. 左メニューから色んな言語が選べます。(日本語も発見!)
今回は文字数の少ない、英語(アルファベット)で作ります。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/274b8d6a76b6f66a90b99a96650dc927.png)
4. 一番上のメニューから「ダウンロード」ボタンクリックして、ダウンロードフォーマットを「PNG」で選びましょう。
一番下にチェックボックスを選択するとお手本文字が背景に追加されるので、フォントを書く際に比率などに自信がない場合はオススメです。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/f7a885cb1b732e97e65da5a3b8a831ab-1.png)
5. ダウンロード済みのテンプレートを「Procreate」にシェアして、「Procreate」を起動しましょう。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/cd661171866f1557c00db79b8c48375c.png)
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/f48fefc01004d93adfcb48f65eb5e192.png)
6. 諸々の準備が揃ったら、ようやく自由にフォントが作れます!
好きなブラシを選んでオリジナルフォントを書こう!
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/beb241dadd16121311287ba78a6597dc.png)
※注意※
後でテンプレートをアップロードする時にモノクロしか読み込めないので、色の演出はNGです。
7. PDFで書き出して「calligraphr」にアップロードしましょう!
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/940d6e3f692aa9d0fa2e9d033d38f90b.png)
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/f95ab843f7250a1914cc6aae8e8b6d7f.png)
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/aa4207250d3e7b854199658b5e6fae5a.png)
8. アップロードしたテンプレートをチェックし、問題なければ自分のフォントに入れます。
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/01059f2ae3384fe81092c20a8d00d7ab.png)
9. 【My Fonts】から「フォントを作る」ボタンをクリックして、好きな名前を付けてオリジナルフォントを作成しましょう!
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/eb6494bf4bfbd8b71efdcd1993384900.png)
10. いよいよ完成!.ttf/.otfのファイルがありますので、必要な方をダウンロードすれば使えるようになります!
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/951a84f448cabcf8d5f773647981d7f1.png)
早速使ってみよう~
![](https://at.strix-inc.jp/wordpress/wp-content/uploads/2021/03/IMG_0039.jpg)
うん! めっちゃかわいいねw~
さて、いかかでしょうか??
アナタも自分オリジナルの手書きフォントを作ってみませんか?
では、また次回をお楽しみに〜!