用Clip Studio Paint來製作一個 line 的動態貼圖 - by Keeper's Review

平時用LINE嗎? 用LINE時會習慣性的貼圖表達自己的感覺嗎? 有時懶的回話, 或是不知回什麼才好, 有沒有覺得用一張貼圖便可以代表千言萬語了呢?

除了一些常用的免費貼圖, 也看朋友們使用很多很可愛的自製動態貼圖, 有沒有心癢癢也想自己弄一組自己專屬的自製動態貼圖呢?

本篇將示範如何將已製作好的分解動作.png圖檔用 Clip Studio Paint 的時間軸來輸出可以上傳到 LINE 的動態貼圖.

Line 的貼圖種類

除了我們一般常見的靜態貼圖, 大型貼圖和動態貼圖之外, 還有訊息貼圖(以文字傳達訊息為主), 隨你填貼圖和特效貼圖. 本篇僅示範動態貼圖的製作及上架流程.

自製LINE貼圖的方式

基本上, 自製LINE貼圖有以下幾種常見的方式:

方法一
照片: 是用現有的家中寶貝的照片直接上傳到LINE Creators Studio做成小貼圖

方法二
手繪: 是直接在LINE Creators Studio手繪後, 做成小貼圖 → 這個難度有點大, 因為手機畫面太小, 如果沒有手繪筆的話, 用肥肥的手指也不太好手繪.

另外一種手繪的方式是直接手繪貼圖在紙上, 然後利用免費的線上修圖網站修圖上色好之後, 再上傳到LINE Creators Studio做成小貼圖

方法三
電子繪板: 是入手一台價格合理的電子繪板, 使用功能強大的 Clip Studio Paint 來繪制貼圖, 繪圖/修圖/上色一次完成後, 上傳到 LINE Creators Studio 做成貼圖

自己試了上述幾種方法, 用照片來做貼圖, 無懸念, 很快就搞定!! 然而如果想要製做出專業美觀的LINE貼圖, 那麼, 就要用第三種方法了, 入手一個電子繪板, 然後下載可以免費試用三個月的 Clip Studio Paint 來繪制貼圖.

LINE 動態貼圖製作注意事項

詳細內容可參考line動態貼圖製作準則的官網. 這裡只列出幾項重點:
➤ 動態貼圖的尺寸: 最大不可超過寛320x高270px,
➤ 建議將高設為270px
➤ 製作動態貼圖的每個動作圖檔必需是PNG檔
➤ 每張動作圖檔必需相同尺寸
➤ 重複播放次數：不得超過4次
➤ 每張動態貼圖總播放時間不得超過4秒
➤ 每張動態貼圖(apng檔)的動作圖檔(.png) 最少5張, 最多20張
➤ 建議第一張與最後一張的圖檔是相同的圖片
➤ 為無背景圖片去背
➤ 圖案與邊緣之間不要留白
➤ 貼圖內不可有企業商標或置入性行銷
➤ 動態貼圖可接受的組合數: 至少八張貼圖, 然後16張, 最多一組可有24張.

** 請注意, 如果是用照片, 務必確保照片裡沒有出現任何帶有版權的圖樣, 例如: 小寶寶衣服上不能有Disney卡通圖案, 等等.

* 貼圖組合數: 一般建議一組最好有16到24張, 當然啦, 如果是自己做好玩, 想要下載來自己使用, 沒有想要營利的話, 8張也OK 的.

自製動態貼圖使用工具及軟件

➤ 繪圖使用價格合理的wacom電子繪板
➤ 繪圖軟件使用Clip Studio Paint, 現在下載可獲得3-6個的免費試用期.

用Clip Studio Paint製作animated png

步驟一
在Clip Studio Paint裡準備好靜態的分解動作貼圖組合, 每張動態貼圖(.apng)需要5-20張的分解動作.png的圖檔(又稱為"畫格"). 如果是要製作成無背景的動態貼圖, 那麼在儲存畫格時, 記得要去背後再存成.png圖檔.

步驟二
請先觀看下面2分鐘短片示範如何用Clip Studio Paint將分解動作的圖層(畫格)做成動畫, 再存成 line 動畫貼圖可以接受的 .apng 圖檔.

⧭注意:
在上圖[新建時間軸]對話框裡的"播放時間", 實際上, 指的是在時間軸裡的畫格數目.
而在上圖中[動畫貼圖APNG輸出設定]對話框裡的"播放時間"除了不能超過4秒之外, 還必需是整數. 也就是說LINE只接受1,2,3,4的整數時間, 如果是3.8秒, 那麼上傳後就會出現錯誤訊息.

➤ [新建時間軸] 和 [新建動畫資料夾]: 不同的部位(頭和三條線)做出不同的動作(頭左右搖擺, 三條線變長變短)時, 記得要分成不同的動畫資料夾.

➤ 不同的動態貼圖會在不同的時間軸, 例如: 笑和哭, 會在不同時間軸, 而同一個動態貼圖裡的不同動作, 例如: 眨眼和張嘴的次數與速度, 則分成不同的動畫資料夾.
➤ [指定膠片]: 用[指定膠片]來設定要出現在時間軸上的圖層. 關於如何[新建時間軸]/[新建動畫資料夾]/[指定膠片], 可參考這篇: 如何用Clip Studio Paint來做一個動畫.
➤ 藍線是整個動畫的時間段
➤ 紅線的位置決定了所選擇的圖層會出現在時間軸裡的位置
➤ 按下[檔案]→[寫出動畫]→[動畫貼圖APNG]來輸出一張apng圖檔
➤ 在輸出時下面的設定很重要, 設定是否正確決定了能否成功的上傳到 LINE CREATORS MARKET.

➤ 高度: 設270px

➤ 畫面更新率: 不能超過4

➤ 重複播放次數: 不能超過4, 然而除了不能超過4之外, 還要參考下方的播放時間. 因為LINE動畫貼圖每張的播放時間不能超過4秒. 必需是1,2,3,4的整數時間.

➤ 不要勾選[刪除餘白], 因為如果勾選它, 會改變上面設定的高度與寛度.

做好所有的設定後, 按下[OK]鍵, 即成功的輸出一張符合LINE動態貼圖的animated PNG圖檔了.

自製貼圖上架流程

電腦上架:
步驟一
在電腦上登入LINE CREATORS MARKET後→按下[New Submission]→選[Sticker]

接下來便是填寫動態貼圖的詳細資料, 裡面要填寫的資料如下:

➤Sticker Type: 在這裡設定貼圖的類別, 本篇示範動態貼圖, 所以選[Animated Stickers]
➤No of Stickers Per Set:
➤Title: 貼圖名稱, 最多40個字
➤Sticker Description: 貼圖簡介, 最多160個字
➤Add Languages: 可以加上中文貼圖名稱及簡介的翻譯
➤Copyright: 可以放上貼圖的版權, 例如你的名字
➤Style Category: 貼圖的分類, 例如: 可愛, 有趣... 等
➤Character Category: 貼圖主角分類, 例如: 男生, 女生, 動物... 等
➤Privacy Setting: 選擇要不要出現在 LINE 的 Sticker shop
➤Line Stickers Premium: 選擇是否加入 LINE 的 Premium 服務.
➤Sale Region: 選擇貼圖被販售的區域
➤Includes Photos: 選擇貼圖是否含有照片

步驟二
填好上面的資料後, 按下[Save]鍵→選[Sticker Images]分頁→按下[Edit]鍵

在這裡可以設定動態貼圖的組合數(8/16/24), 和上傳剛才在Clip Studio Paint製作好的.apng動態圖檔了.

請注意
➤ main ：這個地方上傳的貼圖是會顯示在購買頁面的主圖, 尺寸必須是 240x240 px 正方形的 .apng 圖檔.

➤ tab ：這個則是出現在LINE聊天訊息欄時, 顯示在最下方的標籤圖片, 所以允許的尺寸很小, 寛96/高74 px的 .png圖檔.

➤ 後面01～08 ：就是依序上傳製作好的動態貼圖.apng圖檔.

步驟三

如果願意, 可以為每張貼圖添加標籤, 做法如下:

步驟四

一切設定都弄好之後, 按下[Request]鍵, 提交送審靜候佳音了.

注意事項

誤區勿入:

如果想用LINE貼圖賺錢, 切記不要選取這個[Download for free with no revenue shares]. 選這個雖然 creator 自己可以免費下載, 但也同時失去了分享利潤的機會. 重點是, 你要送人, 你還是要花錢買, 然後卻不能分享利潤.

所以, 用[Paid download with revenue shares]選項, 雖然 creator 自己也要花錢下載自己的貼圖, 但是, 自己同時也能獲得利潤回饋(雖然很少).

所以, 如果你只是打算自己做一組來玩, 既不想獲取利潤回饋, 也不想送人, 那麼, 自然是可以選[Download for free with no revenue shares].

下圖為自己購買自己的貼圖後的利潤回饋

審核過程

一旦完成動態貼圖製作, 不論是8, 16或 24張, 按照上述方式送出審核, 在按下[Submit for approval]後, 一共有4個審核階段:

waiting for review/in review/processing/approved or rejected, 前後大約2-3天.

Submit for approval → Waiting for review (take about 8 hours) → In review (about 4 hours) → Processing → Approved (or Rejected) (about 10 mins) → Release 按下去就正式上架到LINE sticker shop.

當結果是[Approved]自然很高興, 但不要忘記要自己按下[Release]鍵, approved的貼圖才會正式上架到 LINE 的 sticker shop 哦.