用AI將png轉成svg做字符圖標教程

 用AI將png轉成svg做字符圖標教程


首先準備一張背景爲透明的png圖片,建議尺寸300*300或以上![用AI將png轉成svg做字符圖標教程 - 第1張  | 王慶波](http://upload-images.jianshu.io/upload_images/4927175-c5adedaa39f33d25.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI將png轉成svg做字符圖標教程 - 第1張  | 王慶波")


用AI工具打開準備好的png圖片(我用的CC)


![用AI將png轉成svg做字符圖標教程 - 第2張  | 王慶波](http://upload-images.jianshu.io/upload_images/4927175-5b71b9426b29a908.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI將png轉成svg做字符圖標教程 - 第2張  | 王慶波")


點擊工具欄上的窗口,選擇圖像臨摹


![用AI將png轉成svg做字符圖標教程 - 第3張  | 王慶波](http://upload-images.jianshu.io/upload_images/4927175-2ecca3bf314cd4d9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI將png轉成svg做字符圖標教程 - 第3張  | 王慶波")


![用AI將png轉成svg做字符圖標教程 - 第4張  | 王慶波](http://upload-images.jianshu.io/upload_images/4927175-ab9d0d1509e07d0d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI將png轉成svg做字符圖標教程 - 第4張  | 王慶波")


點擊描摹,然後關閉。


點擊工具欄上的視圖,選擇顯示透明度網格


![用AI將png轉成svg做字符圖標教程 - 第5張  | 王慶波](http://upload-images.jianshu.io/upload_images/4927175-ad57d962ae000734.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI將png轉成svg做字符圖標教程 - 第5張  | 王慶波")


圖像就變爲如下:


![用AI將png轉成svg做字符圖標教程 - 第6張  | 王慶波](http://upload-images.jianshu.io/upload_images/4927175-fb11831bb13985fa.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI將png轉成svg做字符圖標教程 - 第6張  | 王慶波")


點擊工具欄上的對象,選擇擴展,確定


![用AI將png轉成svg做字符圖標教程 - 第7張  | 王慶波](http://upload-images.jianshu.io/upload_images/4927175-030dcd72fe1dd09a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI將png轉成svg做字符圖標教程 - 第7張  | 王慶波")


切換到直接選擇工具


![用AI將png轉成svg做字符圖標教程 - 第8張  | 王慶波](http://upload-images.jianshu.io/upload_images/4927175-146acd9da9ce5c32.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI將png轉成svg做字符圖標教程 - 第8張  | 王慶波")


雙擊白色區域,然後按delete刪除,即可消除白色區域


![用AI將png轉成svg做字符圖標教程 - 第9張  | 王慶波](http://upload-images.jianshu.io/upload_images/4927175-ea6a552384231a96.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI將png轉成svg做字符圖標教程 - 第9張  | 王慶波")


將文件另存爲svg格式。


打開IcoMoon網站https://icomoon.io/app/#/select ,上傳已做好的svg圖,就可以製作字符圖標了
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章