自作フォントを作りたい人のための、PaintFontでフォント制作のやり方まとめ。

PaintFontというウェブサービスを利用して、「手書きフォント」を作ってみた人のまとめです。 実践解説と、おまけで苦戦した時のひぎぃ!ってツイートまとめと、そのほかのフォント制作ツールについての説明がちょこっとだけ。 自作エロ小説をベースにしてフォント化する文字を抜き出しているので、ちょっとだけエロ注意です。
10
前へ 1 ・・ 3 4 次へ
龍のな@リョナRPG開発中!! @ry_nona

確かにフォント制作が「テンプレをアップロードするだけ」でフォントファイル化してくれるのはすごい。画期的すぎる。テンプレも自動で作ってくれるし。すごすぎかよ。 だけど字を延々書いてると結構頭がおかしくなってきます…ウフフ

2016-03-19 01:45:10
龍のな@リョナRPG開発中!! @ry_nona

普通だったら、「字をスキャンしてその字を切り分けてベクタ化してフォント制作ソフトにぶちこんで1字1字設定」とかしないといけないのが、「自動で作られたテンプレに文字を埋めるだけ」で完成するのが奇跡のような簡単さなんだけどつらい。

2016-03-19 01:46:30
龍のな@リョナRPG開発中!! @ry_nona

「よーしパパちょっとフォント作っちゃおうかな~!?(腕まくり)」みたいな気軽な気持ちでやっちゃダメ絶対。死ぬほど雑な字でテンプレを埋めるだけでもすごい手が痛くなるレベルでつらいから… 「拙者がフォントを作って見せるでござる(正座)」 みたいな畏まるレベルの覚悟が必要でござった

2016-03-19 01:47:48
龍のな@リョナRPG開発中!! @ry_nona

わたしが中学生くらい、Windows95でインターネットをしていた時代ですけど、サイトに「へた字」ってフォントを設定するのが流行ってました。かくかくしたきれいじゃないフォントだったんですけど、あれも作るのに苦労したんだろうなあと思うと…

2016-03-19 16:04:30
龍のな@リョナRPG開発中!! @ry_nona

まぁその「へた字」とか「だめ字」とかってフォントに影響受けているので、フォントの名前は「○○フォント」って名前よりも「○○字」とかのほうがしっくりくるのです。世代です。 なので私のフォントも「のな字」です。

2016-03-19 16:09:15
龍のな@リョナRPG開発中!! @ry_nona

反省点としては、「っ」「ぁ」などの小さなひらがな/カタカナが、思いのほか表示が真ん中になってしまったこと。意識的に少し下に書くべきかもしれないです。あと「一」がどう間違えたのか、すごい下に表示されていますw 見づらいww

2016-03-19 16:30:21
龍のな@リョナRPG開発中!! @ry_nona

このサイトを使えば「PC98のフォントを抜き出してウィンドウズで使えるフォント化できるのでは?」と思ったのだけど、フォントリストを抜き出す方法とかわからないので、ゲームなんかに表示されているフォントをキャプチャして抜き出すしかやり方がないのでだいぶ限られてしまうな…

2016-03-19 13:46:42
龍のな@リョナRPG開発中!! @ry_nona

二値のフォントをベジェ化してフォントファイル化するって結構間抜けな見た目になりそうだしね… しかしなんであんなにPC98のフォントってかわいいのだろうか

2016-03-19 13:47:34

おまけ2
PaintFont以外のフォント制作ツールをいじった雑感

龍のな@リョナRPG開発中!! @ry_nona

この夏はフリーソフトでフォント作成に挑戦してみよう:ちはやろぐ.aep - ブロマガ ch.nicovideo.jp/72kP/blomaga/a… こちらだと日本語の追加方法(そもそも作れるかどうか)もわかりません。ベクタソフトになるので「手書きフォントを作りたい」という趣旨から外れますね…

2016-03-18 16:27:00
龍のな@リョナRPG開発中!! @ry_nona

自作日本語フォントの作り方|windowsで無料で作成!How to make Font in Inkscape.It's completely free. kouryuu1332.web.fc2.com/writing/how-to… とりあえず次はこれを試すことにした!!

2016-03-18 16:56:28
龍のな@リョナRPG開発中!! @ry_nona

Inkscape - 窓の杜ライブラリ forest.impress.co.jp/library/softwa… さっきのフォント作成についての解説サイトにあるリンクからはDLできないのでこちらへ。

2016-03-18 17:04:24
龍のな@リョナRPG開発中!! @ry_nona

とりあえず「あいうえお」を作ってみます。 p.twipple.jp/02Vy7 要領がわからないので、どの程度の太さのペンで書くべきなのかもよくわからないですが、とりあえず1024×1024のキャンバスに25の太さのペンでグリグリと。

2016-03-18 16:58:27
拡大
龍のな@リョナRPG開発中!! @ry_nona

指示通り、png形式。24bppと34bppのどちらがいいのかわからないのですがとりあえず24でやってみました。

2016-03-18 16:59:32
龍のな@リョナRPG開発中!! @ry_nona

よかった、インストール完了したらちゃんと日本語で起動しました。ローカライズに関する設定は自動でされるようです

2016-03-18 17:05:48
龍のな@リョナRPG開発中!! @ry_nona

解説通りに進めますが、「ドキュメントの設定」が名前が変わって「ドキュメントのプロパティ」に変更になっている模様。 そこから指示通りに画像を読み込ませます。ここの設定ウィンドウも変更になっているようなのでよくわかんないからとりあえずOK押しちゃった

2016-03-18 17:08:25
龍のな@リョナRPG開発中!! @ry_nona

複数ウィンドウを切り替える方法がわかりません。

2016-03-18 17:13:28
龍のな@リョナRPG開発中!! @ry_nona

ひらがなの「か」の画像だけが画面に表示されていますが、ほかの読み込んだ画像に切り替えるやり方がわかりません。くだんのサイトではそのやり方はすっ飛ばされております。

2016-03-18 17:14:51
龍のな@リョナRPG開発中!! @ry_nona

間違えて終了してしまった…とりあえず「あ~か」までのひらがなを作ったのですが。複数開いたウィンドウの切り替えのやり方、というすごい初歩的なところで詰まってる…。タブバーみたいな部分はありませんし…

2016-03-18 17:18:39
龍のな@リョナRPG開発中!! @ry_nona

解説サイトを見ても、そういう説明サイトでいきなりメニューに「複数ウィンドウを開いた時の切り替えの仕方」なんて項目があるわけじゃないのでわかりませんw とりあえず順番に読んでいきます… ああもう面倒くさい。私は何でこんなことしてるんだw

2016-03-18 17:21:29
龍のな@リョナRPG開発中!! @ry_nona

とりあえず1字ずつファイルを開く→変換→フォントツールで設定、をするので、これで漢字までやろうとするとすごい大変なのがわかったぞ。つかれた!

2016-03-18 17:37:10
龍のな@リョナRPG開発中!! @ry_nona

とりあえずウィンドウを閉じるやり方すらわかりません。どうも直感的にいじれるツールではないですね。SAIとか、何も考えずともとりあえずでいじれるけどさあ…

2016-03-18 17:22:39
龍のな@リョナRPG開発中!! @ry_nona

画面の見方、を見ても、ウィンドウ切り替えについてはないですね。画面ではなくメニューからその辺はいじるってことか。やれやれ

2016-03-18 17:24:02
龍のな@リョナRPG開発中!! @ry_nona

InkscapeでDesign- 複数の画面を扱う inkscapedesign.web.fc2.com/medium/several… これかな? ウィンドウの切り替え。

2016-03-18 17:26:07
龍のな@リョナRPG開発中!! @ry_nona

と思ったら、次のウィンドウ、とかを選んでも何も起きない。複数開いてると思ったけどそんなことないの? わかんない。クリックしてウィンドウを選択とかいきなり説明ぶっ飛ばしすぎじゃない?

2016-03-18 17:27:11
前へ 1 ・・ 3 4 次へ