螢幕快照 2020-12-29 下午5.12.23

LINE原創市集為創作者們開設的「2020 動態貼圖進階課程工作坊」直播課程,邀請到巨匠電腦設計學院資深的專業講師-黃俊傑老師,以及擁有多組暢銷動態貼圖的小學課本的逆襲創作者-畫龜畫獨家授課,日前課程已圓滿落幕,但是不是還有很多創作者沒參與到呢?沒關係LINE原創市集聽到你們的心聲了👂現在就來回顧一些精彩的課程吧!

 

本次課程使用的是Clip Studio Paint(CSP)軟體,歡迎創作者們先準備好軟體,和我們一起動手做看看~那麼就開始進入精彩的課程回顧吧!

 

🌟 動態貼圖繪製流程

 STEP1:模擬草稿


螢幕快照 2020-12-29 下午5.30.18

在製作動態貼圖中最重要的部分就是模擬草稿,首先可以先做幾個角色的設定,把他的樣子、不同角度設計出來,之後對照設計稿製作角色比較不會跑掉、且可以重複利用修改喔~

 

 STEP2:分配影格,設計草案&動線

1


再來可以簡單設定動線,做初步的動作發想,LINE貼圖對於上架的動態貼圖規範是不超過20個影格,建議設計17-18差不多、留一些作為緩衝區。完成動線發想這一步後草稿也大致完成,之後就會比較順利囉!

 

 STEP3:更改動作

螢幕快照 2020-12-29 下午5.45.06

更改動作有個快速的小訣竅!你不需要每個影格都重畫,而是可以複製前一個影格更改局部角度和動作。

首先在下一個影格複製上一個影格,並使用橡皮擦擦掉你想要改的區域,被橡皮擦圖過的地方會呈現藍色,這是因為描圖紙的功能,它可以讓你看著前一個影格線條位置來做修正噢!

 

 STEP4:加上文字

螢幕快照 2020-12-29 下午5.57.56


很多創作者的文字不會一開始就加入,而是到第五格開始才會加入,文字需注意的地方是記得可以善用CSP中的邊界效果自動幫文字加邊,在這項工具中還能調整粗細、顏色等,因為有時候很多使用者的背景是有多種顏色的,因此加上邊框可以保護字一定看的清楚唷~

💡小提醒:文字加上邊框會使貼圖文字更凸顯!

 

 STEP5:線稿、角色上色

螢幕快照 2020-12-29 下午6.10.35

當線稿完成以後就可以開始進行上色啦~其實上色的處理跟靜態貼圖的著色差不多,只要注意的是如果你有些地方不小心漏填了顏色的話,上架時是有可能被退稿的喔!因此會建議可以墊一張有色圖層或是暫時將紙張關掉,以便檢查是否每個地方都上色成功唷!

💡小提醒:善用油漆桶、儲存色票或噴槍等工具,可以為上色階段節省不少時間!

 

 STEP6:輸出

輸出是許多創作者最頭痛的部分,不但要注意檔案有沒有過大、還要注意放在LINE STORE商品頁面的主圖合不合格,不用緊張!現在教你秘訣讓你一次OK啦!


螢幕快照 2020-12-29 下午6.27.51

由於動態貼圖有別於靜態貼圖,須將貼圖周圍空白之處裁掉,在CSP中若是要裁切圖片的話可以使用編輯>變更畫布尺寸,去調整周圍餘白的部分。若是有文字的話就可以視情況進行裁切圖片大小,這部分就交由創作者們自行決定囉!


螢幕快照 2020-12-29 下午6.16.32

去除完留白的像素就可以開始輸出摟~在這裡建議可以先建立一個資料夾,方便後續存檔作用喔!
接著點擊檔案>寫出動畫>
連號圖像,選擇剛剛建立的資料夾後,編號的部分由1開始,並選擇PNG格式、畫面更新率填入8後,就能繼續下一步囉!

💡小提醒:製作動態貼圖時,盡量不要做太多漸層混色等功能,檔案容易過大喔!

 
 STEP7APNG Assembler 輸出

輸出完後將PNG進行檔案壓縮,最後用APNG Assembler安排循環與秒數,就完成可以上架的動態貼圖啦~

這邊老師的建議是將「可以呈現完整貼圖意思」的畫面選作首圖,才會更加吸引人唷!可以根據想呈現的快慢速度去調整秒數,而循環次數的安排就與秒數有關啦:單跑一輪()x重複次數=最終秒數
螢幕快照 2020-12-31 下午12.42.59

例如:若是製作15影格的動態貼圖,每一輪的秒數就會是1.5秒,
為了符合規定的輸出秒數,這時候就只能設定重複兩次唷!


相信創作者一定有如果是無法整除的數量要如何製作的疑問吧!別擔心,老師影片裡也有詳細的教學!
首先一樣選擇首圖以及將影格放入APNG,以17張要循環一輪1.5秒的範例作為說明:選擇Delays Settings>>輸入15/170 seconds,這個概念是以分數擴分來的唷!


螢幕快照 2020-12-31 下午12.21.18

接著一樣選擇Playback Settings來建立循環次數就大功告成囉!!

螢幕快照 2020-12-31 下午12.21.31


💡小提醒:APNG輸出後的首圖也會是上架貼圖後的首圖唷

️ ️ ️ 最後再特別提醒一下創作者們LINE貼圖的上架規定️ ️ ️ 

1.影格為5-20
2.
輸出時間只能為整數秒(1, 2, 3, 4秒)
3.
輸出格式為APNG,檔案大小300KB
4.
重複次數為1, 2, 3, 4

以上就是由我們資深動畫製作黃俊傑老師的分享啦~
緊接著還有小學課本的逆襲創作者畫龜畫的經驗談分享,不要錯過啦~
🤩

課程回顧#2|小學課本的逆襲創作者畫龜畫 獨門秘笈大公開!>> http://lin.ee/o04fcdN/crtw/blog
螢幕快照 2020-12-31 下午2.17.16


完整版影片請看這邊|2020動態貼圖工作坊-巨匠黃俊傑老師

 

更多動態貼圖製作分享:
原創動態貼圖進階班|Sweet House 松尼



2019 LINE原創市集國際論壇|貓貓蟲咖波創作者-亞拉