用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圖,就可以製作字符圖標了
首先準備一張背景爲透明的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圖,就可以製作字符圖標了
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.