--- title: "[教學]Line卡通人像貼圖" tags: Inkscape, Line, 人像, 卡通 --- # [教學]Line卡通人像貼圖 ## 本網址 ![](https://i.imgur.com/PfEM7me.png) https://reurl.cc/g8nAgX ## 參考資料 [*Level-0-LINE手機端帳號Email設定&軟體安裝](https://hackmd.io/4KlMGYXMScCg9cdLk0d10g) [*Level-0-遠端除錯手冊](https://docs.google.com/presentation/d/1vUNcVtppUYbboWmGSSf-U2GT2zkYq0ym/edit?usp=sharing&ouid=118009355847141191544&rtpof=true&sd=true) [*Level-1-Inkscape-基本教學](https://reurl.cc/6ybAMk) [*Level-1-ppt版-卡通人像貼圖製作](https://docs.google.com/presentation/d/1QxHeXTlRc3Ioza9DuUIkq-bAz0HFhZdW/edit?usp=sharing&ouid=118009355847141191544&rtpof=true&sd=true) [Level-1-HackMD版-卡通人像貼圖製作](https://reurl.cc/g8nAgX) [Level-1-LINE上架教學](https://hackmd.io/MKU9pjzqRAKDrwV3xiJN9g?view) [Level-2-Inkscape-低面數人像貼圖繪製](https://reurl.cc/1gAdk8) [Level-2-Inkscape-黃金比例貼圖設計](https://reurl.cc/9ZEOaO) [*Line拍貼成果分享](https://hackmd.io/yLV1V0KOSiyZ387hN2bt8g) [*成品分享](https://hackmd.io/yLV1V0KOSiyZ387hN2bt8g?view) [良心到難以置信的優秀網站合集](https://www.youtube.com/watch?v=vPX73jV-2Mk) [[數位教學]必備軟體](https://hackmd.io/vFQHUq7JTeCZFPc8WTl7OQ) ## 電腦版 * 重要流程 * Line Market帳號申請(綁定Email)/安裝Inkscape(純手機版可不裝) * 拍攝/準備大頭照片-可搭配表情 * 使用卡通化網站([Toonme](https://toonme.com/))自動生成圖檔 Voilà AI Artist(尚未測試) * 搭配去背網站(remove.bg)刪除背景 * 使用Inkscape調整圖片大小、上文字、標點符號 * 輸出偶數px * 偶數px(例:168px*170px) 圖檔 * 傳回至手機/iOS可搭配傳輸工具 或使用Google雲端硬碟 * 使用Line拍貼 手機版APP 上傳貼圖並送交貼圖審核(才可獲得免費貼圖 但版權歸Line所有) * 電腦版上傳都需付費下載(包含創作者本人) * 審核送交兩三天後即會收到Line Market官方帳號通知是否通過 * 通過後 進入Line Market案上架,Line拍貼上傳者,可直接按下載使用貼圖 * 特別注意 要免費獲得貼圖 一定要用手機APP Line拍貼送件申請才可以 ### 使用相機自拍傳到電腦內 1. - [ ] 至少拍八種表情,參考以下圖示,可以先構思搭配文字的表情 ![](https://i.imgur.com/SYLUKK5.png =200x)![](https://i.imgur.com/6rbgDM4.png =200x)![](https://i.imgur.com/cvbasJG.jpg =200x)![](https://i.imgur.com/c66jyD7.png =200x)![](https://i.imgur.com/2QmJ12H.png =200x) 2. - [ ] [Toon.me-支援電腦網頁版與手機APP](https://toonme.com/) ![](https://i.imgur.com/MVacVZz.png) 3. 上傳個人照(無法使用合照)-可包含部分手勢,限單張上傳 ![](https://i.imgur.com/p4D25Cj.png) 4. 點選下方 紅框 隱藏原始照片 ![](https://i.imgur.com/aBgk6Xk.png) 5. 選擇喜歡的左側方格,再搭配按更多風格 ![](https://i.imgur.com/HoKecqT.png) 6. 選擇適合的結果 ![](https://i.imgur.com/ojlB5gu.png) 7. 點選中間的下載 ![](https://i.imgur.com/E6w18sU.png) 8. 成功輸出下載到電腦端-下載資料夾內 ![](https://i.imgur.com/2eGOgXa.png) 9. 使用瀏覽器 搜尋 [remove.bg](https://www.remove.bg/zh/upload) 幫圖片去背 ![](https://i.imgur.com/GfTA5Rw.png) 10. 上傳卡通人像.jpeg圖檔(可多張上傳) ![](https://i.imgur.com/1YNcrny.png) 11. 自動去背開始 ![](https://i.imgur.com/1443Ty1.png) 12. 點選下載 ![](https://i.imgur.com/Kwyt0l3.png) 13. 若去背不完整、不滿意 可使用編輯 ![](https://i.imgur.com/paXm09O.png) 14. 注意灰白相間的背景為成功的去背.png檔格式 ![](https://i.imgur.com/jgVezZ8.png) 15. 可以選擇筆刷大小 再部分區域擦除/恢復 ![](https://i.imgur.com/Aq9eWEb.png) 16. 下載輸出 ![](https://i.imgur.com/EI56frA.png) 17. 確認輸出檔案為___-removebg-preview.png ![](https://i.imgur.com/SoFro9Q.png) 18. 開啟Inkscape 拖曳照片進入中心 選擇確認完成匯入 ![](https://i.imgur.com/yPLRehH.png) 19. 修改Inkscape頁面尺寸 一般:px 自訂尺寸-寬度370/高度320 單位:px ![](https://i.imgur.com/b6ATEMa.png) 20. 點選圖片 鎖定寬高比例 調整寬高約為100~140px ![](https://i.imgur.com/E7quEKQ.png) 21. 點選建立文字 拖曳文字輸入範圍 選擇字型/大小 輸入文字 ![](https://i.imgur.com/LRbvj8x.png) 22. 補充:字體下載後可以放到這個位置,重新開啟Inkscape就可以選到 ![](https://i.imgur.com/Viepsl0.png) ![](https://i.imgur.com/jhXxnJn.png) 22. 輸入文字 確認大小後 全選(快捷鍵Ctrl+A) 使其群組(快捷鍵Ctrl+G) ![](https://i.imgur.com/jIiuDAv.png) 23. 點選圖檔 點選檔案-匯出PNG圖片 / 匯出範圍:選擇範圍 圖片尺寸:寬高一定需要調整成偶數(上傳LINE時會檢查) / 檔名與路徑:00_姓名_表情.png / 按下匯出 ![](https://i.imgur.com/UG3nacR.png) 24. 請確認匯出會跑出此執行視窗 ![](https://i.imgur.com/VKvtWnR.png) 25. 儲存.svg原始圖檔 儲存檔名:00_姓名_表情.svg ![](https://i.imgur.com/jw3be6K.png) ![](https://i.imgur.com/ejjRIJI.png) 26. 輸出圖檔檢查 若寬高有奇數 請用這兩種方式調整尺寸 ![](https://i.imgur.com/OcSDAlB.png) 27. 檢查圖檔方式1 點選圖檔 靜待1秒會出現詳細資訊 ![](https://i.imgur.com/umpYqu1.png) 28. 檢查圖檔方式2 按右鍵-內容-詳細資料確認 ![](https://i.imgur.com/FtOvIBV.png) 29. 基本貼圖完成 但工作還沒完歐 還須製作主要貼圖(main) 限制 寬240x 高240(px) 聊天室標籤圖片(tag) 限制 寬96x 高74 (px) ![](https://i.imgur.com/y1p8mr1.png) 30. 製作 主要圖片(main) 顯示於line market主頁 ![](https://i.imgur.com/2AlD3Vi.png) 31. 快速方法 選取四張貼圖 全選 群組 修改寬高為240(px) ![](https://i.imgur.com/zsp7YoH.png) ![](https://i.imgur.com/TGsBiHQ.png) 32. 輸出.png 請再次確認 匯出範圍:選取範圍 / 圖片尺寸:寬高240(px) 檔名與路徑:10_姓名_main.png / 按下匯出 ![](https://i.imgur.com/Zdxlwr3.png) 33. 製作 標籤(tag) 顯示於line打字輸入處 大約與一般打字大小一樣大 類似Emoji ![](https://i.imgur.com/v4mFeMo.png) 34. 準備完 主要圖片1張、貼圖圖片(8的倍數張)、標籤圖片1張 即可參照此影片步驟上傳 {%youtube __nELClym4Q %} 35. 送出後 LINE Creators Market的官方帳戶會傳送審核通知 ![](https://i.imgur.com/TOPwrJ8.png) ### 審核完成後 37. 經過一到三個工作天後,官方帳戶會再回覆是否審核完畢與通過 ![](https://i.imgur.com/dnJbXgP.png) 38. 再次確認標籤設定(標籤在打字的時候可以召喚貼圖),沒問題後可以按上架 ![](https://i.imgur.com/szxKDmY.png) 40. 完成圖如下 ![](https://i.imgur.com/fFpsg2E.png) 41. 可以在項目管理內確認 ![](https://i.imgur.com/6biUrBS.png) ![](https://i.imgur.com/5K3Qcfh.png) ![](https://i.imgur.com/KB0YYbQ.png) ![](https://i.imgur.com/pjI4FH4.png) ![](https://i.imgur.com/5rqFgug.png) ![](https://i.imgur.com/aqsJfKd.png) ![](https://i.imgur.com/wY6IHT4.png) ## 手機版 0. 從Iphone透過Google雲端硬碟下載電腦端處理好的照片 ![](https://i.imgur.com/W00sm3y.png =200x)![](https://i.imgur.com/PdXVe25.png =200x)![](https://i.imgur.com/cMShUXp.png =200x)![](https://i.imgur.com/OqmPRYo.png =200x) 1. 使用手機相機APP 拍攝八張照片 {%youtube -8VdxDhVIs4 %}