P.1
DeepSVG
字體
程式使用說明
P.2
Colab版本
下載程式碼
下載程式碼
解壓縮後上傳到自己的雲端
下載程式碼
P.3
開啟程式碼
從路徑
deepSVG > notebooks
，找到
main.ipynb
並右鍵以
google Colabratory
開
啟
開
啟
程式碼
P.4
執行程式碼
執行程式碼
P.5
連結到自己的雲端
執行程式碼
執行程式碼
P.6
選擇連結的帳戶，點選允許
執行完出現
Mounted at …
代表連結成功
執行程式碼
執行程式碼
P.7
安裝指定版本
如果有
WARNING
提示，按
RESTART RUNTIME
，重
跑
一次即可
修改程式碼
將欲處理資料上傳到雲端
更改成自己的資料夾名稱
修改程式碼
P.8
修改程式碼
修改程式碼
改成自己想要的初始形狀
P.9
形狀
程式碼改寫
circle
unit_circle()
square
unit_square()
triangle
unit_triangle()
inverted_triangle
unit_inverted_triangle()
分割線段
(
填
入任意整數
)
Split原理
Split
原理
P.10
l
透過切割原始控制點間線段新增控制點。
l
以圓形為例：
藍色
為原始控制點，
紅色
為新增控制點。
分割為1段
分割為2段
分割為3段
分割為4段
修改程式碼
更改迭代次數
預設
250
修改程式碼
P.11
儲存最後一次生成之svg
此處數字也記得更改
P.12
本地端版本
修改程式碼
沿路徑
deepSVG > notebooks >
main.py
找到主程式
修改程式碼
P.13
修改程式碼
將以下幾行更改成自己的
欲處理
資料夾路徑
修改程式碼
P.14
修改程式碼
修改程式碼
改成自己想要的初始形狀
P.15
形狀
程式碼改寫
circle
unit_circle()
square
unit_square()
triangle
unit_triangle()
inverted_triangle
unit_inverted_triangle()
分割線段
(
填
入任意整數
)
修改程式碼
更改迭代次數
預設
250
修改程式碼
P.16
儲存最後一次生成之svg
此處數字也記得更改
修改程式碼 – 使用GPU資源
沿路徑
deepSVG > deepsvg > difflib >
tensor.py
修改程式碼
–
使用
GPU
資源
P.17
修改程式碼 – 使用GPU資源
在
tensor.py
中找到
def
sample_points()
選擇將
device
程式碼其中之一註解掉
(
預設使用
CPU)
修改程式碼
–
使用
GPU
資源
P.18
192行 使用CPU
193行 若有GPU資源則使用GPU
若選擇使用GPU，以下兩行程式碼取消註解
P.19
生成結果
取得結果
產生的
SVG
檔及
png
檔會在
deepSVG > docs > result
time_output.txt
為生成時間紀錄
取得結果
P.20
取得結果
取得結果
下載
result
資料夾其中的
png
檔
P.21
注意
!!!
不能直接用這邊的
SVG
檔
取得結果
取得結果
利用
Potrace-demo
將下載的所有圖片轉成
SVG
P.22
打包字體
打包字體
利用
https://font.poynt2005.top/
打包字體
P.23
打包字體
打包字體
使用
Font SVG Viewer
打包字體
選擇基底字體
拖拉進左半部
P.24
記
得
打
勾
打包字體
打包字體
點擊右側資料夾圖案選擇資料夾，記得將
AutoResize
打勾
P.25
打包字體
打包字體
打包成
TTF
下載。
P.26
因網頁容量關係要分批次打包，
一次處理約一萬字左右。
新增一萬字
>>
得到新的字型檔，
用新的字型檔再新增一萬字。
處理資料
處理資料
\\140.124.182.140\dropbox\109598100_
黃偲庭
思源宋體
Heavy_JP_SVG.rar
思源黑體
Black_JP_SVG.rar
思源黑體
Black_TC_SVG.rar
P.27