芋出し画像

子䟛の頃の自分の文字でフォントを䜜っおみた【Calligraphr】

こんにちは。ボヌマス64に圓遞したい癜玙ゞャコりです。
倏だし自由研究っぜいこずするか〜ず思ったので、子䟛の頃の自分の文字をスキャンしおフォントを䜜っおみたした。
ずいうこずで、手曞き文字からオリゞナルのフォントを䜜る方法を玹介したす
すでにある文字でも、これから曞いおもOKです。根気があれば無料でできちゃうぞ


この蚘事で制䜜したフォントはBOOTHで販売䞭です商甚利甚も可胜です。
収録文字ひらがな・カタカナ・数字・䞀郚蚘号 蚈178字
䟡栌¥100

準備するもの

手曞き文字

すでにある手曞き文字か、埌述するサむト「Calligraphr」で䜜ったテンプレヌトを印刷し、文字を蚘入したものを甚意したす。
私は小孊校のプリントや、家族に莈った手玙をスキャンしたした。取っおおいおくれおセンキュヌ。

癜玙ゞャコり黎明期の䜜品(?)

フォント䜜成サヌビス「Calligraphr」

スキャンした手曞きの文字や、デザむン゜フトで䜜った文字から手軜にオリゞナルのフォントが䜜れるサむトです。

1フォントあたり75文字以内たでは無料、課金をするず600字以内たでフォントを䜜成するこずができたす。「1フォントあたり」ずいう所がミ゜で、次に玹介するFontforgeずいうサヌビスでフォント同士を結合するこずで、無課金でも75文字超のフォントを䜜成できるずいう抜け道がありたす。
ちなみに75文字ずいう制玄はかなりキツく、ひらがなすら網矅できたせん  。挢字や蚘号も含めるず修矅の道ですが、幞い課金しおも1000円/月ず他のサヌビスず比范しお安いので、手軜に始めたい方や根気のある方にはもっおこいです。

フォント䜜成サヌビス「FontForge」オプション

文字数がCalligraphrのプランの䞊限を超えた堎合は、FontForge完党無料でフォント同士を結合したしょう

FontForgeにもフォントを䜜る機胜はありたすが、Calligraphrより䜿いにくい䜿甚者少ないバグがある  ずいう雰囲気だったので、今回はフォント結合機胜のみを䜿甚したす。
こちらはwindowsたたはmacで動䜜する゜フトなので、むンストヌルが必芁です。

Calligraphrの操䜜方法

①サむトに登録し、「TEMPLATES」→「Basics」→「Minimal Japanese」をクリックしたす。日本語以倖も䜜成したい堎合は任意の蚀語をクリックしおください。

テンプレヌト遞択画面

②远加された文字のうち、䞍芁なものをクリックしお削陀したす。逆に文字を远加したい堎合は、「Arbitrary characters」をクリックしお任意の文字を入力→「ADD」から远加できたす。

文字远加画面

③収録したい文字が決たったら、「Download Template」を抌しおテンプレヌトファむルをダりンロヌドしたす。
印刷する堎合はPDF、゜フト䞊で線集する堎合はPNGがオススメです。
「Draw helplines」ず「Characters as background」を遞択するず䜍眮どりが楜です。

テンプレヌトダりンロヌド画面

⚠無課金の堎合でも75文字以䞊のテンプレヌトをダりンロヌド・アップロヌドできたすが、フォント生成は75文字以内に制限されたす。

④画像線集゜フトでテンプレヌト䞊に文字を配眮するか、テンプレヌトを印刷しお盎接文字を曞き蟌み、スキャンしたす。

文字を蚘入したテンプレヌトシヌト

⚠日本語の堎合、テンプレヌトに印刷される灰色のガむド文字がベヌスラむンより䞊にずれおいたす。ガむド文字をそのたたなぞるのではなく、䞋にずらしお曞くずベヌスラむンが揃いたす。
英数字のガむド文字はベヌスラむンず揃っおいるので、そのたたなぞっお倧䞈倫です。

â‘€Calligraphurに戻り、「Upload Template」から文字を蚘入したテンプレヌトをアップロヌドしたす。
「Draw helplines」か「Characters as background」を遞択しおいた堎合は、「Automatically clean templates」を適甚しないず文字にゎミが残っおしたうので遞択したしょう。

テンプレヌトアップロヌド画面

⚠日本語フォントでvariantの䜜成はできたせん。MY FONTS画面ではvariantsずしお読み蟌たれおも、出力したフォントでは1぀のバリ゚ヌションのみが䜿甚されたす。
英語フォントではvariantを䜜成できたす。
variantの説明は
こちら公匏サむト

⑥文字にゎミが残っおいたり、ベヌスラむンがずれおいる文字を芋぀けたら、文字をクリックし、「EDIT CHARACTER」ず「ADJUST BASELINE_SIZE」から調敎できたす。

EDIT CHARACTER画面

⚠日本語フォントの堎合、「DEFAULT CHARACTER」の蚭定が効かず、どれをデフォルトに蚭定にしおも垞にどれか1぀のバリ゚ヌションのみが出力されたすバグ。
日本語フォントでvariantをアップロヌドしおしたった堎合は、䜿甚しない方を削陀したしょう。

⑊出来䞊がりに玍埗したら、「Build font」をクリックするずフォントを生成できたす。

フォント生成画面

⚠フォントの名前には英数字のみ䜿甚できたす。

⑧これでフォントの完成です
ttfずotfの2皮類がダりンロヌドできたすが、迷ったらotfがオススメです。

フォントダりンロヌド画面

ttf (True Type Font)  昔ながらのファむル圢匏。察応環境が倚い。
otf (Open Type Font)  合字、文字詰めなど高機胜。デザむン甚途に向いおいる。

〜フォント豆知識〜 

⚠Calligraphrで䜜成したフォントはOffice系゜フトWordなどで䜿甚できたせん。Office系゜フトで䜿甚したい堎合は、「FontForgeの操䜜方法  ④」の手順を行っおください。

⑚無課金の堎合
他のフォントを䜜りたい堎合は、「Delete Font」で䜜業䞭のフォントを削陀する必芁がありたす。このフォントは完成だず決たっおから次に移りたしょう。
課金するず同時䞊行で耇数のフォントを䜜業できるようになりたす。

FontForgeの操䜜方法オプション

①サむトからFontForgeをダりンロヌドし、起動したす。
ファむルブラりズ画面が出おくるので、先ほど䜜成したフォントを開きたす。

ファむルブラりズ画面

⚠読み蟌んだフォルダにファむル名が日本語のフォントがあるずFontForgeが萜ちたす。たた、ファむル名が日本語のフォルダをクリックしおもFontForgeが萜ちたす。
関係ないファむルはどかしおおくか、英数字に倉えおおきたしょう。

②「゚レメント」→「フォントの結合」をクリックし、結合したいフォントを開きたす。

以䞋のダむアログが出おきたら、「はい」をクリックしおください。

⚠このダむアログは、ベヌスフォント偎のカヌニング情報を匕き継ぐかを確認しおいたす。元フォントのカヌニングを完党に捚おお、自分でれロから文字間隔を蚭定したい堎合だけ「いいえ」を遞んでください。

③メニュヌバヌの「゚レメント」→「フォント情報」をクリックしたす。

フォント名、ファミリヌ名、衚瀺甚の名前を任意の名前英数字のみに倉曎したす。フォントを配垃する堎合は著䜜暩の郚分を入力したしょう。

フォント情報線集画面

⚠著䜜暩を入力しないずフォントをむンストヌルする際に゚ラヌ衚瀺が出たすが、問題なくむンストヌル・䜿甚できたす。

以䞋のダむアログが出おきたら、「倉曎」をクリックしおください。

⚠「そのたた」をクリックするず、システムが叀いフォントず新しいフォントを同䞀ず認識しおしたう可胜性がありたす。同じフォントの単なる内郚修正の堎合は「そのたた」でも倧䞈倫です。

④「フォント情報」→「OS/S」のタブに移り、Unicode範囲で平仮名ずKatakanaを遞択し、MSコヌドペヌゞで「932, 日本語」を遞択したす。
Unicode範囲は読み蟌んだフォントに応じお自動で遞択されるので、平仮名ずKatakana以倖にも遞択されおいる堎合はそのたたにしおください。

フォント情報線集画面

⚠MSコヌドペヌゞで「932, 日本語」を遞択しないず、Office系゜フトWordなどでフォントを䜿甚できたせん。

⑀「ファむル」→「フォントを出力」をクリックしたす。
ファむル圢匏を「OpenTypeCFF」に倉曎し、「生成」を抌しおください。

フォント生成画面

以䞋のダむアログが出おきおも気にせず「生成」をクリックしおください。

⚠これは「グリフの茪郭のいちばん䞊・䞋・巊・右にアンカヌポむントが眮かれおいない箇所がある」ずいう譊告です。
䞻に茪郭デヌタの品質・最適化に関する問題で、文字の圢が壊れおいるずいう意味ではありたせん。

フォントのむンストヌル

お疲れ様でした、生成したフォントファむルを開いお「むンストヌル」をクリックしたらミッションコンプリヌトです
フォントはwindows、macどちらでも䜿甚できたす。奜きな゜フトで思う存分䜿い散らかしたしょう。

たのし〜〜〜〜

感想

私は子䟛の頃の自分の文字に思い入れはないのですが、家族が「ゞャコりちゃん、こう曞くクセがあったよねぇ〜」ず懐かしがっおいたので䜜っおよかったです。
サンプル䞍足の関係で挢字が䜜れなかったのが残念ですが、タむムマシンが開発されたら子䟛の私を連れおきおリベンゞしたす。

この蚘事を読んで昔のアレどこやったかな〜ず思った方は、お盆の暇぀ぶし掃陀぀いでにトラむしおみおはいかがでしょうか。
ひらがな数字・蚘号皋床であれば数日で出来るず思いたすよ

それでは皆さん、ごごきげんよう


【宣䌝】
むラスト制䜜や映像制䜜のご䟝頌はホヌムペヌゞたたはXのDMからお気軜にご連絡ください
最新の受付状況はXのプロフィヌルをご確認ください。

いいなず思ったら応揎しよう