手書きのオリジナルフォントを簡単に作成できる「Calligraphr」

 
手書きの文字をフォントに変換できるWebツール「Calligraphr」を忘備録。ユーザー登録が必要ですが、無料(制限あり)でオリジナルフォントを簡単に作成することができます。 今回はCalligraphrを使用したオリジナルフォントの作成方法について順を追って解説したいと思います。

Calligraphr

まずはユーザー登録を行います。ユーザー登録後、Calligraphrにログインし「TEMPLATES」をクリックします。

日本語にも対応しているようなので、今回は日本語のオリジナルフォントを自作したいと思います。左メニュー「Basics」から「Minimal Japanese」をクリックします。

ヘッダー下の「Download Templates」をクリックしPDFかPMGを選択しテンプレートをダウンロードします。印刷して手書きをするならPDF。ペイントやPhotoShopなどPCで作業するならPNG形式といった所でしょうか。

ダウンロードしたテンプレートに文字を書き込みます。筆者はillustratorのブラシツールで文字を作成しました。

テンプレートに文字を書き込んだら「MYFONT」の「Upload Template」からアップロードを行います。今回はひらがなのみ(82文字)でアップロードしましたが、無料版は文字数制限(75文字まで)があり、小書き文字(ぁ・ぃ・ぅ)などを削って75文字にしました…残念。

ヘッダー下の「Build Font」をクリックし「フォント名」を入力して完了です。作成したフォントはTrueType・OpenTypeでダウンロードできます。

↓Calligraphrで作成したwebclips_fontをillustratorで使ってみた図。30分程度で作成した割にはまずまずと言った感じでしょうか。時間のある時に今度はアルファベットを作ってみようかなーと感じさせる程、簡単に作成できるツールでした。



RELATED POSTS
  • プライス・値段表示などに使えそうな英数字フォント13選
  • インストールしてるフォントを一覧表示できる「wordmark.it」
  • 無料で使えるレトロ・ヴィンテージな雰囲気の英語フォント26選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 【無料】漢字が使える日本語フリーフォント59選
  • 印刷物・製品などに使用されているフォントのアーカイブ集「Fonts In Use」
PICKUP
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 長いURLを短くする短縮URLサービス8選
RECENT POSTS
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • Font Awesomeをラインアイコンにしたアイコンセット「Line Awesome」
  • Web制作に役立つ素材をダウンロードできる「Freebies.ByPeople」
  • アイソメトリックなイラストを作成できるオンラインツール「Explore Isobuild」
  • Googleのプログラミング学習ツール「Grasshopper」にデスクトップ版がリリース
TAG LIST
  • Webサービス

    84

  • CSS

    58

  • jQuery

    34

  • 素材

    30

  • エフェクト

    29

  • ジェネレーター

    25

  • JavaScript

    23