フォント作りたいなメモ
イラレがないので自分の環境で作るとしたらこんな流れかな
…というざっくり調べた事の書きとめ
上手くいくかどうかはわからない
1、Photoshopで文字画像を作る
1アートボードに1文字
サイズ 1024*1024位?
色は黒でムラが出ないように気を付ける
PNGで保存(ファイル>書き出し>書き出し形式>「透明部分」にチェック>すべて書き出し)
※アートボードの名前がファイル名になる
★9/29追記
PhotoshopでもSVG形式で保存できた(普通にプルダウンの選択肢に入ってた)
でもそのままSVGで書きだしただけだと、SVGではあるけど何か違うらしい…
SVGの皮をかぶったbmpのような…?
確認方法
出力したSVGデータを右クリック→メモ帳で開く
コードが何やらごちゃついていたら✕
(上の方に img の文字列がある)
スッキリしてたら○
(下の方に path の文字列がある)
↑の回避策
オブジェクトを選択(ctrl+レイヤーサムネクリック)→選択範囲で作業用パス作成→塗りつぶしレイヤー作成(パスレイヤーをアクティブのまま)→作業用パスを作った時のレイヤーを削除する
結構面倒くさい…
アクション登録してバッチ処理できるようにしたらいいかな?
Photoshopで思い通りのSVGデータが作れたら↓2の工程はなし
そもそもパスで描く方法もある。
2、PNGをSVGに変換する(ベクターデータにする)
変換できるサイト(多分探せば他にもある。知らんけど)
https://www.vectorizer.io/
https://ja.vectormagic.com/
3、フォントデータ生成
SVGを↓サイトにアップロードしてttfデータを作る
https://icomoon.io/app/#/projects
( https://icomoon.io/#home )
4、インストール
zipを解凍(展開)してpcにインストール
※ファイルにオンマウスで右クリック→インストールを選ぶ
おしまい