P.1
Differentiable Rasterizer
彩帶字體
程式使用說明
程式碼下載
程式碼下載
程式碼下載
•
環境安裝
VMware
官網
Ubuntu
下載
P.2
環境安裝
環境安裝
參考
github
中環境安裝指令
在終端機中安裝環境
P.3
程式碼修改
程式碼修改
照
diffvg-master/apps
路徑
找到
painterly_rendering_3.py
右鍵以文字編輯器開
啟
P.4
修改程式碼
修改程式碼
P.5
填
上含
JPG/PNG
圖片資料夾的路徑
可更改參數
num_paths
:
SVG路徑數量(彩帶數量
)
max_width
:
SVG路徑寬度(彩帶寬度
)
num_iter
:
iteration 迭代次數
程式碼操作
程式碼操作
在
diffvg-master
中找到
app
資料夾
右鍵以終端機開
啟
P.6
程式碼操作
程式碼操作
下指令
python painterly_rendering_3.py
即執行程式
P.7
結果取得
結果取得
在
diffvg-master/apps/results
裡會有生成的字體
svg
Output.txt
記錄各個字元
svg
生成所花時間及總時間
(
單位為秒
)
P.8
SVG處理
SVG
處理
程式碼下載
Ø
去除不要的
SVG
路徑
Ø
上色
日本傳統色下載
Ø
修改
ViewBox
的位置
P.9
因為在打包介面時渲染過程會產生向下位移。
所以向下調整
ViewBox
去抵銷渲染時的位移。
生成字體下移狀況
SVG處理 - 修改程式碼
SVG
處理
-
修改程式碼
P.10
填
上含字體
SVG
的資料夾路徑
依編號挑選顏色(此處為隨機選擇)
打包字型
打包字型
程式碼下載
Fontforge
無法打包
OpenType-SVG
字型
P.11
打包字型
打包字型
P.12
1.
選擇基底字型
2.
將字體
SVG
拖拉進左半部
3.
輸出
TTF
檔
支援OpenType – SVG字型平台
支援
OpenType – SVG
字型平台
P.13
•
Photoshop CC 2017
及更高版本
•
Illustrator
•
Firefox 32
及更高版本
•
InkScape
•
Paint.net
處理資料
處理資料
\\140.124.182.140\dropbox\109598100_
黃偲庭
思源宋體
Heavy_JP_JPG.rar
思源黑體
Black_JP_JPG.rar
思源黑體
Black_TC_JPG.rar
P.14