สติ๊กเกอร์ดุ๊กดิ๊ก คือสติ๊กเกอร์ที่ขยับได้ ใช้ไฟล์ APNG (PNG แบบเคลื่อนไหว) ส่งขายผ่าน LINE Creators Market เหมือนสติ๊กเกอร์ภาพนิ่ง แต่มีกฎเรื่อง ขนาด จำนวนเฟรม ความยาว และขนาดไฟล์ ที่ต้องทำให้ผ่าน หลักการทำคือ ท่าสั้น ๆ วนซ้ำได้ ใช้เฟรมน้อยแต่ชัด
ผมมีชุด “Cheeky Pup: Animated Antics” ในร้าน บทความนี้สรุปสิ่งที่เรียนรู้จากการทำชุดนั้น
สเปกโดยสรุป (ตรวจหน้ากฎของ LINE ก่อนส่ง)
| รายการ | ข้อกำหนดโดยประมาณ |
|---|---|
| ชนิดไฟล์ | APNG พื้นโปร่งใส |
| ขนาดภาพ | ไม่เกิน 320 × 270 px |
| จำนวนเฟรม | ประมาณ 5–20 เฟรม |
| ความยาวการเล่น | ไม่เกินประมาณ 4 วินาที (รวมการวนซ้ำ) |
| จำนวนรอบวน | 1–4 รอบ |
| ขนาดไฟล์ | ไม่เกินประมาณ 300 KB ต่อรูป |
| จำนวนต่อชุด | 8, 16 หรือ 24 รูป |
ตัวเลขเหล่านี้อาจปรับเปลี่ยน ตรวจ “Creation Guidelines” ล่าสุดของ LINE Creators Market เสมอ
ขั้นที่ 1: ออกแบบท่าทางให้เหมาะกับเฟรมน้อย
- เลือก ท่าที่อ่านออกแม้ขยับไม่กี่เฟรม เช่น โบกมือ กระโดด ส่ายหัว หัวใจเต้น
- ใช้หลัก เฟรมหลัก (key pose) 3–4 ท่า แล้วเติมเฟรมกลางเล็กน้อย
- ทำท่า เริ่มและจบที่ตำแหน่งเดียวกัน จะวนซ้ำได้เนียน
ขั้นที่ 2: เครื่องมือที่ใช้ทำ
| เครื่องมือ | ใช้ทำอะไร |
|---|---|
| โปรแกรมวาด (เช่น Procreate, Clip Studio, Krita) | วาดเฟรม / ใช้ Onion skin |
| Adobe Animate / After Effects | งานเคลื่อนไหวละเอียด |
| เครื่องมือแปลง APNG (เช่น APNG Assembler หรือโปรแกรมที่ส่งออก APNG ได้) | รวมเฟรมเป็น APNG และตั้งค่าเวลา |
| เครื่องมือย่อขนาดไฟล์ PNG | ลดขนาดไฟล์ให้อยู่ในเกณฑ์ |
ถ้าใช้ AI ช่วยร่างตัวละคร ให้ร่างเฉพาะ ท่าหลัก แล้ววาด/ปรับเฟรมกลางเองเพื่อให้ตัวละครคงที่ทุกเฟรม
ขั้นที่ 3: คุมขนาดไฟล์
- ใช้ สีเรียบ ไม่ใช้ไล่สีหรือพื้นผิวละเอียด
- ขยับเฉพาะส่วนที่จำเป็น ส่วนที่นิ่งจะบีบอัดได้ดี
- ลดจำนวนเฟรมก่อนลดคุณภาพสี
- ย่อไฟล์ PNG ด้วยเครื่องมือบีบอัดก่อนรวมเป็น APNG
ขั้นที่ 4: ตรวจก่อนส่ง
- ☐ เปิดดูในเบราว์เซอร์ที่เล่น APNG ได้ ว่าเคลื่อนไหวถูก
- ☐ เฟรมแรก/สุดท้ายดูดีเมื่อหยุดนิ่ง (บางที่แสดงเฟรมเดียว)
- ☐ ขนาด เฟรม เวลา ขนาดไฟล์ อยู่ในเกณฑ์
- ☐ ตัวละครหน้าตาเหมือนกันทุกรูปในชุด
สรุป
สติ๊กเกอร์ดุ๊กดิ๊กที่ดี = ท่าชัด วนซ้ำเนียน เฟรมน้อย สีเรียบ ไฟล์เล็ก ทำท่าหลักให้ดีก่อน แล้วค่อยเติมเฟรม ตรวจสเปกล่าสุดของ LINE ทุกครั้งก่อนส่ง
👉 ดูตัวอย่างสติ๊กเกอร์ดุ๊กดิ๊กใน LINE STORE
อ่านต่อ: ทำอีโมจิ LINE ขาย
ใส่ความเห็น