【說明】設計動作
我們有了一個初步的草稿後，就要準備開始讓圖片動起來!在前面有提及，一個動態貼圖的時間不能超過4秒，所以我們必須在4秒內完成想要完成的動作，所以貼圖並不需要太過複雜，簡單能表達出我們想要的意思即可。
首先我們可以先畫個時間軸，標出時間。
想像一下，所需要的動作，以及分配秒數。
舉個例子: 寄居蟹背殼露出開心表情最後出現文字，總共2秒。
小提醒:
前面有提及一個貼圖最多4秒，但秒數不一定要四秒，可以1秒﹑2秒跟4秒，之後重複動作4次﹑2次及1次就可以了呦!
小作業:
畫出時間軸，做出設計動作
【靈感來源】素材製作
利用CTA角色製作系統
使用CTA角色製作，也能切割更方便，骨架也能讓設計的角色做出自然的動作呦!
需要動的部位分割出來
利用製圖軟體的圖層和魔術棒工具，就能切割素材出來。
在製圖時就可以分圖層製作各部位，儲存時只要隱藏其餘部位圖層即可。
以寄居蟹為例: 背殼⇒開心⇒出現字 有動作的素材:角﹑殼﹑字(好)﹑字(窩)﹑微笑﹑開心 無動作的素材:寄居蟹(殼要動所以是沒有殼的寄居蟹) 總共7張。
小作業:
想一想需要切割的部位，並製作素材電子檔。
檔案管理
利用動畫軟體輸出時，每個影格會跑出一張圖檔，最後使用製作apng的程式製作動畫也需要10~20張圖片，所以為了避免動畫輸出的圖片與素材圖片混在一起，檔案管理就顯得非常重要，才不會找不到圖喲!
所以這裡有個小建議，將”一種”貼圖分成三個資料夾，分別為素材﹑專案檔跟APNG，這樣圖片就不會混在一起呦!
小作業:
將素材作好分類放入各個貼圖資料夾。
【解決方案】動畫製作
利用CTA動畫製作軟體，將製作出來的素材導入裡面，利用製作功能可以將貼圖動畫製作出來，也能預覽動畫製作出來的感覺。
輸出動畫選擇影像輸出，就能將每一個影格輸出成PNG檔，後面製作就會很容易呦! 記得因為是影格輸出，所以會有很多張圖，記得放入專案檔的資料夾中，才不會搞混圖片。
小作業:
製作動畫輸出圖片到專案檔資料夾。
最後挑出專案檔裡10~20張的圖片，若是較為複雜的動作盡量挑多些圖片，也盡量平均選圖。
利用製作APNG檔的程式製作，可以選擇圖片播放的秒數及重複次數。
注意在CTA程式裡撥放只是預覽效果，到製作APNG的程式裡需要重新設定。
製作完成後可利用GOOGLE瀏覽器預覽製作的APNG檔。
小作業:
選擇圖片做出APNG檔。
這樣動態貼圖就製作完成啦!
