フォント作成日記

新しいフォント作成日記(3日目)~お前もフォントファイルにしてやろうか!

2016/01/14

さて、昨日Illustratorで作った「お買得」の文字。

まだ三文字しか出来ていませんが、試しにフォントのファイルにしてみようと思います!(・∀・)

フォント作成用のアプリケーションですが、今回はTTEditを使います。

かつてはTTEditやOTEditも初めてフォントを作る方には十分おすすめできるソフトだったのですが、最近はその性能云々の話の前に、ソフトの価格が急激に値上がりしてしまっていて…。いろいろ惜しいところです。

最近巷間ではMac用の「Glyphs」というソフトの評判が大変良いらしいです…うん、まあ、これはそのうち勉強したいかな。

広告


まずは[TrueTypeフォントの新規作成]アイコンをクリックします。
0725e4e3eaca33b6e10f359e666f8f64[1]

適当に[次へ]を押していると、書体名(フォント名)を決める画面が登場します。

フォント名。実はフォント名というのは、私にとっては結構悩みのタネです。

フォントのイメージに近い名前をつけるのがもちろん良いのですが、かといって、例えば「薬局POPフォント」とかいう名前にしちゃうと、本屋さんが使いにくくなるかな?とか、細かいことが気になったりするんですよね…(・∀・)

 

ad28c72c9a8e35de0cc9f01c2ea46519[1]
などと考えつつ悩むこと数分、今回はみんなに愛されるフォントを目指して『たぬ英角ポップ体』と名づけました!

うん、いい名前だ!

ハンドルネーム『たぬ』き侍という人が作った、『英』文字も収録されている(予定)、『角』ばった『ポップ体』という意味ですyo!(・∀・)

いやー、将来は虹色の飛び出すワードアートとして世界に羽ばたくような、そんな愛されフォントになりたいですね。

 

フォントの初期設定が終わったら、TTEditの編集画面を、初期状態の「あ」から「お」の文字の画面に変更しておきます。ちょっと小さくて見えにくいですが、編集作業をする白い画面の上にある小さく「あ」と書いてあるのが、現在編集している文字になります。

c7a71c045f4f5b8d40df57fc91723eae[1]

 

さて、ここでIllustratorに戻ります。

そのままIllustratorの「お」のパスをコピー…といきたいところだったのですが、アピアランスを使って作成しているため、残念ながらこのままでは元の骨格の部分しかコピーが出来ません。なので、アピアランスを分割してパスに変換します。

[編集]-[アピアランスの分割]、

2f1e8d037d354eb67ba4ad1189ddf7b5[1]

 

[編集]-[分割・拡張]、

08ef462c35889cb1b50947714f7c52ab[1]

[効果]-[パスファインダー-合流]。

ef301e05ded58e2e11afa265cce133f3[1]

 

これで、アピアランス効果だった部分をパスとして実体化し、輪郭部分をTTEditに貼り付けることができるようになりました。

a563adcfb0cd63d0b8ba57b00401030c[1]

最後に、グループ化を解除して、緑色だった部分のパーツを1つずつ消しておきます。
「お」の部分のパスをIllustrator上で選択し、TTeditで[貼り付け]をすれば…

 

9e4f76b7cd425e4a9fa63ee08f2b8012[1]

 

TTEdit上に「お」の文字を貼り付けることが出来ます!

(※もし、TTEditに貼り付けても、アウトラインだけで黒い部分が表示されない場合は…

2740ca03e0117300583891f8a56b8f3d[1]

インクのようなアイコンを押すことで塗りつぶし部分の表示の切り替えが出来ます。)

同様に「買」「得」の文字もコピペして、フォントファイルを保存。TTEditを終了します。

 

さて、エクスプローラーを開き、保存したフォントファイルを、わくわくしながらダブルクリックしてみましよう!

すると、見事なプレビュー画面が…!
146c1459fdbd1ca730a68881d980c388[1]

な、なにもなーい!(・∀・)

 

そりゃそうですね、だって三文字しかつくってないんだから…。「brown foxがなんちゃらかんちゃら」とか、「Windowsでなんちゃらな世界が広がります」とか、そういう見本の文章に使われる文字を一切作ってないんですから…。

いやしかし、ここでめげずに「インストール」ボタンを押して、フォントをインストールしてしまいましょう

今日はここまで。続きはまた次回…

(本日の作業時間 約1時間)

 

広告

広告

-フォント作成日記

フォントダウンロードページ

1
フリーフォント『エセナパJ』を公開しました。

『エセナパJ』(esenapaJ)は、いわゆる【中華フォント風表現ができるジョークフォント】です。日本語漢字を中国語の漢字字形で表示したり、かな文字をあえて誤字で表示したりしますので、真面目な目的での使用はご遠慮ください。

2
フリーフォント『押出Mゴシック』を公開しました。

『押出Mゴシック(おしだしエムゴシック)』は、M+FONTSで提供されているM+1c Thinに加工を加え、縦画を太くしたフリーフォントです。明朝体のようなアクセントをやや含んだ、クリアで明るいゴシックを目指しました。

たぬき油性マジックの使用例。本屋のポップ風。 3
フリーフォント『たぬき油性マジック』を公開しました。

『たぬき油性マジック』は、普通紙に極太油性マジックで書いた手書き文字から作成した無料日本語フォントです。漢字も多数収録しています。

自由の翼フォントサンプル画像(大) 4
フリーフォント『自由の翼フォント』を公開しました。

『自由の翼フォント』は、TVアニメ『進撃の巨人』第二期オープニングテーマで使用されている書体のデザインをヒントに作成したフォントです。

ようじょふぉんと使用例_置き手紙 5
フリーフォント『ようじょふぉんと』を公開しました。

『ようじょふぉんと』は、文字を覚えたての就学前の子ども(3~5歳ごろ)をイメージして作成した無料日本語フォントです。収録文字はひらがなと数字のみですが、全角カタカナや半角カタカナを利用することで、一つのひらがなにつき3パターンの字形の表現を可能にしています。

6
フリーフォント『Ingress Glyphabet』を公開しました。

『Ingress Glyphabet』はAndroid/iPhoneアプリ『Ingress』内に出現する「Shaper Glyphs」をイメージして作成した欧文フォントです。