เลือก Overlay Preset (12 สไตล์)
แอปมี 12 overlay preset ให้เลือกตามธีมสตรีม — ตั้งแต่ minimal, glass, neon ไปจนถึง premium themed style เช่น 8-Bit, Minecraft, VTuber Alert
✦ = Premium preset มี leader icon ที่ปรับได้
สิ่งที่ต้องเตรียม
- เปิด Settings → Overlay ของ Stream Community Manager
- (ถ้าใช้ premium preset) เตรียมรูป/GIF สำหรับ leader icon
ขั้นที่ 1 — เปิดแกลเลอรี Preset
- ไปที่ Settings → Overlay
- ส่วนบนสุดคือ Preset picker — grid ของ 12 thumbnails
- คลิกตัวที่อยากลอง — Live Preview ทางขวาจะอัปเดตทันที
ขั้นที่ 2 — รู้จักแต่ละ Preset
Minimal / Standard
| Preset | เหมาะกับ |
|---|---|
| Classic Box | สตรีมสะอาด ๆ — กล่องสี่เหลี่ยม border ชัด อ่านง่าย |
| Banner | สตรีม commentary / podcast — แถบบาง ๆ ไม่บัง gameplay |
| Profile Card | สตรีมที่เน้นชื่อผู้ชม — มี avatar slot |
| Pill | สตรีม minimal — กล่องโค้งมนเล็ก ๆ |
Effect-based
| Preset | เหมาะกับ |
|---|---|
| Frosted Glass | สตรีมโทนสว่าง / lifestyle — กระจกฝ้าทันสมัย |
| Liquid Glass | สตรีม high-end (iOS 26 refraction effect) — เด่นแต่ไม่ฉูดฉาด |
| Cyberpunk Neon | สตรีม gaming / esports — ไฟนีออนวับวาบ |
Premium ✦
| Preset | เหมาะกับ |
|---|---|
| 8-Bit Dialog ✦ | สตรีมเกม retro / pixel art — กล่องข้อความสไตล์ NES + Pacman icon |
| Cozy Garden ✦ | สตรีม chill / craft / cottagecore — โทนเขียว + นกเป็น icon |
| Minecraft ✦ | สตรีม Minecraft — บล็อกสี่เหลี่ยม + pickaxe icon |
| Punk Rock ✦ | สตรีม music / rock vibe — กราฟิตี้ทำมือ |
| VTuber Alert ✦ | สตรีม VTuber — มี sub-style A / B / C สลับเอฟเฟกต์ |
ขั้นที่ 3 — (เฉพาะ VTuber) เลือก Sub-style
ถ้าเลือก VTuber Alert จะมีตัวเลือกย่อย Variant A / B / C — แต่ละ variant ใช้เอฟเฟกต์ entry และตำแหน่ง icon ต่างกัน
ลองคลิกแต่ละ variant ดู Live Preview ก่อนตัดสินใจ
ขั้นที่ 4 — (Premium ✦) อัปโหลด Custom Leader Icon
Premium preset มีตำแหน่ง leader icon (รูปเล็ก ๆ ข้างกล่อง) — เปลี่ยนได้:
- เลื่อนหาส่วน Custom Message Leader Icon (จะแสดงเฉพาะตอนเลือก preset ที่รองรับ: 8-Bit, Garden, Minecraft, Punk, VTuber)
- กด Upload → เลือกไฟล์ PNG / GIF / WebP
- ภาพจะแทนที่ icon default ทันที (เช่น แทน Pacman ด้วย mascot ของช่อง)
:::tip GIF ช่วยให้ overlay มีชีวิต อัปโหลดเป็น GIF เคลื่อนไหว — เช่น Pacman เคี้ยว, นกกระพือปีก, pickaxe ขุด :::
ขั้นที่ 5 — บันทึก
ทุกการเปลี่ยนแปลง preset / variant / icon บันทึกอัตโนมัติ — overlay ใน OBS จะอัปเดต realtime ผ่าน Socket.io โดยไม่ต้องรีเฟรช browser source
Tips & Troubleshooting
- Live Preview ไม่อัปเดต: กด Pin → Unpin หรือ refresh หน้า Settings
- Premium preset ดู "ราว ๆ" ใน OBS: ตรวจ width ของ Browser Source ตรงกับค่า
widthใน URL — ถ้ากว้างเกินจะถูกตัด - ใส่ leader icon แล้วไม่เห็น: ตรวจไฟล์ < 5MB และ format รองรับ (PNG/JPG/GIF/WebP/SVG)
- เปลี่ยน preset แล้วฟอนต์เพี้ยน: preset แต่ละตัว default ฟอนต์ต่างกัน — กลับไปตั้งฟอนต์ใน styling หลังเลือก preset