10 สไตล์ motion graphic ที่ Claude เขียนโค้ดให้ได้ บทเดิมเปลี่ยนแค่คำบอกสไตล์ พร้อมโค้ดสีและคำบอกสไตล์ภาษาไทย
5 พ.ย. 2569 · Claude & เครื่องมือ AI

คลิป motion graphic สวย ๆ ที่เห็นในรีลต่างประเทศ หลายคนคิดว่าต้องมีคำสั่งลับหรือต้องรอใครแจกให้ แต่ที่จริงคำอย่าง "/pixelart" เป็นแค่ข้อความธรรมดา บทความนี้ลองทำจริง ใช้บทเดียวกัน (รถสปอร์ตสีแดงคันเดียวกระโดดข้ามเนิน) แล้วเปลี่ยนแค่คำบอกสไตล์ได้ 10 หน้าตา พร้อมวิธีเขียนคำบอกสไตล์เอง
แรงบันดาลใจ: รีลของ theaigeekk บน Instagram ที่ใช้ของชิ้นเดียวเปลี่ยนสไตล์ทีละแบบ บทความนี้ลองทำเองกับ Claude เขียนคำอธิบายใหม่ทั้งหมด และตั้งชื่อสไตล์เอง ไม่ได้ใช้ชื่อสไตล์หรือภาพของต้นทาง
"/pixelart" ไม่ใช่ปุ่มลับ
ในคลิปต่างประเทศ มักมีคนป้ายยาคำสั่งสั้น ๆ ให้พิมพ์แล้วได้สไตล์สวย ฟังเหมือนต้องรู้คำลับ แต่พอลองเปิดดู คำพวกนี้เป็นแค่ข้อความ ไม่ใช่คำสั่งที่โปรแกรมรู้จักมาก่อน Claude อ่านแล้วเข้าใจว่าอยากได้ภาพพิกเซล ก็เขียนโค้ดให้เป็นภาพพิกเซล
ข้อดีคือเราเขียนสไตล์ของเราเองได้ ไม่ต้องรอใครส่งให้ และจดเก็บไว้ใช้ซ้ำได้ทุกคลิป
คำบอกสไตล์ = 3 ส่วน
| ส่วน | บอกอะไร | ตัวอย่าง |
|---|---|---|
| สี | โค้ดสี 3-6 สี บอกด้วยว่าอันไหนเป็นพื้น อันไหนเป็นตัวเอก | พื้น #12092a ตัวเอก #d9202e |
| เส้น | หนาหรือบาง ขอบแข็งหรือนุ่ม มีเส้นขอบหรือไม่ | ไม่มีเส้นนุ่ม เป็นเม็ดสี่เหลี่ยมขอบแข็ง |
| การขยับ | ลื่นหรือเป็นขั้น เด้งหรือนิ่ง เร็วหรือช้า | ขยับเป็นขั้นราว 12 เฟรมต่อวินาที |
ถ้าบอกไม่ครบ Claude จะเลือกให้เอง ซึ่งมักออกมาเป็นหน้าตากลาง ๆ ที่เห็นบ่อย ยิ่งบอกครบ 3 ส่วน ยิ่งตรงใจ
ทดลอง: บทเดียว รถคันเดียว 10 สไตล์
เราให้ Claude เขียนโค้ดวาดรถสปอร์ตสีแดงคันเดียวกัน วิ่งเข้ากลางจอ กระโดดข้ามเนิน ลงพื้นแล้ววิ่งต่อ จังหวะเดียวกันทุกสไตล์ เปลี่ยนเฉพาะคำบอกสไตล์ ได้ผลดังนี้
| # | สไตล์ | จุดเด่นที่เห็น | ข้อระวัง | เหมาะกับ |
|---|---|---|---|---|
| 1 | ภาพพิกเซล | อ่านง่ายสุดในจอเล็ก | ทุกอย่างเป็นเม็ด ตัวหนังสือไทยต้องวางนอกภาพ | คอนเทนต์เกม ไอที ย้อนวัย |
| 2 | กระดานชอล์ก | ดูเป็นการสอน เข้าใจง่าย | เส้นละเอียด ถ้าย่อเล็กมากจะจาง | คลิปสอน อธิบายหลักการ |
| 3 | เส้นเรืองแสง | เท่ หยุดนิ้ว | ตัวเอกเป็นเส้นโปร่ง ไม่มีสีตัวถังเหมือนแนวอื่น | เทคโนโลยี AI เพลง |
| 4 | 3D โลว์โพลียุคเก่า | ฟีลเกมคอนโซลยุคเก่า | ฝุ่นตอนลงพื้นเป็นก้อนแบน ยังไม่ค่อยเหมือนฝุ่น | ย้อนวัยเกม ความรู้แบบสนุก |
| 5 | การ์ตูนช่อง | เล่าจังหวะแอ็กชันได้ชัด | ช่องล่างอาจตัดตัวเอกจนอ่านยากนิดหน่อย | เล่าเรื่องตลก ดราม่าสั้น |
| 6 | ภาพเวกเตอร์แบน | สะอาด เป็นระเบียบ | เรียบจนอาจดูเหมือนแอนิเมชันอธิบายทั่วไป | อินโฟกราฟิก ขั้นตอน ธุรกิจ |
| 7 | เส้นขาวมินิมอล | เงียบ เรียบ ดูแพง | ครึ่งล่างจอว่างมาก ต้องมีตัวหนังสือมาช่วยเติม | คำคม แนวคิด personal brand |
| 8 | ภาพยนตร์ 3D | ดูเป็นหนัง | แท่งแสงสะท้อนบนถนนใหญ่ไปนิด | รีวิวของพรีเมียม เปิดตัวสินค้า |
| 9 | ตัวต่อของเล่น | น่ารัก จำง่าย | กำแพงอิฐด้านล่างสีจัด แย่งสายตาจากตัวเอก | เด็ก ครอบครัว ของเล่น |
| 10 | 3D ดินปั้น | นุ่ม เป็นมิตร | ตัวเอกยังไม่ป่องเป็นตัวการ์ตูนเต็มที่ | อธิบายวิทยาศาสตร์ สุขภาพ เรื่องยาก |
คะแนนความพอใจของเราจากคลิปทดลอง (เต็ม 5): พิกเซล 5 · กระดานชอล์ก 5 · เวกเตอร์แบน 5 · เส้นเรืองแสง 4 · โลว์โพลี 4 · การ์ตูนช่อง 4 · เส้นขาว 4 · ภาพยนตร์ 3D 4 · ตัวต่อ 4 · ดินปั้น 3 (ยังไม่ป่องเป็นตัวการ์ตูนเต็มที่)
ตัวอย่างคำบอกสไตล์ 3 อัน ก๊อปไปลองได้
ภาพพิกเซล
สไตล์ภาพพิกเซลยุคเกม 16 บิต จานสี 16 สี ท้องฟ้าม่วงไล่ชมพูตอนอาทิตย์ตก (#12092a #5b2a86 #e8508c #ffc857) ตัวเอกสีแดง #d9202e ทุกอย่างเป็นเม็ดสี่เหลี่ยมขอบแข็ง ไม่มีเส้นเบลอ ขยับเป็นขั้นราว 12 เฟรมต่อวินาที มีฝุ่นเป็นเม็ดตอนตกถึงพื้น
กระดานชอล์ก
สไตล์กระดานชอล์ก พื้นกระดานเขียว #3a5944 กรอบไม้ #9b6a38 วาดด้วยชอล์กขาว #f2efe4 กับชอล์กเหลือง #ffe27a เส้นหยาบ สั่นซ้อน 2-3 รอบ ความเข้มไม่เท่ากัน ตัวเอกถูกวาดเองทีละเส้นก่อนขยับ มีลูกศรและสูตรสั้น ๆ มีฝุ่นชอล์ก
เส้นขาวมินิมอล
สไตล์เส้นขาวมินิมอล พื้นดำล้วน #000000 ใช้เส้นขาว #ffffff บางประมาณ 2-3 พิกเซลอย่างเดียว ไม่มีสีอื่น ตัวเอกเป็นเส้นเดียวต่อเนื่องที่ค่อย ๆ ถูกลากขึ้น ของไกลจางลง ตอนกระโดดทิ้งเส้นวิถีโค้งจาง ๆ
วิธีใช้ 4 ขั้น
- เขียนบทของคุณใน Claude ให้เสร็จก่อน (เรื่องเดิมที่อยากเล่า)
- ต่อท้ายด้วยแม่แบบนี้
บทเดิม: [วางบทของคุณตรงนี้]
ทำเป็นคลิปแนวตั้ง 9:16 ยาว [กี่] วินาที เขียนเป็นโค้ดให้ขยับได้
สไตล์: [วางคำบอกสไตล์จากใบนี้ 1 อัน]
คงบทและลำดับเหตุการณ์เดิมทุกอย่าง เปลี่ยนเฉพาะสไตล์
- ดูผลแล้วแก้ทีละส่วน เช่น เปลี่ยนแค่สี หรือแค่การขยับ
- ชอบอันไหน จดคำบอกสไตล์นั้นเก็บไว้เป็นไฟล์ แล้วเรียกใช้ซ้ำกับบทใหม่
เขียนสไตล์ของตัวเองตั้งแต่ศูนย์ ใช้โครงนี้
สไตล์: [ตั้งชื่อเอง]
สี: [ระบุโค้ดสี 3-6 สี และบอกว่าอันไหนเป็นพื้น อันไหนเป็นตัวเอก]
เส้น: [หนาหรือบาง ขอบแข็งหรือนุ่ม มีเส้นขอบไหม]
การขยับ: [ลื่นหรือเป็นขั้น เด้งหรือนิ่ง จังหวะเร็วหรือช้า]
ข้อควรระวัง
- ตัวหนังสือไทยในภาพที่ Claude เขียนเป็นโค้ด ให้วางเป็นชั้นตัวหนังสือแยก อย่าให้ไปอยู่ในเม็ดพิกเซลหรือเส้นชอล์ก
- สไตล์ที่เส้นบางมาก เช่น กระดานชอล์กกับเส้นขาว ย่อดูบนมือถือแล้วจางได้ ลองเปิดบนมือถือจริงก่อนใช้
- โค้ดสีในใบสไตล์ดึงมาจากโค้ดของคลิปทดลองของเราจริง ปรับเป็นสีแบรนด์ของคุณได้เลย
- รันครั้งแรกอาจต้องแก้รอบสองรอบ นี่เป็นเรื่องปกติของงานที่ให้ AI เขียนโค้ด
รับใบสไตล์ 10 แบบ
กดติดตามไว้ แล้วพิมพ์ สไตล์ ในคอมเมนต์ใต้รีล เดี๋ยวส่งให้ทางแชท หรือกดรับ PDF จากกล่องใต้ปกบทความนี้ได้เลย ในใบมีโค้ดสี เส้น การขยับ และคำบอกสไตล์ภาษาไทยของทั้ง 10 แบบ
อยากดูตัวอย่างงาน motion ที่ทำด้วย Claude แบบอื่น ดูได้ที่ panXboxy Motion
ที่มา: แรงบันดาลใจจากรีลของ theaigeekk ลองทำและเขียนคำอธิบายใหม่เองกับคลิปทดลองรถคันเดียว 10 สไตล์
รับ PDF ฟรี: ใบสไตล์ 10 แบบ: โค้ดสี เส้น การขยับ และคำบอกสไตล์ภาษาไทย