見出し画像

フォント作りたいなメモ


イラレがないので自分の環境で作るとしたらこんな流れかな
…というざっくり調べた事の書きとめ

上手くいくかどうかはわからない

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にインストール
※ファイルにオンマウスで右クリック→インストールを選ぶ

おしまい

この記事が気に入ったらサポートをしてみませんか?