自分でフォントが作れる?オリジナルフォントの作り方

font_main

デザインに携わっていると様々なフォントに触れますよね。そんな時「もっと個性的なフォントはないかな」「自分の手書き文字がパソコンでも打ち込めたら良いのに」なんて、思ったことはありませんか?そこで今回は、簡単にオリジナルフォントが作れる方法をご紹介します!
編集・執筆 /SUZUKI, AYUPY GOTO

●オリジナルフォントって?

今回の記事では、「独自で制作したフォント」としてご紹介します。既存フォントを変形して作っている方も見かけますが、フォントデータの改変は禁止されていることも多いので注意しましょう。
▼フォントに関連した記事はコチラ
よく見る有名フォント、どこで見分けるの?|和文フォント編

●オリジナルフォントを作ってみよう!

1.アイデアを考える

どんなフォントがあったら面白いかを考えます。自分の手書き文字でもよかったのですが、せっかく作るのであれば意外なもので作ってみたい……。
なかなか良いアイディアが思いつかないままいたのですが、夕飯に麻婆茄子を作ろうと豚ばら肉を用意した時、「肉文字なんて面白いのでは……!」と、思ったので作ってみました。

img_6037
ちょっと可愛い気がしてきました。

2.画像をパソコンに取り込む

画像をパソコンに取り込み、作った文字を切り抜きます。これで素材の準備はできました。あとはフォントデータにするだけです!
%e8%82%89%e6%96%87%e5%ad%97

3.Calligraphrを使ってフォントデータを作る

無料オンラインサービス「Calligraphr」を利用して、作った文字をフォントデータにします。紙に書いた文字でも、IllustratorやPhotoshopなどパソコン上で制作した文字でも、簡単にフォントデータにすることができます。無料バージョンだと、制作できるフォントデータは1つまでとなっています。
Calligraphr
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-06-03-3-37-38
<URL|https://www.calligraphr.com/?rtom=paintfont&utm_source=paintfont&utm_medium=301

4.会員登録する

Calligraphrを使用するには会員登録が必要です。メールアドレスとパスワードを設定します。リンクが書かれた確認メールが届くので、そこからマイページに飛んでください。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-06-03-1-59-55

5.フォントに使用する文字を決める

フォントデータにしたい文字を選択し、テンプレートを作ります。英語、日本語以外にも特殊文字なども選択することができます。ただ、選択できる日本語は約350文字と少なめなので、漢字フォントを制作したい方は注意が必要です。
今回、私は数字を選択しました。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-06-03-2-06-11

6.テンプレートに文字をあてはめる

テンプレートをダウンロードします。PDFとPNGの二つの形式から選ぶことができます。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-06-03-2-06-27

テンプレートに切り抜いた肉文字の画像を当てはめました。
nikumoji%e3%81%ae%e3%82%b3%e3%83%92%e3%82%9a%e3%83%bc

7.アップロードする

Upload Templateを選択し、先ほど作った文字をあてはめたテンプレートをアップロードします。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-06-03-2-19-30%e3%81%ae%e3%82%b3%e3%83%92%e3%82%9a%e3%83%bc

8.フォントデータのダウンロード!

アップロードした文字を確認してOKならBuilt fontをクリックし、ダウンロードします。今回作った肉文字ですが、脂身の部分が白飛びして意図しない形になって面白かったです。コントラスト変えるとまた少し変化するのだと思います。%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-06-03-2-23-42

形式はttf形式とotf形式の二つが選択できるので、都合の良いものを選んでダウンロードしてください。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-06-03-2-24-30

9.Font Bookに登録

フリーフォントなどと同じように、Font Bookに登録します。ドラックアンドドロップでできますよ。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2017-06-03-2-34-24

10.完成!

これでPhotoshopやIllustratorなどのソフトで、フォントとして利用することができます。早速Illustratorで待ち受けカレンダーを作ってみました。良い感じではないでしょうか!?
img_6048

●さいごに

フォント制作は職人技術のイメージもあると思うのですが、今回の記事でオリジナルフォントを作るハードルが下がったのではないでしょうか?文字作りは想像以上に自由にできます。ぜひ自分だけのオリジナルフォントを作ってみてください。どんなフォントがあったら面白いか考えるのも楽しいですよ。

(2017.6.6)

著者

鈴木那奈

東北芸術工科大学グラフィックデザイン学科に所属しています。 旅行に行くことがすきです。最近はラーメンの食べ歩きにはまっています。

記事一覧へ

ポートフォリオでデザインチームとつながろう

ポートフォリオをつくる

作品を投稿してデザインチームとつながる日本最大のマッチングプラットフォーム。もちろん、ポートフォリオのみの活用も可能です。

作成する

デザイナーを採用する

国内最大のデザインプラットフォームで、チームにマッチするデザイナーに声をかけてみませんか?

採用する