特效貼圖的製作方法

以下為特效貼圖的詳細製作方法及重點整理。

目錄

特效貼圖的特點

特效貼圖包含靜態的貼圖圖片及動態的特效圖片兩層架構。

  • 特效圖片
  • 貼圖圖片

特效圖片的動畫會在聊天室的背景中播放,且播放時會重疊到對話框或貼圖圖片,
因此請採用即使部分被遮蔽也不受影響的圖片設計。

※貼圖圖片與特效圖片不一定要使用同一張插圖

※與製作動態貼圖時一樣,APNG的第一張畫格不可使用靜態的貼圖圖片

圖片大小

特效圖片的寬或高其中一邊必須為480px,且須符合以下條件:
- 若寬為480px,高須為320px以上
- 若高為480px,寬須為200px以上
- 圖片大小須在寬480px × 高480px以內

特效圖片會以完整顯示為前提,在聊天室背景放大到最大範圍。

  • 若要完全覆蓋整個聊天室畫面,請參考以下的圖片大小設定。
  • iPhone6/7/8:寬326px × 高480px
    iPhone11/XR:寬274px × 高480px
  • ※由於各種裝置的畫面比例不同,目前無共通的圖片大小設定可讓所有裝置都達到滿版顯示
    ※上述為直向顯示圖片的參考設定數值

顯示位置

特效圖片的垂直顯示位置可由3種當中任選1種。

- Top
- Center
- Bottom

選擇適當的動畫顯示位置,可讓貼圖展現更好的效果。

例如若要讓角色由畫面上方垂下,請將顯示位置選為「Top」。

每張圖片可設定的畫格數與重複播放次數

  • · 播放時間最長為3秒。時間單位可設為1秒、2秒或3秒,不可設帶有小數點(1.5秒)的單位。
  • · 重複播放次數最多為3次。
  • · 畫格數(插圖)最少為5個畫格,最多為20個畫格。
    ※使用APNG製作工具(APNG Assembler等)製作APNG檔時,若連續使用相同的圖片,將可能會被輸出成1個畫格。
    ※若所有畫格皆使用相同圖檔,將無法呈現貼圖的動態效果,且上傳時將出現錯誤。

1秒 內含 20個畫格 × 重複播放3次 = 3秒

3秒 內含 20個畫格 × 重複播放1次 = 3秒

1秒 內含 50個畫格 × 重複播放1次 = 1秒(超過畫格數上限)

2秒 內含 20個畫格 × 重複播放2次 = 4秒(超過3秒最長播放時間上限)

製作APNG檔時,容易超過容量的範例

非平塗且使用許多漸層的插圖

動態背景在動態範圍內所佔面積過高

火焰、集中效果線條、閃爍的光芒或花瓣等範圍大且動態效果細微的貼圖

製作APNG檔時,不易超過容量的範例

平塗且顏色數量少的貼圖

動態貼圖當中重複使用相同的畫格 (標有標誌者為相同的畫格)