ใครที่อยากได้ตัวช่วยสร้างคลิปวิดีโอ ทำทีเซอร์โปรโมทสินค้า หรือตัดคลิปโปรโมทองค์กร ผมต้องบอกเลยว่าตอนนี้มันทำง่ายขึ้นมากๆ ครับ ตั้งแต่ Claude Opus 5.5 อัปเดตมา Claude สามารถสร้าง Motion Graphic และตัดต่อวิดีโอให้เราได้คุณภาพดีมาก แถมใช้ Quota น้อยกว่าเดิมเยอะเลยครับ
.
เชื่อไหมครับว่าเมื่อ 2-3 เดือนก่อน ผมลองใช้ Prompt แบบเดียวกันนี้กับ AI ที่มีในตอนนั้น ผลที่ได้ยังไม่ดีเท่านี้ แล้วยังกิน Token เยอะมาก แค่ Prompt ครั้งเดียว Limit ผมก็แทบเต็มแล้วครับ
.
โพสนี้ผมเลยจะมาแชร์ 8 Use Case ที่ผมใช้ Claude สร้าง Motion Graphic ว่าแต่ละเคสใช้ Skill ตัวไหน และเอาไปใช้กับงานแบบไหนได้บ้าง ขอแอบสปอยนิดนึงว่า ทั้ง 8 Use Case นี้ผม ทำเสร็จภายในวันเดียว ครับ 😄
💡 ก่อนเริ่ม: ผมใช้อะไรบ้าง
ในคลิปนี้ผมใช้ Claude Code คู่กับโมเดล Claude Opus 5.5 ครับ
จริงๆ ใช้ Claude ในโหมดอื่นก็ทำได้นะครับ แต่ถ้าให้ผมแนะนำ ผมแนะนำ Claude Code มากกว่า เพราะมันมีเครื่องมือเยอะมาก ทำให้คลิปออกมาคุณภาพดีขึ้นครับ
ส่วนใครที่ใช้ ChatGPT หรือ AI ตัวอื่นอยู่ ก็เอาเทคนิคเดียวกันนี้ไปใช้ได้เหมือนกันครับ
.
สำหรับคนที่ยังไม่รู้จัก Skill นะครับ มันคือชุดคำสั่งและความรู้ที่มีคนเขียนไว้ให้ AI ทำงานเรื่องใดเรื่องหนึ่งได้เก่งขึ้น เราแค่ติดตั้งลงไปใน Claude Code แล้วเรียกใช้ได้เลย ในคลิปนี้ผมใช้ทั้งหมด 4 Skill ครับ
claude-animation: วางแผนโครงเรื่อง สร้างเสียง สร้างภาพ Animation
motion-broll: สร้าง B-roll ประกอบคลิป
brag: ใส่ URL เว็บไซต์แล้วได้ Launch Video ทันที
pixel2motion: เปลี่ยนโลโก้นิ่งๆ ให้เคลื่อนไหวได้
.
📌 Use Case 1: ทีเซอร์แนะนำช่อง ด้วยไฟล์ CLAUDE.md + Skill claude-animation
เคสแรกผมสร้างคลิปทีเซอร์แนะนำช่องโดยใช้ไฟล์ CLAUDE.md ครับ
ไฟล์ CLAUDE.md เป็นเหมือนคู่มือที่กำหนดกฎของโปรเจกต์ ไม่ว่าคุณจะทำ Web Application หรือโปรเจกต์อะไรก็ตาม ถ้ามีไฟล์นี้อยู่ในโฟลเดอร์ Claude จะ อ่านไฟล์นี้ก่อนเสมอ แล้วทำตามกฎในนั้นแบบเป๊ะๆ เลยครับ
ในไฟล์ผมใส่ว่าแบรนด์ของผมเป็นยังไง และต้องการวิดีโอสเปคแบบไหน ใครที่เคยสั่ง AI แล้วไม่ได้อย่างที่สั่งสักที ผมแนะนำให้สร้างไฟล์นี้ขึ้นมาเลยครับ
💡 ทริคสร้าง CLAUDE.md แบบง่ายๆ: ผมไม่ได้นั่งเขียนเองนะครับ ผมใช้วิธีคุยกับ Claude ว่า “ผมอยากสร้าง Motion Graphic Video แนะนำช่องของผม อยากสร้างเป็นไฟล์ .md ก่อน ช่วยบอกหน่อยว่าควรมีข้อมูลอะไรบ้าง แล้วถามผมมาเลย” ให้ Claude สัมภาษณ์เรา แล้วสร้างไฟล์ออกมาให้ครับ หรือจะ copy Template ของผมไปแก้เป็นของตัวเองก็ได้เหมือนกัน template ของผมอยู่ด้านล่างนี้นะครับ
ฝากสร้าง file Claude.md ให้หน่อยสิครับ โดยให้มีรายละเอียดดังต่อไปนี้
# Motion Studio — บริหารงานแบบคนไอที
## Brand
- Channel name: บริหารงานแบบคนไอที (noobitguy)
- Tagline: [ใส่ tagline ของช่อง]
- Topics: AI tools, Vibe Coding, Google Sheets, Data Analytics, Productivity
- Primary color: [#XXXXXX] Secondary: [#XXXXXX] Accent: [#XXXXXX] (**ฝากช่วยคิดตาม logo ให้หน่อย)
- Background: dark, not pure black
- Logo: assets/ (**อยู่ใน folder ฝากหามาใส่ให้หน่อย)
- Personality: friendly, practical, techy, energetic — "คนไอทีมาเล่าให้ฟัง"
## Typography
- Thai + English: use "IBM Plex Sans Thai" or "Kanit" from Google Fonts
- Never let Thai vowels/tone marks get clipped — leave enough line-height (≥1.4)
- Max 6 words on screen at once
## Video spec
- 1920x1080, 30fps, 10–15 seconds
- Build as a single index.html with window.seek(t) so every frame is deterministic
- Use spring-based easing, not linear
## Motion rules (avoid the "AI default look")
- NO: centered text on a gradient + everything fading in + logo at the end
- Every scene needs ONE clear motion idea (wipe, mask reveal, kinetic type, morph, counter, UI mockup)
- Elements enter with direction and overlap; stagger timings, never all at once
- Use real visual metaphors for the channel topics (spreadsheet grid, code cursor, chat bubble, chart bars)
- Leave 0.5s hold at the end on the logo lockup
## Quality loop (always do this before showing me a final video)
1. Render 3–5 key stills into renders/
2. Score each 1–10 on: hook, readability at 360px wide, motion, composition
3. Fix anything below 8, then render again
4. Tell me the scores and what you changed.
ขั้นตอนที่ผมทำ
Step 1: ลง Skill claude-animation ครับ Skill ตัวนี้เก่งมากเรื่องแตกบท วางแผนคลิป สร้างเสียง และสร้างภาพสไตล์สีน้ำหรือ Animation ต่างๆ
💡 ลง Skill เสร็จแล้ว แนะนำให้ปิด Claude Code แล้วเปิดใหม่ก่อนนะครับ
URL สำหรับลง skill claude-animation-skill
claude plugin marketplace add buildwithhanif/claude-animation-skill
claude plugin install claude-animation@claude-animation-skill
ฝากลง skill ต่อไปนี้ให้หน่อยStep 2: สร้างไฟล์ CLAUDE.md โดยพิมพ์ว่า “ฝากสร้างไฟล์ CLAUDE.md นี้ขึ้นมาให้หน่อย” แล้วแปะรายละเอียดลงไปได้เลยครับ
Step 3: สร้างโฟลเดอร์ assets แล้วใส่ภาพตัวละครกับโลโก้ช่องเข้าไป Claude จะได้เห็นว่าเรามี Asset อะไรบ้าง ธีมคลิปจะได้ใกล้เคียงกับที่เราต้องการครับ
Step 4: ส่งคลิปตัวอย่างที่ชอบ ผมไปหาคลิป Motion Graphic บน YouTube ที่เป็นสไตล์ที่อยากได้ ส่งให้ Claude แล้วบอกว่า “ฝากวิเคราะห์คลิปวิดีโอนี้ให้หน่อย” Claude จะวิเคราะห์ว่าคลิปนี้ใช้หลักการอะไร แล้วสร้าง โครงเรื่อง ให้เรารีวิวครับ
Step 5: ตอบคำถามแล้วสั่งสร้าง ถ้า Claude มีคำถามก็ตอบกลับไป แล้วบอกว่า “ขอสร้างอินโทรให้หน่อย ขอเป็นคลิปแนวนอน 16:9” แค่นี้ Claude ก็สร้างไฟล์วิดีโอออกมาให้เลยครับ
ข้อดีอีกอย่างของ Skill นี้คือ มีการให้คะแนนแต่ละช่วงของคลิป ด้วยครับ ถ้าช่วงไหนคะแนนไม่ดี มันจะปรับให้เองอัตโนมัติ แล้วถ้ายังไม่มี Sound Effect เราก็สั่งเพิ่มได้ว่า “สร้างเสียงประกอบเพิ่มเติม”
แค่นี้ผมก็ได้ทีเซอร์ประกอบช่องยาว 10 วินาทีแล้วครับ 🎉 โดย Skill จะสร้างเสียง Effect และ Script ส่วนภาพจะ Render Animation เป็นไฟล์ HTML แล้ว Snapshot ภาพมารวมกันเป็นวิดีโอครับ
.
📌 Use Case 2: สร้าง Motion Graphic ด้วยการพิมพ์ Prompt อย่างเดียว
ถ้าใครบอกว่า “ขี้เกียจทำไฟล์ CLAUDE.md อยากพิมพ์สั่งเลยได้ไหม” ต้องบอกว่า ได้เหมือนกันครับ
เพราะ Skill ที่ลงไว้ตั้งแต่เคสแรกยังอยู่ในเครื่อง ผมเลยพิมพ์ Prompt สั้นๆ ไปเลยว่า
ฝากสร้าง Motion Graphic สำหรับช่อง YouTube ของผมให้หน่อย (ใส่ลิงก์ช่อง + เว็บไซต์) ความยาวประมาณนี้ จุดมุ่งหมายคืออยากให้ทุกคนเข้าใจช่องผมมากขึ้น ขอแบบมีเพลงที่ช่วยดึงความสนใจด้วย ฝากใช้ Skill claude-animation ที่ลงไปเมื่อกี้ ถ้ามีอะไรสงสัยแจ้งได้เลย
Claude ทำเร็วมากครับ แป๊บเดียวได้มาแล้ว แถมอธิบายให้ด้วยว่าแต่ละ Scene มีเนื้อหาและแนวคิดยังไง ในเคสนี้ผมส่งแค่โลโก้กับตัวละคร ส่วนภาพอื่นๆ Claude วาดเองทั้งหมด เพลงประกอบก็สร้างใหม่ และทุก Scene เขียนเป็น Code ทั้งหมดครับ
ผมค่อนข้างชอบเวอร์ชันนี้ครับ ดึงดูดดี เสียอย่างเดียวคืออาจจะยาวไปนิดนึง ถ้าตรงไหนไม่ชอบ เช่น สีผิด หรืออยากเปลี่ยนเพลง ก็พิมพ์บอกกลับไปได้เลยครับ
.
📌 Use Case 3: ทีเซอร์ร้านอาหาร จากลิงก์ Social Media
2 เคสแรกอาจจะดูไกลตัวสำหรับหลายๆ คน เคสนี้เลยใกล้ตัวคนทำธุรกิจมากขึ้นครับ: ถ้ามีธุรกิจอยู่แล้ว จะให้ AI ทำทีเซอร์ให้ได้ไหม?
ผมลองกับร้าน Shabu Monster ร้านบุฟเฟต์ชาบูสไตล์ญี่ปุ่นของผมเอง ผมเขียนอธิบายร้านสั้นๆ ใส่ลิงก์ Social Media กับเว็บไซต์ร้าน โดยไม่ได้ให้รูปเลย ให้ไปหามาเอง แล้วสั่งว่า
ฝากสร้างไวรัลคลิปสไตล์ Cinematic ให้หน่อย เพื่อให้คนอยากเข้ามาทานที่ร้าน ขนาด 9:16 เลือกเพลงประกอบให้ดึงดูด ถ้ามีคำถามตรงไหนบอกได้เลย
Claude ดึงข้อมูลจากลิงก์ของร้าน แล้วสร้างเป็นคลิปแนวตั้งยาว 12 วินาที มี Animation และ Sound ที่ไปด้วยกันครับ
ถ้าคุณอยากได้คลิปเปิดตัวสินค้าหรือเปิดตัวธุรกิจง่ายๆ แค่ใส่รูปหรือลิงก์เข้าไปแล้วสั่ง ประหยัดเวลาไปเยอะมากครับ
.
📌 Use Case 4: เปลี่ยนภาพนิ่งเป็นภาพเคลื่อนไหวก่อน ด้วย Google Flow
ทำเคส 3 เสร็จ ผมก็คิดว่า “ถ้าเอาภาพนิ่งไปทำเป็นภาพเคลื่อนไหวก่อน แล้วค่อยให้ Claude ทำทีเซอร์ Production จะดูดีขึ้นไหม?”
ผมเลยเอาภาพเมนูของร้านไปใส่ใน Google Flow แล้วพิมพ์ว่า “ฝากเปลี่ยนรูปภาพนี้ให้เป็นคลิปวิดีโอที่เคลื่อนไหวได้” ตัว Agent จะสร้างเป็นคลิปวิดีโอให้ (บางภาพมีควันโผล่มาเฉยๆ ผมก็สั่งเพิ่มว่า “ขอแบบไม่มีควัน” ได้เลยครับ)
จากนั้นผมโหลดคลิปทั้ง 4 อันมาใส่ในโฟลเดอร์โปรเจกต์ แล้วใช้ Prompt แบบเดิมให้ Claude สร้าง Sound Effect และตัดเป็นทีเซอร์ครับ
สังเกตไหมครับว่าโครงคล้ายเดิม แต่ ดู Premium ขึ้นเยอะมาก เพราะฉะนั้นถ้าคุณมีแต่ภาพนิ่ง ผมแนะนำให้เอาไปเข้า Google Flow หรือแพลตฟอร์ม AI ตัวไหนก็ได้ ให้เป็นภาพเคลื่อนไหวก่อน แล้วค่อยใส่ในโฟลเดอร์โปรเจกต์ของ Claude Code ครับ
.
📌 Use Case 5: สร้าง B-roll ประกอบคลิปสอน ด้วย Skill motion-broll
B-roll คือภาพ Insert ที่แทรกเข้ามาประกอบคลิป เช่น คลิปสอนหรือคลิปบรรยายที่พูดอย่างเดียวอาจจะดูน่าเบื่อ หรือเวลา Present ข้อมูลบริษัทแล้วอยากได้กราฟิกประกอบ ถ้าต้องนั่งทำ Motion Graphic เองคงเหนื่อยแน่ๆ ครับ เคสนี้เลยใช้ Skill motion-broll
https://github.com/Barty-Bart/motion-graphics.git
ฝากลง skill นี้ให้หน่อยวิธีใช้
ลง Skill แล้วเปิดโฟลเดอร์ใหม่ ปิด Claude Code แล้วเปิด Session ใหม่ (หรือจะพิมพ์ต่อใน Session เดิมก็ได้ครับ)
พิมพ์ชื่อ Skill ถ้าขึ้นมาให้เลือก แปลว่าพร้อมใช้งานแล้ว
เอาคลิปสอนใส่ในโฟลเดอร์ แล้วสั่งว่า “ฝากวิเคราะห์คลิปนี้ แล้วสร้าง B-roll ประกอบคลิปนี้ให้หน่อย”
Claude จะวิเคราะห์ว่าตรงไหนควรมี B-roll และควรใส่คำว่าอะไร จากนั้นสร้างไฟล์ HTML ให้ เปรียบเทียบ Before/After แบบนี้ครับ
พอผมพูดว่า “ทำให้ URL สั้นลง ดูเป็นมืออาชีพ” ฝั่งขวาจะมีกราฟิกอธิบายขึ้นมาทันที ใช้ได้กับทุกเรื่องเลยครับ ไม่ว่าจะเป็นคลิปสอน คลิปขายของ หรือคลิปอธิบายอะไรก็ตาม ช่วยให้คลิปมีมูลค่ามากขึ้นได้เลย
.
📌 Use Case 6: Launch Video จาก URL เว็บไซต์ ด้วย Skill brag
Skill ตัวนี้ ใช้ง่ายที่สุดในคลิปนี้ ครับ แค่พิมพ์ brag จะมีให้เลือกหลายตัว ผมแนะนำตัวที่ไม่ต้องพิมพ์อะไรต่อ แล้วใส่ URL เว็บไซต์ ของเราต่อท้าย กด Enter ได้เลยครับ
https://github.com/latent-spaces/brag
ฝากลง skill นี้ให้หน่อยผมลองกับเว็บร้าน Shabu อีกรอบ ไม่ได้พิมพ์อะไรเพิ่มเลย ได้ Launch Video โปรโมทร้านมาทันที ราคา ภาพเมนู ข้อมูลทั้งหมดดึงมาจากเว็บไซต์ครับ
ถ้าคุณขายอย่างอื่นก็แค่เปลี่ยน URL เป็นของคุณ เป็นการสร้างคลิปที่ใช้แรงน้อยมากๆ ครับ
.
📌 Use Case 7: ทำโลโก้ให้เคลื่อนไหว ด้วย Skill pixel2motion
ถ้ามีโลโก้อยู่แล้วและอยากให้มัน Animate ได้ ใช้ Skill pixel2motion ครับ Skill ตัวนี้จะแยกส่วนประกอบของโลโก้แล้วทำเป็น Animation ให้
https://github.com/nolangz/pixel2motion.git
ฝากลง skill นี้ให้หน่อย
ผมเอาโลโก้ไปไว้ในโฟลเดอร์ พิมพ์ชื่อ Skill แล้วสั่งสั้นๆ ว่า “ฝาก Animate โลโก้ที่อยู่ในโฟลเดอร์นี้ให้หน่อย” Claude จะสร้างไฟล์ HTML ให้ดูตัวอย่าง ปรับความเร็วได้ และมีหลายสไตล์ให้เลือกครับ ทั้งแบบเด้งๆ หรือแบบขยายออก
ได้แบบที่ชอบแล้วก็สั่ง Render เป็นคลิปวิดีโอ หรือจะ Export เป็นไฟล์ GIF ไว้ใช้ใน PowerPoint ก็ได้ครับ
.
📌 Use Case 8: ใส่ Overlay + B-roll ให้คลิป Talking Head (รวมทุก Skill)
เคสสุดท้ายผมเอา Skill ทั้งหมดมาใช้รวมกัน กับคลิปสอนแบบ Talking Head ของผมเอง ที่พูดไปเรื่อยๆ ไม่มีภาพ Insert เลย (เพราะไม่มีเวลาไปหาภาพมาแทรกครับ 😅)
ผมเอาไฟล์ใส่ในโฟลเดอร์แล้วสั่งว่า
ฝากเพิ่ม Overlay และ Effect ให้คลิปวิดีโอนี้ที่อยู่ในโฟลเดอร์นี้ให้หน่อย ถ้าจำเป็นอาจจะเพิ่ม B-roll เพื่อให้คลิปน่าสนใจมากขึ้น จุดมุ่งหมายคืออยากให้คนดูคลิปนี้มากขึ้น
เพราะลง Skill ไว้ครบแล้ว Claude จะดึงความสามารถจากหลาย Skill มาใช้เอง เช่น ตารางวางแผนมาจาก Skill ตัวแรก ส่วน Overlay และ B-roll มาจาก motion-broll ครับ เวอร์ชันแรกยังไม่มี Zoom Effect ผมก็สั่งเพิ่มได้
ผลคือพูดถึงอะไร ข้อมูลก็ขึ้นมาตามนั้นเลยครับ เช่น พอผมพูดว่า “สร้าง Web Application” ข้อความก็ขึ้นมาพร้อมกัน ใครทำคลิป Training หรือคลิปสอนอยู่ เคสนี้ช่วยได้เยอะมากครับ
.
💡 3 ทริคที่ผมได้เรียนรู้จากการทำ Motion Graphic ด้วย AI
- ส่งคลิปตัวอย่างสไตล์ที่ชอบให้ Claude วิเคราะห์ แล้วเวลาสั่งจริง Claude จะสร้างสไตล์ให้ใกล้เคียง Reference ที่เราส่งไป ช่วยให้สื่อสารกับ AI ได้ง่ายขึ้นมากครับ
- ปรับจนพอใจแล้ว ให้สร้างเป็น Skill เก็บไว้ ถ้าในอนาคตจะทำคลิปแบบนี้อีกเยอะ บอกให้ Claude สร้าง Skill เก็บไว้ ครั้งหน้าจะประหยัดทั้ง Token และเวลาครับ
- ไม่ต้องเริ่มจากศูนย์ มีคนสร้าง Skill ไว้เยอะมาก เลือกตัวที่ใกล้เคียงกับที่เราต้องการมาใช้ แล้วสั่ง AI ปรับต่อจาก Output ของ Skill นั้น พอได้ที่แล้วค่อยเปลี่ยนให้เป็น Skill ของเราเองครับ
.
ทั้ง 8 Use Case นี้เป็นแค่ส่วนหนึ่งนะครับ ไม่จำเป็นต้องทำตามผมเป๊ะๆ แค่ใช้หลักการเดียวกันก็เอาไปปรับใช้กับธุรกิจของคุณได้เลย
.
🎥 ดูแบบจับมือทำได้ที่คลิปนี้เลยครับ
.
หวังว่าจะเป็นประโยชน์นะครับ โดยเฉพาะสาย Marketing และคนที่อยากได้คลิปโปรโมทสินค้าของตัวเองแบบง่ายๆ ลองเอาเทคนิคไปปรับใช้ดูนะครับ ถ้าติดปัญหาหรือมีข้อสงสัย ทักมาได้ที่ Facebook: บริหารงานแบบคนไอที ได้เลยครับ 🙂
🎓 สนใจคอร์สสร้าง Template ระบบสต๊อกสินค้าใน Google Sheets สอนโดยผมเอง สามารถดูรายละเอียดได้ที่ลิงค์นี้เลย
https://www.skilllane.com/courses/GoogleSheets-Noobitguy
🎓 สนใจคอร์ส สร้าง Web Application โดยไม่ต้องเขียนโค้ดด้วย Lovable AI สอนโดยผมเอง สามารถดูรายละเอียดได้ที่นี้เลย
https://page.futureskill.co/lovablewebapp?aff=446
🎥 อุปกรณ์ที่ผมใช้
กล้อง Sony ZV-E10 kit 16-50mm
Mouse Logitech MX Master 3s
MacBook Air M2
ไมค์ wireless Saramonic Blink 500
เก้าอี้ Anda Seat X-Air Pro Ergonomic Gaming Chair
แขนจับจอ Anda Seat Stealth A6L Ergonomic Monitor Arm
ไมโครโฟน AKG Lyra
ไฟส่องหน้าจอ Xiaomi Light Bar
