手書きのオリジナルフォントを簡単に作成できる「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分程度で作成した割にはまずまずと言った感じでしょうか。時間のある時に今度はアルファベットを作ってみようかなーと感じさせる程、簡単に作成できるツールでした。


  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 英字フォントの組み合わせを検索できる「Type Genius」
  • フォント名から使用しているサイトを調べられる「FontReach」
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるレトロ・ヴィンテージな雰囲気の英語フォント26選
RELATED POSTS
  • スターウォーズでプログラミングを学べる「Star Wars: Building a Galaxy With Code」
  • スマホUIのアニメーションを確認できるサイト「appealing」
  • カエルのゲームでFlexboxを学べるサイト「Flexbox Froggy」
  • ブログやSNSなどの壁紙を簡単に作成することができる「Cool Backgrounds」
  • アップロードしたイメージからカラーを抽出するツール「Pictones」
  • フラットなアバターが作成できるジェネレーター「Avataaars Generator」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 画像の人物を自動で切り抜きしてくれるWebサービス「remove.bg」
RECENT POSTS
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」
  • CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」