免安裝・免帳號・純電腦本機處理
這次為什麼要整個重做？
先前我分享過一個用 AI 產生圖片、再做成 LINE 貼圖的工具，流程是「AI 生一張四格圖 → 切四格 → 打包上傳」。對老師來說確實夠用，但四格圖是四張靜態畫面，要變成動態貼圖，就只能靠一張一張輪播、加上縮放或位移撐出動感。老實說，那比較像是「會動的圖片」，而不是「一段動作」——動作是拼湊出來的，銜接自然就不順。
📌 換個思路：讓 AI 直接「動」起來
既然動作不順，那就不要硬湊。我的做法是把中間多插一個「影片」關卡：把同一組 4×2 的八格角色圖丟進 Google Flow，讓它生成一段真正的動態影片；影片本身就是連續動作，之後再交給這次新做的工具，去背、切 8 格、變成 LINE 動態貼圖。
這樣一來，前半段交給 AI 決定動作、後半段交給工具處理規格，分工乾淨，貼圖也順多了。
💡 簡單說，這次的流程變成三段：AI 生圖（Gemini）→ AI 生成影片（Google Flow）→ 切格去背打包（這個網頁工具）。工具裡就把三個入口按鈕直接排在最上方，不用另外找。
和新舊兩種做法差在哪？
完整流程：三個按鈕就完成
第一次使用，建議就照著下面三顆按鈕的順序走一次，之後熟悉了就能跳著用。
💡 還沒有影片也沒關係：工具右上角有一顆「✨ 載入示範影片」按鈕，會即時在你的瀏覽器裡合成一段 4×2 的示範動畫，可以先拿來練手、熟悉每個步驟。
使用詳細教學（四個步驟精靈）
工具介面分成四個步驟，最上方就是進度條，走到哪一步點一下就能跳回去改。只要上傳影片後，四步驟全部在本機完成。
步驟 1：上傳影片、決定要用哪一段
把 Google Flow 下載的影片拖曳進畫面上方的大方塊（或點一下選檔案）。支援 MP4／MOV／WebM，包含 9:16 直式在內的各種長寬比都沒問題。
接著最重要的是「設定影格擷取時間區間」：
- 開始／結束時間：可用滑桿拉，也可用數字框直接輸入秒數，或按「📍 設為目前位置」抓影片當下的時間點。
- ⚡ 快捷選取長度：一鍵取 1／2／3／4 秒。其中 2 秒最推薦，因為 LINE 動態貼圖總長上限 4 秒，2 秒剛好可以播兩輪。
- 🔁 循環播放此區間：先反覆看過這一段再決定要不要用，選得好再往下走。
- 時間一改，系統會自動重新擷取 12 幀並同步到後面所有步驟。
接著選擇工作模式：「A 直接分割為正方形 MP4」（不去背、給社群短影音用），或「B 製作 LINE 官方動態貼圖」（會依序跑第 2、3、4 步）。
步驟 2：智慧吸管去背
LINE 動態貼圖必須是去背透明背景，這一步就是處理這件事。按「🎯 畫面吸色管」後，直接點一下畫面上要去掉的底色（例如白底或淡桃紅底），預覽就會即時變透明。
底色不乾淨時，靠兩個滑桿微調：
- 色彩容差（Tolerance）：抓「多接近的顏色算底色」，底色有漸層或雜訊時可以加大。
- 邊緣羽化平滑（Smooth）：讓角色邊緣不要出現硬鋸齒、毛邊或一圈白框。
另外還有幾個貼心細節：
- 🔍 沉浸大圖檢視去背：切到全螢幕模式，畫面可放大到 200%，細節看得清清楚楚，還能直接點大圖取色。
- 🎨 去背預覽底色：預設是「淡桃紅＋白方塊」，另有經典灰白、薄荷綠、純黑、純白與自訂色。建議先切「純黑」檢查一遍，最容易看出有沒有殘留白邊。
- 隨時可下載去背後的完整透明 GIF，先留著當備份。
步驟 3：網格分割線拖曳微調
影片上會疊出橘黃色（水平）與藍色（垂直）分割線，每一格就是未來的一張貼圖。
常用規格有四種快捷選擇：4 欄 × 2 列（8 格）、4 欄 × 6 列（24 格）、3 欄 × 3 列（9 格）、2 欄 × 2 列（4 格）；也可以直接輸入自訂行列（1～10）。
如果 AI 切的格線沒有剛好對齊角色：
- 直接用滑鼠／手指拖曳分割線，位置即時更新，每條線還會顯示目前百分比。
- 精準微調：下拉選一條線，按「◀ −1%／+1% ▶」一格一格修。
- 🔍 超大視窗沉浸微調：全螢幕＋放大操作，專為 9:16 直式影片設計；直式影片上傳後系統會自動切到 150% 放大，因為直式在一般視窗裡實在太窄不好點。
- 改壞了不用怕，按「還原等分」一下就回到標準位置。
步驟 4：設定規格並一鍵輸出審核包
最後確認四個設定，再按右上角「開始分割導出」：
- 輸出格式：
LINE 動態貼圖（APNG＋ZIP）／僅正方形影片（MP4＋ZIP）／雙格式同時產出。 - 單元規格尺寸：LINE 貼圖選
320 × 270 px（上限）或270 × 270 px；要輸出 MP4 則有 360／512／640／720 px 可選。 - 排版模式：
等比留白（Contain）保留原比例、填滿裁切（Cover）填滿不留白框。 - 播放時間：選擇「單次秒數 × 循環次數」，例如
2 秒 × 2 次 ＝ 4 秒（官方推薦）。
產出後畫面上會列出每一格，隨時能單獨下載；也可以到「👑 main.png 封面來源」與「🏷️ tab.png 標籤來源」指定要用第幾格當封面與聊天室標籤，最後按「📦 一鍵打包 LINE 官方 ZIP」即可。
打包好的 ZIP，後台怎麼上傳？
工具產生的 ZIP 已經是根目錄平鋪結構（沒有子資料夾），上傳後台的流程只要四步：
登入 LINE Creators Market，點左上角「新增」。
項目選擇「貼圖」，並在貼圖類型勾選「動態貼圖」。
切到「貼圖圖片」分頁，把販售張數設成你的實際張數（例如 8 張或 24 張）。
直接上傳工具下載的 .zip，送出審核即可。
工具已經幫你對齊官方規格
LINE 動態貼圖的審核最容易卡在「規格不符」，這也是我把規則直接寫進工具的原因。以下是本工具的預設值與官方規範的對照：
🔧 這裡有個很細的地方：APNG 的「播放秒數」與「循環次數」其實是寫在檔案內部的標記裡，一般工具算出來常常會變成 2.03 秒這種數字，送出審核就會被退件。這支工具會把每一幀的延遲精準分配，加總後剛好等於你選的整數秒，再直接改寫 APNG 的循環標記並重算校驗值，所以能對上官方要求。
兩個貼圖合輯一起用
很多老師會做不只一組貼圖（例如「開學系列」「期末系列」各一組 8 張）。這支工具內建了ZIP 多合一合併功能，不用自己去解壓縮再改檔名。
- 上傳 2 或 3 個已經打包好的 8 張貼圖 ZIP，系統會自動攤平、依序重新編號為
01.png ~ 16.png（或24.png）。 - 每個 ZIP 卡片都能用 ▲▼ 調整先後順序，或用 ✕ 移除。
- 封面與標籤可以沿用原 ZIP 裡的 main.png／tab.png（與你原本輸出的 100% 相同，最保險），也可以改指定任意一張貼圖。
- 合併後張數不是 16 或 24 時，工具會主動提醒，避免白忙一場。
不想做貼圖，只想要 8 段短影片？
把第 1 步的模式選成 「A 直接分割為正方形 MP4」就好：不去背、不綁 LINE 規格，可以自選 512／640／720 px 與留白背景色，輸出適合IG reels、短影音或簡報播放的 1:1 影片 ZIP。不用去背的好處是畫面完整、邊緣不會糊。
為什麼可以「不上傳」就完成轉檔？
因為所有運算都在你的瀏覽器裡做完：
⚙️ 動態貼圖（APNG）怎麼來的？
上傳影片後，程式會依設定的時間區間平均抓取 12 幀存在記憶體裡。每一幀依序做色彩去背 → 依分割線裁切 → 等比縮放成指定尺寸 → 交給 UPNG.js 編碼成 APNG。接著直接改寫 APNG 內部的循環標記並重算校驗值，讓它精準符合你選的播放時間與次數。
⚙️ MP4 影片怎麼來的？
使用瀏覽器內建的 WebCodecs 影片編碼 API搭配 mp4-muxer，在你的電腦上直接編成 H.264 的 MP4；不支援的瀏覽器會自動改用 MediaRecorder。同樣不需要把影片送到任何伺服器。
🔒 關於資料與隱私
- 影片不會離開你的電腦，整個流程純前端運算，沒有上傳、沒有轉檔伺服器。
- 檔案只在你按下「下載」或「打包」時才寫成檔案，並由瀏覽器直接存到你的下載資料夾。
- 要測試功能但不想上傳自己的影片，可以先按「✨ 載入示範影片」試跑。
- 工具採 CC BY-NC-SA 4.0 授權，可自由使用與教學分享，非商業為限。
常見問題
讓 AI 動起來，貼圖就不再是「會動的圖片」
這次改版最大的差別，只是中間多了一個「影片」關卡，動作就自然多了。
工具免費、不用註冊、影片也不會外傳。
如果對你有幫助，歡迎分享給身邊想自己做貼圖的同事一起用。
沒有留言:
張貼留言