http://creator-mag.line.me/tw/archives/64838402.html
*************************************************************************
製作「動態貼圖」時的畫格調整相關注意事項
動態貼圖不僅要透過動態呈現效果，以靜態圖片呈現時也必須能夠傳達情緒。
因此，以靜態圖片顯示的第一張畫格，請使用可清楚感受該貼圖所要傳達情緒的插圖。
舉例來說，具有故事性的動態效果結束後，最後一張畫格所要傳達的是「感謝」的心情時，請各位在第一張畫格和最後一張畫格都使用相同的插圖。
動態效果雖然是由[02.png]插圖開始，但若以這張插圖作為靜態圖片，將無法傳達「感謝」的心情
在［01.png］使用和最後一張畫格一樣可傳達「感謝」心情的插圖
[01.png]將於貼圖以靜態圖片（未播放動態效果時，或是選擇貼圖時的畫面）呈現時顯示
每張圖片的畫格數限制與重複播放次數限制
· 最長播放時間為4秒。時間單位為1、2、3、4秒，無法以小數（1.5秒）單位設定。
· 每個APNG檔的PNG畫格數：插圖為最少5個畫格，最多20個畫格。
※使用APNG製作工具（APNG Assembler等）製作APNG檔時，若連續使用相同的圖片，將可能會被輸出為1個畫格。
※若所有畫格使用相同圖檔，將無法呈現貼圖的動態效果，且上傳時將出現錯誤。
· 每個APNG檔的最長播放時間為4秒。
1秒 內含 20個畫格 × 重複播放4次 ＝ 4秒 1秒內含20個畫格
4秒 內含 20個畫格 × 重複播放1次 ＝ 4秒 4秒 內含 20個畫格
1秒 內含 50個畫格 × 重複播放1次 ＝ 1秒 (超過畫格數上限) 1秒 內含 50個畫格
3秒內含20個畫格×重複播放2次＝6秒（超過4秒最長播放時間上限） 3秒 內含 20個畫格
◎製作APNG檔時，容易超過容量的範例
1.非平塗且使用許多漸層的插圖
2.動態背景在動態範圍內所佔面積過高
3.火焰、集中效果線條、閃爍的光芒或花瓣等範圍大且動態效果細微的貼圖
◎製作APNG檔時，不易超過容量的範例
1.平塗且顏色數量少的貼圖
2.動態貼圖當中重複使用相同的畫格 (標有標誌者為相同的畫格)
********************************************************************************
會動的PNG圖檔 APNG製作 附圖教學
http://blog.xuite.net/gn01283786/darkwing/40024098-%E6%9C%83%E5%8B%95%E7%9A%84PNG%E5%9C%96%E6%AA%94+APNG%E8%A3%BD%E4%BD%9C+%E9%99%84%E5%9C%96%E6%95%99%E5%AD%B8
使用的軟體為APNG Anime Maker（http://sites.google.com/site/cphktool/apng-anime-maker），
上述網址為官網（應該吧？），同時網站的最下方還附加軟體的免費下載點。
軟體開啟後，基本上是長這個樣子（如下圖）。
支援的圖片格式為.bmp、.png、.jpg。
接著按OPＥＮ，選取想製作成ＡＰＮＧ的圖片後（可複數選取），按開啟，就可將原檔給匯入（如下圖所示，建議圖片的維度要一樣）。
上面的按鈕功能我就不多解釋了，至於右邊的的功能部分，
Delay就是設定圖片的停留時間，可選擇是以msec或fps的格式來設定，
Ｏｆｆｓｅｔ可以調整圖片的座標，可以做出圖片偏移的效果。ｉｎｃｒｅｍｅｎｔ則是增量功能，不過此功能我沒用過，所以不多作介紹。
偏移效果的部分，可以以單張圖片作出圖片移動的效果，以移動X軸為例，
以一張白圖作為底圖（ＸＹ軸不動），其它的都以同一張圖填成，用右邊的Offset鍵設定後，可達到以下效果。
設定如下圖所示，未命名.bmp是一張空白圖片，作為背景用。
成品
Ｄｉｓｐｏｓｅ的三個按鈕，分別是無設定，接續上一個，以及背景圖，不特別去選擇也沒關係就是了。
Ｂｌｅｎｄ是可以設定以哪張為圖源，如果是一連串的動作圖，可以選一個作源圖，而其它的圖就以此圖為底，
基本上沒特別去選擇的話，一般來說是以第一張為源圖。
Tolerance則是優化，在空格內輸入數值，數值越高，圖片的檔案大小就越精簡，但是圖片的失真度也越高，
ｌｏｓｓｌｙ打勾、空格內輸入數值的情況下，再按Ｏｐｔｉｍｉｚｅ，會自動對圖片進行損壞性的壓縮，
Selected Region Only是將全區塊的圖片一起進行處理，Selected Image Only則是只有處理選中的圖片。
基本上如果不在意圖片的檔案大小的話，優化數值選1會比較適當。
loop是選擇圖片要loop幾次，預設是0，也就是無限多次。
Compression Level則是設定png圖片本身的品質，基本上預設的6就很夠用了。
製作完後記得要按Ｓａｖｅ鍵存檔。
圖片設定如下：
成品
基本上功能介紹，在官網上都有寫，不過整體來說，大致上可分為移動跟連續播放兩種功能。
跟Ｇｉｆ不同的是，ＡＰＮＧ可以做出品質更高的動畫圖（Ｇｉｆ只有２５６色可以選），但相對的，檔案大小的部分也就跟著越高，
對圖片品質比較龜毛的人，可以選擇用ＡＰＮＧ。Ｇｉｆ跟ＡＰＮＧ各有利弊就是了。
********************************************************************************
內部儲存空間/Android/data/jp.naver.line.android/stickers
*******************************************************
line 貼圖路徑
/Library/Application Support/Sticker Packages
正如功能說明頁面所介紹的，在 animation 資料夾下的 PNG 並不是一般的 PNG 圖片，
而是一種叫 Animated Portable Network Graphics 的動態 PNG 圖片檔，
不過一直到現在，依舊沒被廣泛使用，目前僅 Firefox、Safari 瀏覽器支援，Chrome 聽說在未來版本也會支援，
多數檢視器都只會看到一張靜態的圖片，所以最快速的方法就是轉換為 GIF 格式來使用。
《Line 貼圖打包》一鍵打包 Line 貼圖，靜態、動態、有聲、全螢幕貼圖任你下載！
靜態貼圖下載
dl.stickershop.line.naver.jp/products/0/0/1/?/iphone/stickers@2x.zip
「C:\Users\使用者帳號\AppData」這個路徑的檔案，無法直接從 Windowns檔案總管瀏覽存取，需要先設定「資料夾選項」→「顯示隱藏的檔案、資料夾」。
Chrom又跟ＩＥ不同不能從「工具(O)」中直接檢視檔案，最簡單的做法建立捷徑快速開啟資料夾。
APNG 免安裝版 — *.apng (png 動畫) 檔案處理工具。其實 APNG 這個也只是站長稱呼的一個總稱而已。這套包含5款工具: apng2gif (用作把 *.apng 檔案轉成 *.gif 檔案)、APNG Assembler (從靜態圖片轉成 *.apng 檔案)、APNG Disassembler (從 *.apng 檔案轉成靜態圖片)、APNG Optimizer (把 *.apng 檔案大小最佳化) 以及 gif2apng (用作把 *.gif 檔案轉成 *.apng 檔案)，十分好用。*.apng 檔案可用 XnView 開啟。
官網: apng2gif — http://apng2gif.sourceforge.net/ (剩下4個可按進去再選)
其他載點: (只有免安裝版)
沒有留言:
張貼留言