https://ckw19810413.github.io/tags/%E5%80%89%E9%BC%A0/Recent content in 倉鼠 on Intellectual GuidesHugo -- gohugo.iozh-TWTue, 13 Oct 2026 21:00:00 +0800https://ckw19810413.github.io/blog/line-animated-sticker-hamster/Tue, 13 Oct 2026 21:00:00 +0800https://ckw19810413.github.io/blog/line-animated-sticker-hamster/<img src="https://ckw19810413.github.io/blog/line-animated-sticker-hamster/cover.jpg" alt="Featured image of post 貼圖會動，才會被記住：「糰糰倉鼠」LINE 動態貼圖製作紀錄" /><blockquote> <p>🛒 <strong>糰糰倉鼠・會動的超有反應</strong> 已在 LINE 商店開賣（動態貼圖・NT$60）👉 <a class="link" href="https://line.me/S/sticker/37292039" target="_blank" rel="noopener" >在 LINE 商店購買</a></p> </blockquote> <p>聊天室裡同樣一句「好耶！」，靜態貼圖看一眼就滑過去；<strong>會跳起來、還灑彩紙</strong>的那張，大家會多看兩秒，甚至問「這組哪裡買？」</p> <p>所以第五組貼圖，我第一次做了<strong>動態貼圖</strong>：一隻頭頂小葉子、圓得像湯圓的倉鼠 <strong>糰糰</strong>。</p> <p><img src="https://ckw19810413.github.io/blog/line-animated-sticker-hamster/tuantuan-sheet.webp" width="800" height="680" srcset="https://ckw19810413.github.io/blog/line-animated-sticker-hamster/tuantuan-sheet_hu_588c710e460f875e.webp 480w, https://ckw19810413.github.io/blog/line-animated-sticker-hamster/tuantuan-sheet_hu_cc5b216e3f0cf22e.webp 1024w" loading="lazy" alt="糰糰倉鼠 16 張動態貼圖（會動）" class="gallery-image" data-flex-grow="117" data-flex-basis="282px" ></p> <h2 id="熱門動態貼圖的-5-個元素">熱門動態貼圖的 5 個元素 </h2><p>看了最近的排行榜，前面幾名常常是西村裕二的「GOKIGEN PANDA」、LOVE RABBIT，還有老面孔白爛貓、野生喵喵怪。我整理出動態貼圖會紅的 5 個共同點：</p> <ol> <li><strong>動作誇張，一秒看懂。</strong> 跳、抖、轉圈、噴愛心。縮到聊天室那麼小，動作也要清楚。</li> <li><strong>短循環。</strong> LINE 規定每張最多播 4 秒，好的動態貼圖都是 1 秒左右的小動作，重播幾次。</li> <li><strong>文字也要動。</strong> 字跟著角色一起彈一下，看起來就是「在說話」。</li> <li><strong>特效比角色還搶戲。</strong> 彩紙、眼淚、怒氣符號、Z 字、音符，這些小東西讓情緒一下就到位。</li> <li><strong>第一格要能單獨成立。</strong> 商店頁和沒播放的時候只會顯示第一格，所以第一格就要是一張完整的貼圖。</li> </ol> <h2 id="16-張的動作設計">16 張的動作設計 </h2><p>我先決定「這句話要怎麼動」，才去生圖：</p> <table> <thead> <tr> <th>台詞</th> <th>動作</th> <th>特效</th> </tr> </thead> <tbody> <tr> <td>嗨～</td> <td>揮手搖擺</td> <td>星星閃爍</td> </tr> <tr> <td>OK！</td> <td>輕跳</td> <td>星星</td> </tr> <tr> <td>好耶！</td> <td>大跳＋落地壓扁</td> <td>彩紙</td> </tr> <tr> <td>拍拍手</td> <td>身體一縮一放</td> <td>星星</td> </tr> <tr> <td>愛你</td> <td>心跳般放大</td> <td>兩側冒愛心</td> </tr> <tr> <td>謝謝</td> <td>鞠躬</td> <td>愛心</td> </tr> <tr> <td>嗚哇哇</td> <td>左右抖</td> <td>噴眼淚</td> </tr> <tr> <td>蛤？！</td> <td>原地亂抖</td> <td>驚嚇線</td> </tr> <tr> <td>哼！</td> <td>氣到發抖</td> <td>怒氣符號＋蒸氣</td> </tr> <tr> <td>衝了！</td> <td>奔跑彈跳</td> <td>速度線</td> </tr> <tr> <td>晚安</td> <td>慢慢呼吸</td> <td>飄 Z</td> </tr> <tr> <td>好好吃</td> <td>咀嚼</td> <td>掉碎屑</td> </tr> <tr> <td>偷看…</td> <td>從旁邊滑進來</td> <td>問號</td> </tr> <tr> <td>不要</td> <td>搖頭</td> <td>—</td> </tr> <tr> <td>嗨起來</td> <td>扭來扭去</td> <td>音符</td> </tr> <tr> <td>加油！</td> <td>跳躍應援</td> <td>彩紙</td> </tr> </tbody> </table> <h2 id="做法ai-畫姿勢程式負責動">做法：AI 畫姿勢，程式負責動 </h2><p>AI 生圖很難畫出「同一隻角色的 12 格連續動作」，所以我把工作拆成兩半：</p> <ul> <li><strong>本機 AI 繪圖模型</strong>只負責畫 16 個姿勢。固定同一個隨機種子，倉鼠的長相才會一致。</li> <li><strong>自己寫的 Python 程式</strong>把角色去背、加白邊，再一格一格加上跳躍、壓扁、旋轉，最後畫上彩紙、眼淚這些特效，輸出成 LINE 規定的 APNG 格式。</li> </ul> <p>每張是 12 格、每格約 0.083 秒，一輪剛好 1 秒，重播 3 次。</p> <h2 id="審核規格裡最容易卡關的一條">審核規格裡最容易卡關的一條 </h2><p>第一次上傳，16 張全部顯示「錯誤」。點開才看到：</p> <blockquote> <p>播放時間請設定為1秒、2秒、3秒或4秒。</p> </blockquote> <p><strong>LINE 要求總播放時間剛好是整數秒。</strong> 我原本每格 0.09 秒 × 12 格 × 3 次＝3.24 秒，就被擋下來。改成每輪剛好 1 秒（最後一格稍微拉長補足）之後，16 張一次就通過了。想做動態貼圖的人可以先記住這條。</p> <p>其他規格：每張最大 320×270 px、5～20 格、最多 4 秒、每個檔案 1MB 以下；主要圖片 240×240 也要是動態的。</p> <h2 id="目前上架進度">目前上架進度 </h2><ul> <li><strong>糰糰倉鼠・會動的超有反應</strong>（動態貼圖，NT$60 起）：10/13 送審，通過後會自動開賣，連結我會補在這裡</li> <li><strong>麻糬海豹噗嚕・想躺平日常</strong> 👉 <a class="link" href="https://store.line.me/stickershop/product/37215265/zh-Hant" target="_blank" rel="noopener" >LINE STORE</a></li> <li><strong>芋圓貓・黏TT戀愛日常</strong> 👉 <a class="link" href="https://store.line.me/stickershop/product/37220496/zh-Hant" target="_blank" rel="noopener" >LINE STORE</a></li> <li><strong>綿綿羊・喜氣羊羊過好年</strong>（2027 羊年）👉 <a class="link" href="https://store.line.me/stickershop/product/37266378/zh-Hant" target="_blank" rel="noopener" >LINE STORE</a></li> <li><strong>柚柚水豚・情緒穩定中</strong>：審核中，製作紀錄在<a class="link" href="https://ckw19810413.github.io/blog/line-sticker-capybara-calm/" >這篇</a></li> </ul> <p>全部作品都在我的 <a class="link" href="https://line.me/S/shop/sticker/author/6564520" target="_blank" rel="noopener" >LINE 貼圖作者頁</a>。</p> <h2 id="誠實筆記">誠實筆記 </h2><p>這組貼圖的角色是用 AI 生成的，動畫則是程式產生的，LINE 商店頁會標示「使用AI」。動作是用程式做的，所以比手繪動畫簡單，但每一張都有角色動作、文字彈跳和特效三層，縮到聊天室大小也看得清楚。</p> <hr> <p><em>你最想看糰糰做什麼動作？「轉圈圈」「被揉臉」還是「塞滿兩頰」？告訴我，下一組動態貼圖就做。</em></p> <hr> <blockquote> <p>🛒 <a class="link" href="https://line.me/S/sticker/37292039" target="_blank" rel="noopener" >在 LINE 商店購買「糰糰倉鼠・會動的超有反應」</a>｜全部 27 組依主題整理在 <a class="link" href="https://ckw19810413.github.io/line-stickers/" >Massor LINE 貼圖全系列</a></p> </blockquote>