【制作録】5×5ドットフォント『5x5 ノスタルジア』

ニカイドウレンジ @R_Nikaido

pic.twitter.com/U6JPMZoLWa

2022-12-17 23:52:55

拡大

yuta / HZ3 Software @yyuta342

#5x5ピクセルフォントチャレンジ pic.twitter.com/jvk0HAxj4V

2022-12-19 12:00:56

拡大

Rwi @rwiiug

ドット絵風のピクセルフォントを作ってみたーい！と思い立ったが吉日、作成方法を模索。そして『PixelType』という神ツールを発見しました。これでいけそう感！ store.steampowered.com/app/2127930/Pi… pic.twitter.com/yYGYrAcU8W

2022-12-19 17:18:05

拡大

拡大

拡大

拡大

Rwi @rwiiug

5x5フォントチャレンジ中。めちゃくちゃむずい～！！ pic.twitter.com/IkjiUd5hLB

2022-12-19 20:49:13

拡大

Rwi @rwiiug

#5x5ピクセルフォントチャレンジ面白そうなので挑戦してみました。みなさんお凄い・・・！ぎゅっとつまった、ちいさなフォント。かわいくていいよね👾 pic.twitter.com/JZwv6dHZjQ

2022-12-20 01:20:10

拡大

Rwi @rwiiug

タグ漁りが無限に楽しいピクセルチャレンジ。５×５サイズなのに太字にしている方や、さらに小さいサイズで作っている方もいたりですごすぎ祭り。必死でクリアしたゲームのTAS動画を眺めている気分・・・🌌🐱

2022-12-20 01:45:13

Rwi @rwiiug

#5x5ピクセルフォントチャレンジ先日に引き続き、カタカナも作ってみました。ゲーム感満載、よき👾👾 pic.twitter.com/3OTckmqhC9

2022-12-21 00:04:19

拡大

拡大

拡大

Rwi @rwiiug

このフォント、折角ここまで作ったので配布しようか悩み中です。色々とそこまで自信がないので、もし欲しい方がいれば・・・という感じで。このフォント、需要あるですか？

2022-12-21 00:04:20

Rwi @rwiiug

フォント沼...からの文字コード沼に沈み中...... たまーに文字化けで意識するくらいの文字コード、めちゃくちゃ複雑で頭かち割れそう。こうして何気なく使われている文字も、先人の膨大な歴史の上で成り立っているんだなぁとおもいました（こなみ） iwatafont.co.jp/corp/shigoto.h… ogis-ri.co.jp/otc/hiroba/tec…

2022-12-21 22:54:33

Rwi @rwiiug

思ったより需要あった！ので、配布用にフォント作るます！👍 そしてぼちぼち環境構築。簡単なピクセルフォントならそこそこ効率的に作れるようになりました。よしよし pic.twitter.com/5CxUZpVtMC

2022-12-22 01:25:01

拡大

拡大

拡大

Rwi @rwiiug

5x5フォントの字形を見直したり、無いよりは良いはず・・・と記号類やコレいつ使うんだ文字群の物量とひたすら格闘したりな一日。フォント制作らしくなってまいりました・・・！年末年始中の公開が目標です。がんばるぞい！ pic.twitter.com/4HBdo5ewyK

2022-12-23 01:06:47

拡大

拡大

拡大

Rwi @rwiiug

#5x5ピクセルフォントチャレンジええっ、5×5サイズで漢字を！？できらぁ！ pic.twitter.com/FsIcLVL6Pu

2022-12-23 20:31:34

拡大

Rwi @rwiiug

ぼちぼち5x5フォント進捗。もしかしたら必要な人もいる・・・かも？と、点字を作成してみました。無いよりは良いはず！ゲームで点字、というとポケモンルビサファを思い出したり。あの独特の雰囲気、いいよね・・・ pic.twitter.com/3zJEH9XeFt

2022-12-24 20:39:42

拡大

Rwi @rwiiug

そして点字を使ったこういう表示もできるようになりました。これ、点字だったのね・・・！点字AAジェネレーター lazesoftware.com/ja/tool/braill… pic.twitter.com/VmmUj5wPlw

2022-12-24 20:39:42

拡大

Rwi @rwiiug

┍━━━━━━━━━━━━━━━━━┑　　　 │　フォント　しんちょく　です！　　│ │　きごうを　ひたすら　つくるひび　│ ┕━━━━━━━━━━━━━━━━━┙ pic.twitter.com/JAyn2tewwq

2022-12-26 00:51:34

拡大

Rwi @rwiiug

Unicode、いつ使うのか謎すぎる文字が多すぎる・・・！調べても結局謎だったりで🫠 今まで聞いたことも無いような様々な言語や通貨、数字の数え方など。知らない物事に色々触れられるのはフォント制作の醍醐味かも。文字は偉大だ。 gigazine.net/news/20220414-…

2022-12-26 01:05:32

Rwi @rwiiug

フォント進捗～ギリシャ文字や変わった濁点、顔文字など。物量との戦いのおかげでいつの間にか色々と表示できるようになってきてます。残り物量もあともうちょっと・・・！ pic.twitter.com/bHwhy9jXrx

2022-12-27 01:44:01

拡大

Rwi @rwiiug

@hikarinichiwo オェｼﾞｭルニョェーッ語そういうのもあるのか！というわけで。 pic.twitter.com/X4TQ6LbNor

2022-12-28 00:18:46

拡大

Rwi @rwiiug

フォント進捗　物量との戦い　完！！！！！現時点で計3686文字になりました。あとはゆっくり字形を調整したり、フォントのバリエーションを作ったり。お正月くらいに公開できたらいいな。 pic.twitter.com/xXCpg60JLm

2022-12-28 00:36:44

拡大

Rwi @rwiiug

フォントゆる進捗🫠 こんな感じで字形をちびちび見直し中です。前より良くなった気もするし、前のでも良かった気もする。正解がないからこそ無限に悩める袋小路。うーんうーん pic.twitter.com/FVeKsVdIEc

2022-12-28 22:54:21

拡大

拡大

Rwi @rwiiug

このフォントの密かなこだわりポイント。「に・の・は・を」のサイズを気持ち小さめにして、ひらがなだけの文章でも読みやすくしています。5x5サイズなので調整が死ぬほど悩ましい。・・・でもこのフォントを使う場合はスペースで文章を区切るだろうから、いらぬ世話かも迷宮。うーんうーんうーん pic.twitter.com/rKY6OfotJp

2022-12-28 22:54:23

拡大

Rwi @rwiiug

ちびちびフォント進捗。ひらがなかカタカナだけの例文、探してみても中々見つからない・・・せや！　ChatGPTさん超便利。AIパワーでフォント制作も色々ラクになったらいいな。 pic.twitter.com/z8ktpcbTnX

2022-12-30 01:50:44

拡大

拡大

拡大

Rwi @rwiiug

１ドットの違いが大きすぎて、あちらを立てればこちらが立たずな微調整沼～。無限に停滞しそうな雰囲気なので、ひとまずこれでゴールでいいかな・・・？ pic.twitter.com/Rfs55a2Ij9

2022-12-30 01:50:45

拡大

Rwi @rwiiug

新年明けましてフォント進捗！バリエーションとしてドットの角を丸めてみたらかわいくなって良い感じ！ 2023年もぼちぼち生きて、ゲームや創作たのしー！できたらいいなと思います。今年こそはゲーム制作もしたみ。そんなこんなで、今年もどうかよろしくお願いいたします👍 pic.twitter.com/KdYvTCrVyK

2023-01-01 00:54:48

拡大

拡大

拡大

拡大

Rwi @rwiiug

あけおめフォント進捗！「濁点・半濁点付きの文字」の字形が異なるフォントのバリエーションができました。点々や丸を文字の上に付けるか、横につけるか、無理して一文字内に入れちゃうか。どれも8bitな雰囲気で良き。 pic.twitter.com/QinXMKGqKz

2023-01-01 12:48:46

拡大

Rwi @rwiiug

ガッツリフォント進捗・・・！一日がかりで大量のフォントバリエーションを作成しました。費用対効果が最高に良い作業なので、バリエーション作成はもはやご褒美タイム！太字化や角丸、立体化あたりがポップな印象でお気に入り。ドット表現との相性が良いのかも。 pic.twitter.com/AzgvWNtFli

2023-01-01 18:26:53

拡大

拡大

拡大

拡大

Rwi @rwiiug

実験！フォント進捗「フォント化 → 加工」の逆で、「加工 → フォント化」してみる実験。フォントが描かれたPNGファイルを結合、長ーくなった画像データをフィルター等で一気に加工処理、からのフォント化。乱視風やゾンビ風などなど。視認性は総じて低いけど、演出用途などに使えるかな・・・？ pic.twitter.com/iphIlSwne3

2023-01-02 12:25:21

拡大

拡大

拡大

拡大

Rwi @rwiiug

5x5フォント、あれこれ一通り済んだので、何も問題が起こらなければ明日か明後日くらいに公開予定です👍　作業作業うおお・・・！！

2023-01-02 12:29:43

Rwi @rwiiug

新しいフリーフォント『5x5 ノスタルジア』完成＆公開です！ #5x5ピクセルフォントチャレンジ　という素敵な企画から生まれた、5×5サイズのドット風フォントです。ゆるく柔らかな印象、「太字化」などの豊富なバリエーションが特徴になります。よろしければ！👾 【Free DL】rwi.booth.pm/items/4442315 pic.twitter.com/hKncALViDe

2023-01-03 16:10:04

拡大

拡大

拡大

Rwi @rwiiug

フォントサンプル　その２濁点の位置違い、太字化、細字化、角丸化、立体化など、沢山のフォントバリエーションがあります。商用利用可。改変等もOK！ですので、煮るなり焼くなり、自由にご活用いただけましたら幸いです👍 pic.twitter.com/sHbOPtWbwa

2023-01-03 16:10:05

拡大

拡大

拡大

Rwi @rwiiug

なんとか予定通りに公開できましたー！！ウワァァァァ作品の公開はいつになってもドキドキ。なにとぞどうぞ、よろしくお願いいたします・・・！！

2023-01-03 16:13:21

Rwi @rwiiug

無事フォントを公開できたので今後に向けて反省中。前回と今回のフォントとで、それなりにお世話になってきているフォント制作ソフトの「TTEdit」。日本製ゆえに日本語、特に漢字関連の扱いに長けている唯一無二なソフト！だけど謎の制限もチラホラで色々と気になることも多かったり。 pic.twitter.com/hafBHkU2ae

2023-01-03 21:18:16

拡大

Rwi @rwiiug

ショートカットキー関連が不自由だったり、漢字の文字幅が一切変更できなかったり、特にカーニング機能（特定の文字の組み合わせの文字間隔を調整する処理）が無いのがすごく惜しい。こういったTTEditの欠点を補うために、他ソフトとの併用や乗り換えもありかなと考え始めたり。

2023-01-03 21:18:18

Rwi @rwiiug

ローカルで動く、Windows対応、開発が継続的、自由なライセンスという条件だと FontForge、BirdFont、FontCreator、Fontographer、FontLab Studio　あたりになるっぽい。逆にこれらを使わず、等幅フォントなどTTEditの制限の中でうまく機能するデザインに絞るのもありかも。新たな沼だ・・・！

2023-01-03 21:18:18

Rwi @rwiiug

唐突にこちらのフォント作成の際に使用したツールをまとめてみる回～～～！自分用の情報整理も兼ねてますが、何かしらの参考になりましたら幸いです👍 twitter.com/rwiiug/status/…

2023-01-04 09:36:00

Rwi @rwiiug

「Aseprite」ドット絵特化のお絵かきソフト。字形の作成に利用しました。ドットフォントなので使用したけど、大抵のペイントソフトなら同様のことはできたかな。一応Asepriteで良かった点としては「連番書き出し機能」があること！選択レイヤー×All frameで一括出力。手間が省けてとても便利でした pic.twitter.com/SLSGnkf06t

2023-01-04 09:36:01

拡大

Rwi @rwiiug

PixelType 画像からピクセルフォントを生成できる神ツール。今回のフォントもこのソフトがあってこそでした🙏 簡潔なUIでシンプル操作。知識ゼロでも今回のようなフォントなら誰でも作れるはず。こういったソフトはめったに無いので本当に神！フォント作りに興味がある方は手始めに最適なのでぜひ。 pic.twitter.com/64hHacyLz3

2023-01-04 09:36:02

拡大

Rwi @rwiiug

TTEdit 日本の老舗フォント作成ソフト。 PixelTypeで生成したフォントから、濁点横バージョンの作成と、マクロ機能で「太字化」などのバリエーション作成のために利用しました。このソフトでもビットマップフォントというものが作れるようだけど、私の環境ではエラー落ちでした。ムネン。 pic.twitter.com/8DulIVaV9M

2023-01-04 09:36:04

拡大

拡大

Rwi @rwiiug

複数のフォント作成ソフトをまたぐ場合、一部データが失われてしまったり、構成情報が変化してしまったりとそれなりにリスクもあったり。今回は見送ったけど、カーニング設定など、より深みを目指す場合は更にこれらのフォント作成ソフトを取り入れるのもありかな。 twitter.com/rwiiug/status/…

2023-01-04 09:36:05

Rwi @rwiiug

CLIP STUDIO PAINT 定番お絵かきソフト。 Asepriteとともに、フィルター機能でフォントが描かれたPNG画像を直接加工するために使用しました。こういった加工はドットフォントとは本来は相性が良くないかも。めちゃくちゃ読みづらいフォントが生まれちゃったけど、使い所なくはないと思うのでヨシ！ pic.twitter.com/zaCjDRVKSh

2023-01-04 09:36:05

拡大

拡大

Rwi @rwiiug

その他　参考サイト。これらの表とにらめっこしながらの作業でした。 Unicode文字一覧表 tools.m-bsys.com/ex/unicode_tab… Wikipedia - Unicode ja.wikipedia.org/wiki/Unicode CJKの記号及び句読点 ja.wikipedia.org/wiki/CJK%E3%81… 画像結合ツール - フォトコンバイン（連結画像の作成に） photocombine.net/cb/ pic.twitter.com/lN0YwXFcSQ

2023-01-04 09:36:07

拡大

Rwi @rwiiug

あとは、フォントの動作確認にテキストソフトの「Mery」とクリスタ。＋フォント管理に「Nexusfont」。そして画像管理ソフトの「Eagle」がスクショ等でめちゃくちゃ便利でした。・・・これくらいかな。長々と失礼しました。沼ったりもするけれど、わたしは元気です🫠フォント制作はいいぞ・・・！ pic.twitter.com/WXBhuKqLjK

2023-01-04 09:36:07