ทำคลิปโปรโมทแบบ Motion Graphic ด้วย Claude Code เริ่มจากตัวหนังสือ ไม่ต้องเปิดโปรแกรมตัดต่อ
เขียนสตอรีบอร์ดเป็นตัวหนังสือแล้วให้ Claude Code สร้างเป็นคลิปให้ สรุปวิธี 4 ข้อจากงานจริงยาว 69 วินาที 26 ช็อต พร้อมของที่ต้องติดตั้งและจุดที่ต้องรันคำสั่งเป็น
อยากทำคลิปโปรโมทแบบ Motion Graphic แต่ไม่อยากเปิดโปรแกรมตัดต่อ วิธีนี้เริ่มจากตัวหนังสืออย่างเดียว
ของจริง ไม่ใช่เดโม
เราเริ่มจากเขียนสตอรีบอร์ดเป็นตัวหนังสือ แล้วให้ Claude Code สร้างเป็นโค้ดแทน Claude Code คือเครื่องมือช่วยเขียนโค้ดด้วย AI แบบรันในเครื่อง ไม่ใช่แชตบนเว็บ จุดนี้ต้องรันคำสั่งเป็น
งานที่ทำด้วยวิธีนี้คือคลิปโปรโมทระบบ POS (ระบบขายหน้าร้าน) ของร้านกาแฟเล็กๆ ร้านหนึ่ง ยาว 69 วินาที มี 26 ช็อต ได้ 4 เวอร์ชัน คือ 16:9 แนวนอน กับ 9:16 แนวตั้ง แบบมีเสียงพากย์ และแบบไม่มีเสียงพูดที่ใช้ตัวหนังสือเล่าแทนบวกเสียงเอฟเฟกต์
วิธีทำสรุป 4 ข้อ
- เขียนสตอรีบอร์ดรายช็อตก่อน ระบุเวลา มุมกล้อง ท่าแพน ซูม หวิป ทรานสิชัน และเสียงทุกช็อต เหมือนเขียนบทหนังก่อนถ่าย ไม่ต้องเปิดโปรแกรมเลย
- ให้ Claude Code สร้างเป็นหน้าเว็บเคลื่อนไหว แล้วแปลงเป็นคลิปทีละเฟรม 30 ภาพต่อวินาที หน้าจอแอปในคลิปสร้างใหม่จากโค้ดจริงของแอป ซูมแล้วยังคม
- อยากแก้ช็อตไหน กดเครื่องเล่นในเบราว์เซอร์ข้ามไปตรงนั้นได้เลย เช่น SH12 คือช็อตที่ 12 ไม่ต้องดูใหม่ตั้งแต่ต้น แล้วสั่งทำคลิปแค่ท่อนนั้น อารมณ์เหมือนดูซีรีส์แล้วกดข้ามไปตอนที่อยากแก้ เสียงเอฟเฟกต์ whoosh pop impact click สร้างจากโค้ด 25 เสียง วางตรงจังหวะตามไทม์ไลน์
- อัดหน้าจอผ่านโหมดทดสอบ ไม่แตะระบบจริง เบลอข้อมูลส่วนบุคคลทุกเฟรม เสียงพากย์ใช้ ElevenLabs (เว็บสร้างเสียงพากย์ AI) ก็ได้ แต่มีทางเลือกแบบไม่มีเสียงพูดให้ด้วย
ของที่ต้องมี
ดูเหมือนจะง่ายเพราะแค่เขียนหนังสือสั่ง AI แต่พอลงมือจริงมีหลุมให้ตกเยอะ ของที่ต้องมีคือ
- Claude Code
- Node.js กับ Chrome (ไว้รันโค้ด)
- ffmpeg (รวมเสียงและแปลงวิดีโอ)
- Python (ใช้บางขั้นตอน)
ชุดแจกที่รวมไว้ให้
ชุดแจกที่ลิงก์ท้ายบทรวมทุกอย่างไว้แล้ว มี 9 ขั้นตอน พร้อม prompt คำสั่งที่พิมพ์สั่ง AI ก๊อปได้ทุกขั้น เทมเพลตแบบฟอร์มสตอรีบอร์ดสำเร็จรูป ตารางเวลาแต่ละช็อต เช็กลิสต์ลงโปรแกรม และหลุมที่เจอจริง 7 ข้อ ถ้าข้ามจุดที่ต้องรันคำสั่งเป็น คุณจะตกหลุมเดียวกับเรา
ถ้ายังไม่เคยรันคำสั่ง
เริ่มแค่ข้อ 1 ก่อนได้ ลองเขียนสตอรีบอร์ดคลิปของคุณเองก่อนแค่ 3 ถึง 4 ช็อต ไม่ต้องลงโปรแกรม
คำถามที่พบบ่อย
ทำคลิป Motion Graphic โดยไม่เปิดโปรแกรมตัดต่อทำยังไง
คุณเขียนสตอรีบอร์ดรายช็อตเป็นตัวหนังสือก่อน ระบุเวลา มุมกล้อง ท่าแพน ซูม ทรานสิชัน และเสียงทุกช็อต แล้วให้ Claude Code ซึ่งเป็นเครื่องมือช่วยเขียนโค้ดแบบรันในเครื่อง สร้างเป็นหน้าเว็บเคลื่อนไหวแล้วแปลงเป็นคลิปทีละเฟรม 30 ภาพต่อวินาที โดยไม่ต้องเปิดโปรแกรมตัดต่อ
ต้องเขียนโค้ดเป็นไหม ต้องลงอะไรบ้าง
ไม่ต้องเปิดโปรแกรมตัดต่อ แต่ต้องรันคำสั่งเป็น เพราะ Claude Code รันในเครื่องและต้องใช้ Node.js กับ Chrome ไว้รันโค้ด ffmpeg ไว้รวมเสียงและแปลงวิดีโอ และ Python ในบางขั้นตอน
แก้ช็อตเดียวทำยังไง
อยากแก้ช็อตไหนให้กดเครื่องเล่นในเบราว์เซอร์ข้ามไปตรงนั้นได้เลย เช่น SH12 คือช็อตที่ 12 ไม่ต้องดูใหม่ตั้งแต่ต้น แล้วสั่งทำคลิปแค่ท่อนนั้น เสียงเอฟเฟกต์สร้างจากโค้ด 25 เสียงวางตรงจังหวะตามไทม์ไลน์
มีตัวอย่างงานจริงไหม
งานที่ทำด้วยวิธีนี้คือคลิปโปรโมทระบบ POS ของร้านกาแฟเล็กๆ ยาว 69 วินาที มี 26 ช็อต ได้ 4 เวอร์ชันคือ 16:9 แนวนอนกับ 9:16 แนวตั้ง แบบมีเสียงพากย์และแบบไม่มีเสียงพูดที่ใช้ตัวหนังสือเล่าแทนบวกเสียงเอฟเฟกต์ ส่วนเสียงพากย์ใช้ ElevenLabs ก็ได้
ยังไม่เคยรันคำสั่งเริ่มยังไง
เริ่มแค่ข้อ 1 ก่อนได้ ลองเขียนสตอรีบอร์ดคลิปของคุณเองแค่ 3 ถึง 4 ช็อต ไม่ต้องลงโปรแกรม ส่วนชุดแจกท้ายบทรวม 9 ขั้นตอนพร้อม prompt ที่ก๊อปได้ทุกขั้น เทมเพลตสตอรีบอร์ด ตารางเวลา และหลุมที่เจอจริง 7 ข้อ
ทำคลิปโปรโมทแอปหรือร้าน แบบโมชั่นกราฟิก ด้วย Claude
ชุดแจกฟรี 9 ขั้น ก๊อปคำสั่งไปใช้ได้ทันที และเว็บจำว่าคุณทำถึงขั้นไหน
เปิดชุดแจก →
พิมพ์บอกเป็นภาษาไทยประโยคเดียว Claude ค้นข้อมูล เขียนบท ทำเสียง ออกแบบภาพ และ render จนได้รีลแนวตั้งพร้อมซับไทยและปก
