自製LINE貼圖/表情貼攻略！從畫布設定、動畫到上架手把手教學

自製LINE貼圖/表情貼開始賺錢！從畫布設定、動畫到上架手把手教學

睽違兩年～查理又出新的表情貼啦！有了上一次的經驗之後，這次不論是在畫布設定、上架等流程上，總算比較上手了一點，於是想在這裡分享給大家實際製作表情貼時，有遇到的一些困難＆解決方式，希望能夠幫助到正想畫貼圖賺錢的你～ 賣一組貼圖賺多少錢？ 這應該是很多想靠畫貼圖賺取小小收入的人心中的疑問，LINE官方規定1枚LINE代幣為1.76日圓計算，也就是我們每次買貼圖時，若用100代幣購買，則代表實際花了176日圓，這些全部都歸為貼圖創作者的收入嗎？當然不是！要先扣掉30％ Apple app store、Google play平台手續費，LINE與創作者再平分剩下的50％，最後還要扣除10%～20%的稅，才是創作者的獲利哦！ 舉個例子：銷售一組100代幣的貼圖=1.76*100=176日圓，這176日圓先交出30％平台手續費→176*70％=123日圓，再與LINE平分→123*50％=61日圓，到這邊就是你在LINE Creators Market販售報告裡面看到的分配金額唷（尚未扣除稅＆匯款手續費）。 其實真的賺不多啦～尤其像我們這樣不是知名作家時，貼圖通常不會出現在排行榜上，也比較不容易被搜尋到，所以想要自己畫貼圖，千萬要以平常心看待最後賺取的收入唷！ 開始畫貼圖第一步：畫布大小設定 因為現在有太多種不同的貼圖（隨你填、全螢幕、表情貼等等），每種貼圖都有不同的大小規範，這個規範非常重要！！只要不符合LINE的規範，在上傳時馬上就會被警告了，所以請大家在開始畫之前務必上LINE Creators Market的製作準則確認好要畫的貼圖的大小規定，否則會多許多不必要的麻煩呀～ 這次主要以製作動態表情貼作為分享，所以以下舉例也都是表情貼的格式唷！ 製作表情貼需要：聊天室標籤圖片*1（W 96 × H 74 pixel）8～40張表情貼（W 180 × H 180 pixel） 首先用procreate開一個畫布，但是若一開始就用180*180畫素的畫布的話，畫起來會呈現鋸齒狀，所以我是先開一個1500*1500畫素的畫布，畫完後再裁切成官方規定的大小。 開啟畫布後，先將繪圖參考線打開，並編輯繪圖參考線： 將網格尺寸改成500，就會出現較明顯的四格繪圖線，之後畫的表情貼上下左右都盡量貼齊邊界，裁切時較方便，裁切出來的大小也比較統一！ 第二步：畫筆粗細統一 為了維持同一組表情貼描邊粗細一致，要記好自己使用的畫筆粗細。另外，因為表情貼在對話框裡面其實佔的版面非常小，如果畫筆太細呈現出來的效果沒有很好，官方也建議輪廓線條畫粗一點，並且使用深色描邊效果最好。 這次製作表情貼我選的畫筆是火絨盒、尺寸75％。 第三步：讓表情貼動起來 要讓表情貼動起來，官方規定最少5個畫格、最多20個畫格，且每張畫格的時間單位為1、2、3、4秒，無法以小數（1.5秒）單位設定。每張動態表情貼最長4秒。 接下來只要開啟動畫輔助，按播放，就可以讓表情動起來啦～ 第四步：裁切與輸出 在裁切之前，我習慣先將整個檔案複製再裁切，這樣如果之後還有想修改的地方才能回去原檔修改。 按畫布＞裁切＆重新調整，將畫布設定為以下： 這樣一來就能用180*180畫素的框框裁切到適合的大小啦～裁切完後將背景的勾勾點掉，就直接是去背檔了。 這裡要注意盡量不要留白！！盡量裁切到圖案的最邊邊！！因為LINE會自動幫表情貼留空位，如果自己留了空位，上架後用起來反而會變得比一般表情貼還要小一號＞＜（切身之痛與大家分享）。 左邊是裁切時有貼齊邊界；右邊是留了一些白，差非常多！！！ 裁切完按分享＞分享圖層中的PNG檔案，就會輸出成每格畫格一個PNG檔案。 第五步：製作APNG檔 APNG製作免費軟體：https://sourceforge.net/projects/apngasm/postdownload 這個軟體的操作非常簡單～先將要製作成動畫的檔案拉進來，設定playback（重複播放次數），我這邊是設定4次。 再來設定Delays，我是有n張圖右邊就設定n秒。 接下來記得改檔名！不然他會自動蓋掉同檔名的圖檔。 這裡要注意，放在最上面（第一張）的圖案，會是之後在聊天室裡最後停留的畫面，所以要想清楚這張表情貼最後想停留在哪一個畫面，再把那個畫面放在第一張。 ※這邊要注意，因為在LINE Creators Market上的貼圖模擬器模擬時，最後停留的畫面不是第一張圖片，但實際完成之後的貼圖卻是停留在第一張圖片，所以大家不要被官方的模擬器誤導了（笑）。 存好之後就可以到LINE Creators Market上試傳看看，若格式都沒有出現錯誤，就可以接著做後面的表情貼囉！ 以上，就是我這次做表情貼摸索出來的小小攻略啦～我也是在錯誤中成長，因為當初沒有查到太多做表情貼相關的資訊，所以想出一篇文章和大家分享，讓大家少走一些冤枉路，希望大家的表情貼都一次通過！ 最後～如果你也剛好覺得這篇文章裡的小模特兒汪寶很可愛的話，歡迎手刀下載唷！裡面有可愛的中文+日文，每個表情都是查理平常常用的表情，真的非～～常實用！大推！ 💕喜歡的話｜記得分享給你喜歡LINE貼圖的朋友😊追蹤 @jouzu00｜和日日查理一起學日文

喀琿LAB｜讓第一次畫LINE貼圖就上手 (上篇-發想繪製)

(IG抽獎中)喀琿LAB｜讓第一次畫LINE貼圖就上手 (上篇)

👉👉👉 點 此 前 往 購 買 貼 圖 ▍大綱 這次的分享會分成上下篇。上篇為發想繪製，下篇為格式調整與上架眉角(包括如何快速裁切圖片，以及批次檔名修改，及最終上架)。 ▍前言 拖延症末期的我想畫貼圖的心至少超過5年了吧，但一直卡在草稿和腹稿階段。上週六颱風要來不來不敢出門，整天待在家又有點無聊，想練習畫畫又不知道要畫啥，於是又來嘗試畫貼圖。取法其他創作者的繪製經驗，這次畫起來順手很多，約兩天的時間就把40張的貼圖完成了(包含繪製、格式調整和裁切、上架、改版)。 這篇教學文兼筆記文是希望自己下次創作可以效率更高、少走點冤枉路，所以會以我為出發點且盡量詳細，所以會有很多碎碎念希望別介意喔XD。 ▍發想 這組貼圖的創作過程很偶然。起初想說第一次畫貼圖應該一切從簡，所以試著畫了幾張不同類型的Q版，結果發現風格很難統一，且不太好發展下去。後來又去翻翻自己的插畫作品看有沒有用的上的，發現有張黑白面癱女孩好像可以，於是就決定了這次的風格，並且稍微作點人物設定讓整組貼圖保持一致性－面癱(可以不用畫太多表情)、短髮(多點條件增加搜尋時的能見度)、厭世(近年蠻夯的標籤)、黑白色調(懶得上色)。 ▍繪製 (ㄧ些操作上的影片放在這篇IG貼文) 參考了其他創作者的做法(之前看到插畫家一事吳陳在IG分享創作過程、也有參加小黃間的貼圖創作工作坊)讓這次繪製效率大突進。尤其將所有圖片都繪製在同一個畫面這種方式是我以前沒想過的。這樣有非常多好處，比如可以確保風格沒有跑掉、圖片的尺寸比例維持一致、避免畫到重覆的圖片、修改調整快速......。(缺點就是檔案格式會比較大、需要另外裁切，下一PART將會分享如何快速裁切) 我是使用ipad pro 2018 64G(硬體規格會影響圖層的最大限制)和軟體Procreate繪製，此軟體須付費，但考慮到筆刷、軟體穩定且自動存檔(我會一邊蒐集資料或是用別的軟體製作素材，有時會不小心把APP關掉，所以自動存檔非常重要！)、操作直覺性(它的功能不是最完善的，但非常直覺，操作起來很順手)......，CP值相當高，非常值得投資。畫布版面設定參數為4000X10000px(4X10格)、DPI350，如此的最大圖層數是9。因為我的顏色不多且細節較少所以這樣的圖層就足夠了，如果風格比較比較複雜，可以考慮分成兩張繪製，或是版面設小一點。LINE貼圖的格式限制是W 370 × H 320，而我之所以單張圖片設定成1000X1000px(方型在構圖及調整上相對簡單，之後圖片再縮成320X320PX即可)，是考慮到縮小不易失真且之後想再運用也比較容易(比如開發貼紙之類的周邊不用因為尺寸太小而需重新繪製)。 畫布設定完成後，可以先將背景顏色調整一下不要黑色或白色(建議可以用類似LINE聊天室的藍色，可以馬上看到貼圖實際呈現效果)，這樣繪製時比較容易發現問題(我是後來才想到的，所以有很多地方都有不小心畫到痕跡後面修很久><)。然後再設定一下「繪圖參考線(顏色盡量選擇明亮點、不太用到，這樣才不用一直查看到底是參考線的線條還是自己畫的線條)」，網格尺寸設定成1000PX，這樣你就會得到畫好4X10格的畫布了。之後在於格子內繪製獨立的貼圖。因為我想要呈現帶針筆比較「實」的線條風格，所以這次選用的筆刷是「畫室畫筆(尺寸2%)」，文字則是「糖漿(尺寸不定)」筆刷。畫布和筆刷都決(設)定好後就可以開始作畫了，繪製的範圍不要超出格線，並盡量留出約10PX的空間裁切時才會被裁到。 這張就是被裁到了(上架之後才發現><) 這次的創作流程採用「文字先決」。先在每個格子裡寫上文字或使用情境在開始進行繪製，不用一次填完，我是大概一次處理8~10張圖。作為一個其實不太有機會聊天的邊緣人來說很容易會碰到一個困境－常用的貼圖情境太少，不知道要畫啥😅，我的解決方式式去貼圖小鋪找參考。為了避免抄襲和過度雷同，我主要參考文字情境，動作表情盡量都自己想。 前面幾張無中生有真的畫得很心累，大概畫了八張左右，會發現其實有些頭可以重複使用，所以後面的創作幾乎就是複製貼上了。選擇幾個臉型當模組，再去修改髮型、表情，增加手勢配件，讓整體不至於太單(ㄆㄧㄢˋ)調(ㄑㄧㄢˊ)。繪製當下可以開一個新圖層，畫好之後再與完稿圖象圖層合併，這樣可以避免不小心動到完稿。 我的圖層主要是分成圖像、文字、草稿、臉型模組。圖像的線稿和填色盡量分開但不是必要，但文字建議ㄧ定要分開，ㄧ方面是便於調整，一方面是可以像我ㄧ樣另外推出無字版本或隨你填版本XD，或當電子貼紙。 全部繪製完成後，可以幫圖片加上白邊，這樣即使是在深色背景使用，也不會影響貼圖呈現。我的白邊加法是，先將圖像和文字圖層複製→把複製好的這兩個圖層合併→將亮度調到最高→使用高斯模糊調到適(ㄕㄨㄣˋ)當(ㄧㄢˇ)尺寸。調整時可以將背景設成黑色看得比較清楚。存檔時記得把背景顏色取消勾選，並存成PNG檔。 完稿圖與圖層配置 NOTE ☛ 發想 ▪ 先決定好主要風格，並稍微作一下人物、色彩設定(整體會比較一致) ☛ 前置 ▪ 在同畫布上繪製 ▪ 將畫布設大一點 ▪ 調整背景顏色▪ 開啟繪圖參考線 ☛ 草稿與圖像繪製 ▪ 可先決定好要繪製的情境或文字 ▪ 可建立ㄧ些模組/樣板 ▪ 文字獨立成ㄧ個圖層 ☛ 其他 ▪ 如何快速加上白邊 👉👉👉 點 此 前 往 購 買 貼 圖 

裁切共 2 則文章

自製LINE貼圖/表情貼攻略！從畫布設定、動畫到上架手把手教學

喀琿LAB｜讓第一次畫LINE貼圖就上手 (上篇-發想繪製)