▶SUBTHAIแปลไทย · ซับ · พากย์⚙
บทความแปลภาษาไทย · YouTube

Agent-Run Business from Zero: 3. Frontend Design in Claude Design + Local Video Gen

0:000:00
เล่นเสียงต้นฉบับของวิดีโอ พร้อมแสดงซับไทยซิงก์ตามเวลา
กำลังโหลดวิดีโอ…
01

สรุปย่อ

ประเด็นสำคัญจากวิดีโอ

> **ที่มา:** [YouTube — Tonbi's AI Garage](https://www.youtube.com/watch?v=VRjejLprY50) · เผยแพร่ 10 ก.ย. 2026 · ~59 นาที

# สรุปภาษาไทย — Agent-Run Business from Zero: 3. Frontend Design in Claude Design + Local Video Gen

> **ที่มา:** [YouTube — Tonbi's AI Garage](https://www.youtube.com/watch?v=VRjejLprY50) · เผยแพร่ 10 ก.ย. 2026 · ~59 นาที
> *สรุปโดยอัตโนมัติ — เนื้อหาต้นฉบับ © Tonbi's AI Garage*

## วิดีโอนี้เกี่ยวกับอะไร

ตอนที่สามของซีรีส์สร้างธุรกิจด้วยเอเจนต์ตั้งแต่ศูนย์ ธุรกิจ **Keepsake Threads** ร้านพิมพ์ลายตามสั่งบน **Shopify** ที่ดึงลวดลายจากชุดเด็กเก่าสุดที่รักแล้วพิมพ์ลงเสื้อผ้าใหม่ ตอนนี้ลงมือทำ **ดีไซน์หน้าบ้าน** ด้วย **Claude Design** และสร้าง **วิดีโอสั้นแบบเลื่อนแล้วเล่น** ด้วยโมเดล **MiniMax H3** บนเครื่องตัวเองผ่าน **ComfyUI** ถ่ายทอดสดทุกขั้นตอนตั้งแต่สเกตช์จนรันบน local dev server ได้จริง

## ประเด็นหลัก

1. **ไอเดียธุรกิจ Keepsake Threads:** ลูกค้าอัปโหลดภาพชุดเบบี๋เก่า ระบบดึงลวดลายแล้วพิมพ์ลงเสื้อผ้าวัยปัจจุบัน เป็นสินค้าฝั่งผู้บริโภคเว็บเลยต้องสวยมาก
2. **ผังหน้า landing ที่สเกตช์:** navbar กับโลโก้มุมบน โซน hero เหนือรอยพับจอ แถบวิดีโอเลื่อนแล้วเล่นคั่นกลาง โซน how it works วิดีโอตัวที่สอง และท้ายเพจ
3. **คอนเซปต์หนังสั้นสองตัว:** เบบี๋ชุดวันซีลายดอกไม้ เส้นด้ายสีทองลอยขึ้นฟ้าเชื่อมไปหาเด็กหญิงคนเดียวกันวัย 5 ขวบและวัยรุ่นที่ใส่เสื้อลายเดียวกัน
4. **เวิร์กโฟลว์วิดีโอ local ฟรี:** เขียนบรีฟเป็น markdown ส่งให้เอเจนต์บน **DGX Spark** เริ่มจากคีย์เฟรมเปิดปิด อนุมัติภาพนิ่งก่อนแล้วค่อยรันดราฟต์ motion ความละเอียดต่ำก่อนเรนเดอร์จริง
5. **ความจริงของการเจนวิดีโอ:** **MiniMax H3** ต้องแก้หลายรอบเรื่องความต่อเนื่องกับรายละเอียด ส่วน **Grok Imagine** ภาพเพี้ยนจนใช้ไม่ได้ สุดท้ายใช้เวอร์ชันที่ดีสุดเป็น placeholder ไปก่อน
6. **โลโก้ด้วย ChatGPT images:** ลองหลายแบบจนได้เส้นด้ายสีชมพูอ่อนรูปหัวใจกับข้อความสี blush แล้วให้ **Hermes Agent** ขัดเกลาเป็นระบบโลโก้พร้อมใช้
7. **ดีไซน์เว็บด้วย Claude Design:** เสนอมาสามสไตล์ เลือก **warm cream scrapbook (1A)** พื้นสว่าง แล้วต่อยอดเป็นหกเพจครบทั้ง landing กับ design library กับ getting started กับ sign in กับ policies
8. **สโลแกนกับ em dash:** ปรับข้อความ hero หลายรอบจนได้ประโยคที่ชอบ พร้อมบ่นว่า **Claude** ใส่ em dash ทุกประโยคจนต้องลบออกเอง
9. **ผลลัพธ์สุดท้าย:** เอฟเฟกต์สกรอลล์เล่นวิดีโอเวิร์กบน local dev server เหลือแก้ความละเอียดต่ำกับไทมิงที่ด้ายออกช้าไปด้วยการอัปสเกล
10. **ตอนหน้า:** เชื่อมร้าน **Shopify** กับ **Printful** เลือกสินค้า เชื่อม **AI** ดึงลาย แล้วเทสต์สั่งจริงด้วยชุดเบบี๋ของลูกชาย ก่อนไปทำโฆษณา **Meta ads** แล้วเปิดตัว

## ใครควรดู

สาย vibe coding กับ AI coding agents ที่อยากเห็นงานจริงตั้งแต่สเกตช์จน deploy หน้าเว็บพร้อมวิดีโอที่เจนเองบนเครื่องตัวเอง

---
*Attribution: Agent-Run Business from Zero: 3. Frontend Design in Claude Design + Local Video Gen — Tonbi's AI Garage (youtube.com/watch?v=VRjejLprY50), เผยแพร่ 10 ก.ย. 2026*
02

คำแปลเต็ม

แปลตามบทสนทนาต้นฉบับ ปรับเป็นภาษาไทยธรรมชาติ

ยินดีต้อนรับสู่ตอนที่สามของซีรีส์ Agent-Run Business from Zero ซีรีส์ที่ผมจะสร้างธุรกิจจริงตั้งแต่ศูนย์จนเปิดขายได้จริง ธุรกิจนี้คือร้านพิมพ์ลายตามสั่งบน Shopify โค้ดเนมว่า Keepsake Threads เราจะทำตั้งแต่ Deploy ระบบจนถึงการตลาด การดูแลร้านและหวังว่าจะมีกำไรด้วย ถ้าเพิ่งมาดูตอนนี้เป็นตอนแรก ย้อนกลับไปดูตอนวางแผนกับตอนสร้างรากฐานก่อนได้ครับ ตอนนี้จะสนุกมากเพราะเราจะทำดีไซน์หน้าบ้าน เว็บนี้ต้องสวยมากเพราะเป็นสินค้าฝั่งผู้บริโภคโดยตรง ไอเดียธุรกิจง่ายมากครับ ลูกค้าอัปโหลดรูปเก่าของลูกหรือคนในครอบครัวตอนเป็นเบบี๋ โดยเฉพาะชุดเด็กเก่าที่มีคุณค่าทางใจ สินค้าของเราจะดึงลวดลายจากชุดนั้น แล้วพิมพ์ลายเดิมหรือปรับเล็กน้อยให้เข้ากับวัยปัจจุบันของเด็ก จากนั้นผลิตด้วยโมเดลพิมพ์ลายตามสั่ง นี่แหละครับไอเดียของ Keepsake Threads เว็บเลยต้องสวยจริง วันนี้เลยมีสองงานหลัก งานแรกคือวิดีโอสั้นที่ทำด้วย Generative AI เดี๋ยวจะเล่าเพิ่มทีหลัง งานที่สองคือสร้างเพจด้วย Claude Design ซึ่งเป็นเครื่องมือออกแบบด้วย AI ผมมีภาพในหัวคร่าวๆ อยู่แล้ว แต่จะให้ Claude Design เสนอตัวเลือกมาให้ดูหลายๆ แบบ ก่อนเริ่มขอบอกก่อนว่านี่คือคลิปสไตล์ live build จะยาวและช้ากว่าคลิปตัดต่อปกติของผม พอเริ่มทำผมจะเปิดเพลงเบสคลอไปด้วย วันนี้จะพาทำทุกขั้นตอนตั้งแต่ต้นจนจบครับ ถ้าอยากอัปเลเวลเอเจนต์ของตัวเอง ลองดูโปรเจกต์ Agent Wikis ของผมได้ ที่นั่นรวมคลังความรู้ที่ผมใช้ทุกวัน ทั้งตอนรีเสิร์ชทำคลิปและตอนสร้างโปรเจกต์ มีทั้งเรื่อง Hermes Agent กับ Hyperframes เครื่องมือ Local AI และอีกเพียบ วิกิมาตรฐานอ่านฟรีทั้งหมด ถ้าสมัคร Agent Wikis Pro จะได้อ่านวิกิ Excel กับสกิลพิเศษ ที่ผมพัฒนาร่วมกับเอเจนต์มาหลายเดือน Pro เดือนละ 9.99 ดอลลาร์เท่านั้น สมัครตอนนี้ล็อกเรตนี้ตลอดชีพ ผมกำลังทำโปรไฟล์เอเจนต์เฉพาะทาง กับเทมเพลตเวิร์กโฟลว์อัตโนมัติอยู่ พอปล่อยของพวกนั้นราคาฝั่ง Pro จะขึ้น สนใจสมัครได้ที่ agentwikis.com ครับ ขอบคุณทุกคนที่สนับสนุนครับ กลับเข้าเรื่องกันต่อ อย่างแรกผมอยากสเกตช์ภาพที่ต้องการก่อน แล้วค่อยส่งให้เอเจนต์ช่วยวางแผนทำวิดีโอ ด้านบนมีแถบนำทางหรือ navbar โลโก้อยู่มุมบน เดี๋ยวผมต้องออกแบบโลโก้ด้วย คงทำด้วย ChatGPT images มุมนี้วางปุ่ม sign in กับ sign up ส่วน navbar มีเมนูอีกสองสามอย่าง ถัดมาคือโซน hero ด้านบนเป็นชื่อเรื่องตัวใหญ่ ข้างใต้เป็นคำอธิบายสั้นๆ ด้านข้างเป็นช่องโฆษณาหลัก ทั้งหมดนี้อยู่เหนือรอยพับจอ เลื่อนลงมาจะเจอส่วนที่ผมเรียกว่าหนังเลื่อน พอสกรอลล์ลงหนังก็ค่อยๆ เล่นไปทีละนิด มันจะเป็นแถบวิดีโอคั่นกลางหน้า ผมเรียกมันว่าวิดีโอตัวที่หนึ่ง คอนเซปต์คือเด็กเบบี๋ในรถเข็นที่สวนสาธารณะ ใส่ชุดวันซีลายดอกไม้ เส้นขอบสีทองกลายเป็นเส้นด้าย ลอยขึ้นฟ้าแล้วเชื่อมไปหาเด็กวัย 5 ขวบ ที่เล่นเครื่องเล่นอยู่ ใส่เสื้อลายเดียวกัน นี่คือไอเดียหลักครับ เส้นด้ายเชื่อมเบบี๋เข้ากับเด็กโต เป็นแกนเล่าเรื่องของโฆษณาเราหลายตัว ถัดมาเป็นโซนอธิบายวิธีใช้งาน มีขั้นตอนที่หนึ่งสองสาม อธิบายกระบวนการทั้งหมด ตรงนี้จะมีวิดีโอ how it works ด้วย แล้วก็มีวิดีโอตัวที่สอง วิดีโอสองเริ่มจากเฟรมสุดท้ายของวิดีโอแรก สีแดงโผล่จากลวดลายบนเสื้อเด็กหญิง ลอยขึ้นไปแล้วเชื่อมไปหาเด็กสาววัยรุ่น ที่ใส่เสื้อลายเดียวกันในสไตล์เท่ๆ ขณะเดินผ่านสวนสาธารณะ ทั้งหมดควรเป็นเด็กผู้หญิงคนเดียวกันในวัยต่างๆ นี่คือคอนเซปต์ของวิดีโอสองครับ ส่วนท้ายเพจใส่ข้อมูลติดต่ออะไรก็ได้ ใต้คำอธิบายสั้นๆ ควรมีปุ่ม get started กับปุ่มสมัครสมาชิก navbar ด้านบนขอแค่เมนูน้อยๆ เช่น get started กับ design library ประมาณนี้ครับ เซฟภาพนี้แล้วกลับมาที่แอป Hermes Agent desktop ยังอยู่กับโปรไฟล์ builder เหมือนเดิม อย่างแรกมาคุยเรื่องหนังสั้นกันก่อน ผมบอกเอเจนต์ว่าให้ดูแผนที่เพิ่งสเกตช์ไป แล้วช่วยระดมไอเดียทำแถบหนังเลื่อนคั่นหน้า ผมอยากได้คลิปยาวราว 10 วินาที ที่สกรอลล์แล้วค่อยๆ เล่นทีละเฟรม หนังเรื่องนี้ผมจะทำบนเครื่องตัวเอง ด้วย DGX Spark ผมใช้ MiniMax H3 สร้างวิดีโออยู่ คุณภาพถือว่าใช้ได้ แต่ใช้เวลานานและต้องความละเอียดสูง ผมเคยทำคลิปไดโนเสาร์กับลิงให้ลูกดูก็พอไหว เอเจนต์ตอบกลับมาว่าทำได้ พร้อมแนะนำวิธีทำมาด้วย มีแผนเรื่องการเปลี่ยนวัยของเด็ก ลายดีไซน์เดิมส่งต่อถึงวัยรุ่น เอเจนต์แนะนำให้ทำคลิปมาเพื่อสกรอลล์โดยเฉพาะ สไตล์แอนิเมชันที่ดีสุดน่าจะเป็น live action ฉบับมือถือต้องจัดองค์ประกอบแยก เพราะแบบเดสก์ท็อปดูบนมือถือไม่สวย เอเจนต์บอกว่าการ seek ไฟล์ MP4 เพี้ยนจนตาเห็นได้ชัด ทำด้วยภาพนิ่งก็ได้แต่ผมไม่อยากใช้วิธีนั้น ผมเลยจะเอาคำสั่งชัดๆ ไปให้เอเจนต์บนเครื่อง Spark ผมสั่งให้มันเขียนเป็นไฟล์ markdown ผมจะโยนเข้าเครื่อง Spark ให้เอเจนต์ตรงนั้นอ่านเอง ดีกว่าผมนั่งอธิบายเอง ดูเหมือนเอเจนต์ตรงนี้มีไอเดียดีกว่า นี่คือตัวอย่างวิดีโอที่มันทำได้ เป็นสไตล์ claymation ไดโนเสาร์ มีเพี้ยนบ้างเช่นไดโนเสาร์แปลงร่างแปลกๆ แต่คลิปโดยรวมดูดี ความต่อเนื่องคือจุดยาก คลิป 3 นาทีต้องต่อคลิป 10 ถึง 15 วินาทีหลายท่อน รอยต่อเลยกระตุกบ้าง แต่ของเราต้องการแค่คลิป 10 วินาที โอเคนี่คือเอเจนต์ที่เราจะใช้งานด้วย นี่คือบรีฟสร้างหนังเลื่อนสำหรับหน้า landing พอทำวิดีโอเสร็จเราจะเข้า Claude Design เพราะตอนนั้นของครบทุกอย่างแล้ว แต่ต้องทำวิดีโอก่อน นี่คือไฟล์บรีฟครับ ผมจะเอาไปใส่โฟลเดอร์ของเครื่อง Spark แล้วย้ายไปใช้ session ของ Spark ในแอป desktop ยังใช้แอปเดิมนี่แหละ ผมวางไฟล์ในโฟลเดอร์ของ Spark แล้ว ตอนนี้สลับมาแล้วครับ นี่คือเครื่อง Spark ของผม ผมมีโปรไฟล์เฉพาะสำหรับผลิตวิดีโอ ชื่อว่า DS4 ตอนแรกเอาไว้เทสต์ DeepSeek เลยตั้งชื่อนี้แต่ตอนนี้ไม่ได้ใช้ DeepSeek แล้ว ตอนนี้มันรันด้วย GPT Soul มั้ง เปิด session ใหม่แล้วสั่งว่า ให้อ่านบรีฟตรงนั้นแล้ววางแผนทำวิดีโอสั้นสองตัว ด้วย MiniMax H3 ผ่าน ComfyUI อย่าลืมว่าคลิปพวกนี้เอาไปใช้แบบสกรอลล์ ผมควรเปลี่ยนชื่อมันหน่อยแต่ยังก่อน ดูตรงสกิลจะเห็นว่าเจ้านี้มีสกิลเยอะมาก ผมใช้มันสร้างวิดีโอมาตลอด สกิล learned พวกนี้คือสิ่งที่มันเรียนรู้เอง พอผมตรวจสอบแล้วจะเอาขึ้น Agent Wikis บางอันซ้ำกันต้องรวมกัน บางอันเจาะจงเกินไป หวังว่าจะได้สกิลใหม่จากงานนี้ ผมเพิ่งใส่ blueprint ที่ทำไว้เข้าไป ลืมใส่เมื่อกี้ ตอนนี้มีแผนผลิตครบแล้ว งานรีเสิร์ชข้อมูล การตัดสินใจวางแผนหลัก คือให้มองวิดีโอเป็นไทม์ไลน์ตามสกรอลล์ ไม่ใช่โฆษณาปกติ ใช้ช็อตนุ่มช้ายาวๆ เปิดค้างไว้ ใช้ MiniMax บรีฟยังไม่ลงสีสุดท้าย ฟอนต์หรือขนาดคอนเทนเนอร์ responsive แผนเลยเตือนไว้ สิ่งที่ผมอยากบอกมันคือ วิดีโอต้องมีกลิ่นอายชวนคิดถึง โทนอุ่น ชมพูอ่อน ฟ้าอ่อน ส้ม ทองอ่อน พวกนี้จะเป็นสีหลักของหน้า landing และเป็นธีมของแบรนด์ อีกอย่างที่ต้องทำคือโลโก้ โลโก้จะดึงสีพวกนี้ไปใช้ คงมีอะไรเกี่ยวกับเส้นด้าย หนังสองเรื่องจะเกรดสีเดียวกัน ลองกันเลยครับ งานนี้ไม่มีทางจบในช็อตเดียว ต้องใช้เวลาและมีภาพเพี้ยนจาก AI แน่ เราจะทำผ่าน ComfyUI ซึ่งเป็นโปรเจกต์โอเพนซอร์ส ดีมากสำหรับสร้างภาพและวิดีโอ ตั้งค่าเสร็จสตาร์ตโมเดล MiniMax แล้วลองเลย ความพยายามรอบแรก เราจะสร้างคีย์เฟรมเปิด คือภาพเบบี๋ชวนคิดถึงกับรถเข็น กับคีย์เฟรมปิดคือเด็กวัย 5 ขวบที่สนามเด็กเล่น ผมอนุมัติภาพนิ่งทั้งสองก่อน แล้วค่อยรันดราฟต์ motion ความละเอียดต่ำ ก่อนเรนเดอร์จริง นี่คือขั้นตอนมาตรฐานครับ เริ่มจากคีย์เฟรมของคลิปแล้วยืนยันก่อน ระหว่างรอผมจะลองทำโลโก้ ตอนนี้อยู่ใน ChatGPT images สั่งว่าให้ทำตัวเลือกโลโก้ให้ธุรกิจชื่อ Keepsake Threads ขอกลิ่นอายชวนคิดถึงและซึ้งๆ ใช้ชมพูอ่อน ฟ้าอ่อน ส้ม ทองอ่อนเป็น accent บางแบบลองใช้เส้นด้ายจริง รอดูว่าจะได้อะไรดีๆ ไหม ฝั่งวิดีโอเป็นไงบ้าง ภาพเปิดผ่านเกณฑ์แรก แต่เฟรมเด็ก 5 ขวบโดนตีกลับ ต้องวางตำแหน่งใหม่ นี่คือสองตัวเลือกโลโก้ ผมว่ายังไม่ดีพออยากได้คลีนกว่านี้ ดูตัวเลือกอื่นที่มันให้มา อันนี้คืออีกอันใช่ไหม ผมว่าอันนี้ดีกว่า Keepsake Threads อันนี้ดูดีเลย อีกอันก็ไม่แน่ใจ ขอส่งงานนี้ให้เอเจนต์ผมทำดู เพราะมันมีคอนเทกต์โปรเจกต์มากกว่า งาน builder นี่ image gen น่าจะใช้ได้ ผมให้พรอมต์เดียวกันไปเลย ดูซิว่ามันมีไอเดียดีกว่าไหม ขณะเดียวกันภาพคีย์เฟรมมาแล้ว ภาพสวยแต่ไม่ใช่วันซี มันเป็นผ้าห่ม ผมชอบบรรยากาศรอบข้างนะ แต่ลายต้องอยู่บนเสื้อเด็กไม่ใช่ผ้าห่ม นอกนั้นดูดีเลย ด้ายจะลอยขึ้นฟ้าจากตรงนี้แล้วเชื่อมไปตรงนี้ เรื่องความสม่ำเสมอต้องเช็กเยอะ ดูสิสไลด์นี้ออกสีแทน แต่อีกอันเป็นสีเทา นี่คือสิ่งที่ต้องสู้เวลาทำงานกับ AI โอเคมันจะทำคีย์เฟรมใหม่ ระหว่างนี้มาดูตัวเลือกโลโก้กัน ไอเดียไม่เลวเลย Keepsake Threads พรอมต์เดียวกันผลเลยคล้ายกัน นี่คืออีกตัวเลือกที่มันให้มา ผมชอบอันนี้เหมือนกัน เรียบง่ายกว่าและชอบรูปหัวใจตรงนี้ ผมว่าจะเอาอันนี้ มันใหญ่ไปหน่อยแต่ใช้เป็นเวอร์ชันเล็กได้ เอาอันนี้แหละ แต่อยากให้เส้นด้ายเป็นสีชมพูอ่อนไม่ใช่สีทอง แล้วให้เส้นด้ายเป็นรูปหัวใจ แทนรูปทรงเหมือนอินฟินิตี้นี่ ลองดูครับ ผมบอกไปว่าชอบตัวเลือกที่สอง ขอเวอร์ชันนั้นอีกสองสามแบบ ให้เส้นด้ายเป็นรูปหัวใจแทนสัญลักษณ์อินฟินิตี้ ทำเป็นสีชมพูอ่อนแล้วลากสีชมพูยาวไปทั้งข้อความ อย่าให้สีเปลี่ยนกะทันหันตรงกลาง รอดูผลครับ ฝั่งวิดีโอไปถึงไหนแล้ว ยังทำอยู่ครับ โอเคได้ภาพโลโก้เพิ่มมาแล้ว อันนี้ดูดีเลย Keepsake Threads พร้อมรูปหัวใจ นี่คือเวอร์ชันชมพูล้วน ไม่รู้ว่าหวานไปไหม ลูกค้าส่วนใหญ่คงเป็นผู้หญิง อันนี้ก็ดูดีนะชมพูไม่แรงมาก ออกชมพูอ่อนๆ อันนี้เป็นตัวเลือกผสม Keepsake Threads อันนี้ผมก็ชอบ อันนี้ใช้เป็นสัญลักษณ์ย่อได้ สีชมพูดูดีจริง เอาตัวผสมนี่แหละ ผมชอบสี blush นี่ กับอันเล็กข้างล่างนี่ด้วย เอาไปใช้ฝั่งนี้ ใหญ่ไปสำหรับ header ไหม ผมว่าไม่นะ โอเคเอาโลโก้นี้ไปก่อน เปลี่ยนทีหลังได้เสมอ ผมว่าตัวเลือกนี้ดีทีเดียว เก็บอันนี้เป็นเวอร์ชันเรียบง่าย สองอันนี้คล้ายกัน อันนี้สไตล์ดีกว่า โอเคเอาโลโก้นี้ครับ ผมบอกว่าชอบสกิล brand identity concepting มันเป็นสกิลที่ดีจริง Hermes ตอบว่าเลือกดีแล้ว โทนทอง antique ให้ความรู้สึกอบอุ่น ชวนคิดถึงและซึ้งที่สุด เหมาะกับ Keepsake Threads ขั้นต่อไปคือขัดเกลาเป็นระบบโลโก้พร้อมใช้จริง โอเคไปต่อเลย ผมจะให้ Hermes ทำบน PC ของผม โลโก้พร้อมสำหรับ Claude Design แล้ว ฝั่งวิดีโอเป็นไงบ้าง นี่คือดอกไม้มันดูแปลกไหม กับภาพที่แก้มาใหม่ เอาภาพปิดกับภาพเปิดมาเทียบกัน ผมชอบไอเดียนะ แต่ดอกไม้นี่ไม่แน่ใจ มันแปะอยู่บนเสื้อ อันก่อนผมว่าสวยกว่า แต่ดอกไม้อันนี้ผมว่าสวยกว่า พอดูดีๆ มันคนละดอกกัน งานนี้จะเอาให้ตรงกันยากจริง ผมจะแก้ต่อไปเพื่อให้ได้คีย์เฟรมสองภาพ SVG ที่ทำมาเพียบใช้ไม่ได้เลย ดูแย่มากใช้ไม่ได้จริง โอเคตอนนี้ได้ภาพแล้ว อันนี้ดีกว่า ลายเหมือนกันเด็กก็คนเดียวกัน พื้นหลังไม่เหมือนกัน ก็ขึ้นกับมุมกล้องแหละ โอเคลองดูก่อน มันทำใหม่แล้ว ครอปภาพเฉพาะจุดมา เราใช้แบบนี้ก็ได้ อันนี้เรียบง่ายใช้เป็นไอคอนได้ หรือเอาแค่อันนี้อันเดียวก็พอ ระหว่างนี้ควรได้ภาพแรกจากฝั่งนี้ ผมอยากทำบนเครื่องตัวเองเพราะมันฟรี ถ้าไม่ไหวค่อยลองโมเดลอื่น ลอง Grok Imagine ก็ได้ หรือไม่ก็ Seedance หรือ Flux 3 Flux 3 น่าจะดีสำหรับงานนี้ แต่ผมอยากทำฟรีมากกว่า โอเคนี่คือเทกแรกของ MiniMax ยังไม่ดีเลย ไม่มีทรานซิชัน เด็กยืนนิ่งเหมือนภาพนิ่ง มีปัญหาหลายจุด ลองใหม่อีกรอบ ระหว่างนี้ผมจะลองดูว่า Grok Imagine ทำได้ดีกว่าไหม ตอนนี้ผมอยู่ใน Hermes Agent ใช้เครื่องมือ video gen ถ้าอยากดูว่า Grok Imagine ทำอะไรออกมา เตือนก่อนว่าน่ากลัวทีเดียว ไม่รู้ทำไมเด็กไม่มีขา ภาพดูแปลกมาก นั่นคือ Grok Imagine ครับ ให้โอกาสมันอีกสองรอบละกัน แต่ผลไม่ดีเลย โอเคอันถัดมา อันนี้ใกล้เคียงขึ้นแล้ว ยังมีเพี้ยนอยู่ ไม่รู้ทำไมมีวงกลมตรงนั้น แต่ด้ายลอยขึ้นฟ้าแล้วเชื่อมไป แบบนี้แหละที่ผมต้องการ มันแนะนำให้สร้างแบบไม่มีเส้นด้ายก่อน แล้วค่อยใส่เส้นด้ายสีทองทีหลัง แบบ deterministic ด้วยเส้นโค้งเวกเตอร์ ถ้าใครถามว่าทำยังไง มันจะลองกู้เวอร์ชันสองที่เพิ่งได้ ซ่อมดอกไม้ที่เสีย แล้วใช้เส้นด้ายทองแบบควบคุมทับลงไป ลองดูครับ นี่คือผลที่ได้ มันสร้างภาพฐานแล้วแปะโอเวอร์เลย์ทับ มันคิดว่าจะดีกว่าแต่ชัดเลยว่าแย่กว่า ดูตลกและลอยเด่นออกมา การทดลองนี้จบแล้ว เรากลับไปเวอร์ชันสอง ซึ่งใกล้เคียงสุด แล้วแก้พรอมต์ให้ตรงจุดที่อยากแก้ คือห้ามมีลายวงกลมบนตัวเบบี๋พร้อมเส้นด้าย ลายดอกไม้เรืองแสงเบาๆ ตอนด้ายออกจากเสื้อ เส้นด้ายห้ามขาดออกจากเฟรม ผมว่าวิธีนี้ดีสุด แทนที่จะลองกลยุทธ์มั่วๆ เวอร์ชันสองใกล้เป้าสุดแล้ว แค่แก้ไม่กี่จุด ตรงนี้อาจใช้เวลานานกว่าจะได้ดั่งใจ นี่คือเทกสุดท้ายที่ลองมา ด้ายตรงเกินไปดูเหมือนเชือก ผมยังว่าเวอร์ชันสองใกล้สุดอยู่ดี แม้มีวงกลมแปลกๆ ตรงนั้น แต่ภาพมีการเคลื่อนไหว ส่วนนั้นดูโอเค ผมจะให้มันแก้ต่อไปเรื่อยๆ ให้ได้ภาพที่ถูกต้อง ระหว่างนี้เอเวอร์ชันสองที่ดีสุดมาเป็น placeholder เพราะฟอร์แมตถูกต้องแล้ว เหลือแค่รายละเอียดภาพ แล้วเราจะย้ายไป Claude Design กัน แทนที่จะเสียเวลาทั้งวัน สู้กับ MiniMax ตรงนี้ หวังว่าทุกคนเห็นภาพนะครับ ว่าคนที่ทำหนังทั้งเรื่องด้วย AI ต้องทุ่มแค่ไหน ผมแค่ทำคลิป 10 วินาทียังหืดขนาดนี้ ดูเวอร์ชันหกที่ผมทำมา เบบี๋ดูตกใจเกินไป ยังเพี้ยนๆ อยู่ โอเคนี่คือ Claude Design หน้าตาไม่เหมือนที่จำได้ ผมจะใช้ Fable 5 ผมจะแนบไดเรกทอรีไปด้วย ผมสั่งว่าให้รีวิวไดเรกทอรีนี้ มี placeholder UI ทำไว้แล้ว ต้องทำเพจที่จำเป็นทั้งหมดให้เว็บ โฟกัสที่หน้า landing ในนั้นมี blueprint ว่าหน้าตาควรเป็นยังไง มีโลโก้กับพาเลตต์สีให้ใช้ ตอนนี้ใช้วิดีโอตัวนี้เป็นที่คั่นไปก่อน เดี๋ยวค่อยเปลี่ยน ขอดีไซน์อย่างน้อยสามแบบ คีย์เวิร์ดคือ nostalgia ความอบอุ่น ซึ้งและสบายใจ เริ่มเลยครับ ระหว่างนี้ผมจะทำคีย์เฟรมใหม่ อันเดิมใช้ไม่ได้จริง คอนเซปต์เดิมแต่เปลี่ยนฉาก รถเข็นอยู่ข้างม้านั่ง แม่นั่งบนม้านั่งหันหน้าเข้าสนามเด็กเล่น ผมว่าตำแหน่งเดิมแปลกๆ เบบี๋ใส่ชุด romper ลายดอกไม้ปักชวนคิดถึง เฟรมสุดท้ายคือเด็กหญิงวัย 5 ขวบที่สนามเด็กเล่น ใส่เสื้อยืดลายเดียวกัน เราจะใช้ Craya 2 ตัวเดิมที่เคยใช้ แต่คอมโพสิชันนี้ไม่เวิร์กกับมัน แบบที่รถเข็นหันเข้าสนามเด็กเล่นนี่อาจดีกว่า ฝั่ง Claude Design ทำงานแล้ว ได้มาสองสามแบบ มันทำสไตล์ warm cream scrapbook ออกมา ต่างจากที่ผมเคยใช้ แต่ยังมีกลิ่นนั้นอยู่ เหมือนสไตล์ Figma แบบ white space นี่คือสไตล์ที่หนึ่ง warm cream scrapbook มันดึงภาพมาใช้ด้วย เอาภาพห่วยๆ นั่นมาใช่ไหม ผมลบไปแล้วนะ บอกมันให้ใช้แค่โลโก้ที่ถูกต้อง อ้าวเอาภาพจระเข้มาใช้ด้วยไม่เอา เอฟเฟกต์สกรอลล์ยังไม่ทำงาน เพราะอยู่ในฟอร์แมตนี้ มาดูสไตล์สีกัน อันนี้ตรงไปตรงมาแต่ก็สวยได้ ผมว่ามันจะใหญ่ไปนะ แถบหนังเลื่อนอาจต้องย่อขนาดลง อันนี้ออกโทนม่วง plum เข้มๆ ตามที่มันเรียก แล้วก็อันนี้ อันนี้ไม่ใช่สิ่งที่ผมต้องการ อันนี้ใกล้สุดละมั้ง ลองแก้สีดู อันนี้แทบไม่เปลี่ยน แต่อันนี้ได้สีฟ้ามากขึ้น อันที่สามผมตัดทิ้ง ไม่เวิร์กและไม่ตาม blueprint ที่ผมอยากได้ อันพวกนี้โอเค พื้นหลังสว่างก็ได้ ผมรู้สึกว่าทุกวันนี้ทุกอย่างเป็น dark mode หมด งานแบบนี้ต้องพื้นสว่าง พื้นเข้มผมว่าไม่รอด ผมเอาอัน 1A ครับ ขอลองทำพื้นหลังเข้มขึ้นนิดนึง แบบนี้ดีกว่าใช่ไหม ผมว่าดีผมว่าเข้ากัน คิดว่าเข้ากับพื้นหลังโลโก้ด้วย ผมจะลบพื้นหลังให้โปร่งใส มันจะได้เบลนด์เข้ากันพอดี ระหว่างนี้ภาพใหม่ของเรามาแล้ว ปัญหาคือเสื้อโดนบัง มันไม่เข้าใจจริงๆ ด้วย ช่างมัน ยกเว้นว่าสนามเด็กเล่นคนละที่กันเลย ภาพนี้ไม่ผ่านครับทำใหม่ ระหว่างนั้นฝั่ง Claude Design ได้แบบนั้นมาดูดีเลย ซูมออกหน่อย โอเคเอาแบบนี้ กด get started ดูว่า how it works เป็นไง โอเค 1A คือดีไซน์กับฟอร์แมตที่เลือกแล้ว เดี๋ยวแก้ข้อความด้วย โอเคครับ จากตรงนี้มันสร้างเพจอื่นๆ ต่อ เห็นไหมตอนนี้มีสี่เพจแล้ว มี get started มี design library มี landing มี landing options ที่ทำไปแล้ว มี sign in ตอนนี้มันสร้างจากรากฐานที่เราทำในวิดีโอก่อน สร้าง requirement ทั้งหมด องค์ประกอบต่างๆ ปุ่มและอื่นๆ มันเติม policy ให้ครบ โอเคลองดูว่าสกรอลล์เล่นวิดีโอจริงไหม ยังไม่เล่นครับ ภาพความละเอียดต่ำ ผมเดาไว้แล้วว่าจะเป็นแบบนี้ อาจเพราะฟอร์แมตที่เป็นอยู่ โอเคตอนนี้มีหกเพจ หน้า landing ที่เห็นไป หน้า design library ดูดี ตรงนี้จะรวมดีไซน์ทั้งหมดที่อยากได้ หน้า getting started ตรงนี้คือจุดเริ่ม ให้เลือกภาพ หน้า sign in สำหรับบัญชี ตรงนี้ผ่าน Shopify กับหน้า policies ทุกอย่างดูดีครับไม่มีอะไรเวอร์ แค่อยากแก้ เอ้ามันเล่นได้แล้ว ไม่รู้ทำไมซูมแปลกๆ แบบนั้น โอเคเราอาจต้องรอเวอร์ชันไฟนอล แต่คอนเซปต์ผมว่าใช้ได้ แค่วิธีออกแบบตอนนี้ยังไม่เวิร์ก แต่นี่คือดีไซน์หลัก ทำเสร็จง่ายๆ ไม่เจ็บตัวเลย ดูตรงนี้ครับ ผมจะย้ายข้อความบางจุด เพราะบางอันไม่ใช่สิ่งที่ผมต้องการ แก้ตรงนี้ได้โดยตรงเลย แก้ข้อความตรงนี้ เอาประโยคที่ว่าสานต่อดีไซน์จากเสื้อตัวเก่า ให้กลับมาใส่ได้อีก Claude ช่วยคิดทางเลือกอื่นให้ประโยคนี้หน่อย ผมอยากสื่อว่าเชื่อมความทรงจำกับอารมณ์ ที่ผูกกับเสื้อผ้าเก่าสู่ปัจจุบัน นี่คือไอเดียครับ ดูซิว่ามันคิดสโลแกนดีกว่านี้ได้ไหม ไม่งั้นผมเขียนเอง เสื้อใส่ไม่ได้แล้วแต่ความทรงจำยังใส่ได้ พกความทรงจำที่เย็บในเสื้อตัวแรกติดตัวไป พวกนี้ห่วยหมดเลย เขียนไม่ดีจริง เปลี่ยนเสื้อที่ทิ้งไม่ลงให้เป็น เก็บดีไซน์ที่มีความทรงจำไว้ ไม่เอาพวกนี้แย่หมด ประมาณนี้ครับ ลองนิยามดีไซน์ของเสื้อเก่าสุดที่รัก ให้เป็นของที่ระลึกใส่ได้ เซฟอันนี้ ดูซิว่า Claude ให้ตัวเลือกดีกว่านี้ได้ไหม จากไอเดียนี้ ผมต้องเปลี่ยนอันนี้เป็นของที่ระลึกใส่ได้ อะไรแบบเชื่อมเส้นด้ายเชื่อม อดีตสู่ปัจจุบัน แบบเส้นด้ายเชื่อมโยงอดีตสู่ปัจจุบัน อันนี้ดีเหมือนเห็นภาพ เอาประโยคดีไซน์เสื้อตัวเก่าสุดที่รัก ตีความใหม่เป็นของที่ระลึกใส่ได้ ต้องมี em dash ด้วยใช่ไหม ดีไซน์ที่คุณหวงแหน ตีความใหม่เป็นของที่ระลึกที่ใส่ได้ตอนนี้ ประมาณนี้ไม่เลวครับ เอาอันนี้ครับ แก้ตรงนี้ อันนี้เป็นของที่ระลึกที่ใส่ได้ตอนนี้ ดีไซน์ที่คุณหวงแหน ตีความใหม่เป็นของที่ระลึกที่ใส่ได้ตอนนี้ ผมว่าดีครับ แต่มันใหญ่ไปหน่อย 250 โอเค ดีไซน์ที่คุณหวงแหน ตีความใหม่เป็นของที่ระลึกที่ใส่ได้ตอนนี้ ผมว่าดีครับ Keepsake Threads สร้างลวดลายกราฟิก กับคำที่มีความหมายขึ้นใหม่จากเสื้อตัวเดียวสุดที่รัก ต้องลบ em dash พวกนี้ให้หมด คุณรีวิวทุกรายละเอียดได้ แล้วสานต่อลงเสื้อผ้าใหม่ กด get started ดูว่า how it works เป็นไง ผมว่าไม่ใช่ตรงนี้ เอาคำว่า designs แทนคำว่า design ดีไซน์ที่คุณหวงแหน ตีความใหม่เป็นของที่ระลึก ตีความใหม่หรือเกิดใหม่ดี เกิดใหม่เป็นของที่ระลึกที่ใส่ได้ตอนนี้ ดีไซน์ที่คุณหวงแหน เกิดใหม่เป็นของที่ระลึกที่ใส่ได้ตอนนี้ ผมว่าดีครับ ต้องแก้อันนี้ต่อ ทำไงดี โอเคผมว่าดอกไม้อันนี้ดีกว่า ใช่ครับดอกไม้นี้ดูดีกว่าเยอะ โอเคผมว่าดี ดูปักมากขึ้น ไม่เหมือนกันเป๊ะแต่ไม่เป็นไร มันจะถูกตีความใหม่อยู่แล้ว โอเคผมว่าดีครับ ผมจะล็อกจุดปลายของหนังเรื่องที่หนึ่ง แล้วลองคอนเซปต์เชื่อมด้ายแบบเดียวกันตรงนี้ เหมาะสุดคือโครงสีทองก่อน แล้วเส้นด้ายค่อยโผล่ออกมา เส้นด้ายต้องบางมากเล็กมาก เราจะลองคลิปนี้อีก งานนี้เสร็จเกือบหมดแล้ว ตั้งใจให้เรียบง่าย มาดู how it works แชร์ภาพหนึ่งถึงสิบภาพของเสื้อต้นฉบับ รีวิวลวดลายกราฟิกกับข้อความที่สร้างขึ้นใหม่ ยืนยันทุกคำที่มีความหมายได้ตรงตัว อนุมัติ product proof แล้วสั่งดีไซน์บนเสื้อผ้าใหม่ที่ใช้ร่วมกันได้ Keepsake Threads ให้ของที่มีความหมายมีชีวิตอีกครั้ง ช่วง pre-launch โอเคต่อมา privacy policy โอเคดีครับ เช็กเพจอื่น หน้า get started พวกนี้เรียบง่ายได้ แค่อยากลบ em dash ให้หมด เริ่มจากเสื้อหนึ่งตัว หนึ่งโปรเจกต์ดีไซน์ครอบคลุมเสื้อหนึ่งตัว เสื้อสะอาดเท่านั้น ภาพถ่ายหลายมุมช่วยได้ หลายมุมช่วยเวลารอยพับตะเข็บหรือรอยขาด บังลายบางส่วน em dash นี่บ้าไปแล้ว มันไม่หยุดเลย อัปโหลดยังไม่เปิด นี่คือ intake ที่วางแผนไว้ โอเคข้อความพวกนี้เป็น placeholder อยู่แล้ว แต่มันกวนใจผมจริง เกิดอะไรขึ้น คุณทำอะไรลงไป จะเกิดอะไรขึ้นต่อไป คุณสร้างลวดลายกราฟิกกับข้อความขึ้นใหม่ คุณเลือกองค์ประกอบที่ควรอยู่ในดีไซน์ คุณยืนยันข้อความที่มีความหมายตรงตัวทีละตัวอักษร คุณเทียบตัวเลือกแบบซื่อตรงกับแบบปรับสไตล์ คุณอนุมัติ product proof ก่อนซื้อทุกครั้ง เสื้อเท่านั้นไม่มีคนในเฟรม อีกอันตรงนี้ ลบ opens at launch เลือกภาพ โอเค หน้า design library ของที่ระลึกของคุณถูกเก็บไว้ พรีวิวช่วง pre-launch ทุกดีไซน์ที่คุณอนุมัติอยู่ที่นี่ มันเขียนสักประโยคโดยไม่มี em dash ได้ไหม ใช้ซ้ำได้โดยไม่ต้องมีภาพต้นฉบับ โอเค เซฟ พวกนี้แค่ตัวอย่าง แต่นี่คือดีไซน์ ดีครับ โอเคใช้ได้ หน้า sign in ใช้ได้ครับ แล้วก็ policies ผมว่าจะทำแบบ FAQ ด้วย อันนี้เป็นแนวนโยบายมากกว่า มีคนบอกมา ใช่ครับ FAQ โอเคเพิ่มแล้ว ใช่ครับภาพรวมดูดี หน้า landing ตอนนี้ เหลือแค่วิดีโอตัวจริง ผมใช้เวลากับวิดีโอเยอะ เพราะมันจะเป็นส่วนหนึ่งของโฆษณา โฆษณาตัวหลักตอนทำการตลาด นั่นจะเป็นอีกวิดีโอแยก ที่รวมวิดีโอและโฆษณาที่จะใช้ แต่นี่คือคอนเซปต์หลักที่ร้อยผ่าน ไอเดียเส้นด้ายเชื่อมเสื้อผ้าข้ามรุ่น ผมพยายามให้เวิร์กโฟลว์นี้เวิร์ก แต่อาจเป็นข้อจำกัดของโมเดลที่รันบนเครื่อง ผมใช้ MiniMax H3 ตัวนี้มานาน มันดีนะแต่คงมีเวอร์ชันดีกว่า สูตรดีกว่านี้ ตัวนี้ค่อนข้างเก่าแต่รักษาคุณภาพได้ นี่คือรอบแรกที่ได้ ดูสิไม่แย่นะ โอเคลองอีกรอบ ยังไม่แย่แต่เส้นด้ายยังหนาไป ลองอีกรอบให้คนขยับมากกว่านี้ อันถัดมา จริงๆ ผมว่า 5 วินาทีแรกยอดมาก มีการเคลื่อนไหวตรงนั้น เส้นด้ายดูดี แค่หลังจากนั้นมันตัดแล้วต่อกับเด็กไม่เนียน 5 วินาทีแรกผมว่ายอดจริง เราจะใช้ 5 วินาทีแรก เหลือแค่แก้ครึ่งหลัง ปลายด้ายต้องขยับมากกว่านี้ แล้วไปหาเด็กหญิงวัย 5 ขวบที่ต้องเล่นมากกว่านี้ ไม่รู้ว่าตัดต่อกันแล้วจะเนียนไหม แต่ต้องลอง เราใช้เฟรมสุดท้ายของอันนี้ได้ ตอนด้ายอยู่กลางอากาศใช่ไหม แล้วค่อยลงมา โอเคนี่คืออันที่รวมกัน ดูดีเลยขึ้นไปแล้วลงมาตรงนั้น ผมว่าลองเอาอันนี้ไปก่อน ดูโอเคแล้ว ทีหลังค่อยมาปรับเพิ่ม แต่อยากเห็นมันทำงานเป็นคลิปเลื่อนก่อน โอเคสิ่งที่เราจะทำคือ proof clip มันน่าจะเวิร์กแต่ภาพจะนุ่ม ซึ่งก็เหมือนที่เห็นเมื่อกี้ เราจะอัปสเกลมัน แล้วเตรียม asset สำหรับ endpoint [ฟังไม่ชัด] ทำเวอร์ชันมือถือ กับเช็กสกรอลล์บนเบราว์เซอร์ โอเคบอกมันไปว่า ผมจะใช้ครึ่งแรกเป็นที่คั่นตัวแรก ครึ่งหลังเป็นที่คั่นตัวที่สอง ตอนแรกจะเอาอันนี้เป็นที่คั่นแรกอย่างเดียว แล้วตัวที่สองทำอีกอัน แต่แบบนี้เวิร์กกว่า ด้ายเชื่อมถึงกัน ตอนนี้มันจะเรนเดอร์ให้เวิร์กแบบนี้ เสร็จแล้วผมจะ import เข้า Claude Design ผมว่าทำสกรอลล์เต็มรูปแบบตรงนี้ให้สวยไม่ได้ เลยจะ import ไฟล์นี้ ส่งให้ Claude Code แล้วกลับเข้า Claude Code ให้มันประกอบทั้งหมดกับใส่วิดีโอจริง นั่นคือแผนครับ เราจะ handoff ให้ Claude Code ตรงนี้ ระหว่างที่ทำวิดีโอ ผมทำเฟสพวกนี้เสร็จไปหลายอันแล้ว แค่เวอร์ชันที่ยังไม่เนี้ยบ ปล่อยให้ Claude ลุยให้หมด นี่คือพรอมต์ เรียกมันว่า design MCP ตอนนี้เราจะ implement สิ่งที่ออกแบบไว้ลงเว็บ แล้วค่อยสลับวิดีโอ ผมว่า Claude Code จัดการได้ดีกว่า โอเคตอนนี้ได้แพ็กเกจครบแล้ว ทุกอย่าง verified ยังไม่แน่ใจว่าจะออกมาหน้าตาแบบนี้ ไม่รู้ว่าเพราะรันผ่านแอป desktop ภาพเลยดรอปหรือมันจะเป็นแบบนี้จริง ทีหลังอาจต้องทำใหม่ มาดูของที่ได้มาก่อน โอเคมันกำลัง implement อยู่ บางจุดอาจต่างจากที่เห็นใน Claude Design แต่ตอนนี้ผมจะสลับวิดีโอ ดูว่ามันเวิร์กถูกต้องไหม โอเคนี่รันบน local dev server นี่คือของที่เราสร้างวันนี้ โลโก้ Keepsake Threads ดูดีมาก ผมชอบสไตล์นี้ คิดว่าเลือกพาเลตต์สีถูก มันนุ่มๆ สบายใจหน่อยๆ สีชมพูไม่แรงเกิน ผมว่าไม่หวานเกินไปด้วย แม้จะยิงตรงกลุ่มนั้นแหละ ส่วนสำคัญคือวิดีโอ เลื่อนลงมาครับ ดูดีเลยสกรอลล์เวิร์กดีมาก ปัญหาเดียวคือความละเอียดต่ำ กับไทมิงเพี้ยนนิดหน่อย ผมอยากให้ด้ายออกเร็วกว่านี้ตอนสกรอลล์ เช่นตรงนี้ ผมจอใหญ่ภาพเลยถูกยืด แต่อัปสเกลเพิ่มได้ ลงมาตรงนี้มีวิดีโอ how it works แล้วลงมาอีก เหมือนเดิมไทมิงเพี้ยนนิดหน่อย ความละเอียดรอบใบหน้าไม่ดี ผมจะลองอัปสเกล นอกนั้นผมว่าเวิร์กดีมาก เอฟเฟกต์สกรอลล์สวยจริง ผมสงสัยว่ามันจะออกมาหน้าตาแบบนี้ แต่ผมชอบนะ เพจที่เหลือดูดีหมด มีแค่หน้า landing ที่อยากได้อะไรดึงสายตา ส่วนอื่นอยากให้ตรงไปตรงมา แต่ยังสวยและดูโปร ผมว่าตรงนี้ถามคำถามดี นี่คือหน้าบ้านของเรา เราจะใช้แบบนี้แหละ อย่างที่บอกผมจะปรับตรงนั้นตรงนี้ อาจเปลี่ยนคำบางจุด ลองอัปสเกลวิดีโอ กับเปลี่ยนไทมิง แต่นี่คือรากฐานของเว็บที่จะได้เห็นกัน จบวิดีโอนี้ตรงนี้ครับ รู้ว่ามันยาวหน่อย คลิปพวกนี้ผมจะพยายามให้ไม่เกินชั่วโมง อาจแค่เฉียดๆ ชั่วโมง นั่นคือเป้าครับ วิดีโอหน้าผมว่าควรไม่เกินชั่วโมง วิดีโอหน้าเราจะทำ integration จริง ตอนนี้มีรากฐานเว็บ กับซอฟต์แวร์ข้างใต้พร้อมแล้ว เหลือเชื่อมร้าน Shopify กับร้าน Printful เลือกสินค้าทั้งหมด เชื่อมเข้าระบบพร้อม AI ที่ดึงลาย นั่นคือวิดีโอหน้าครับ จากนั้นต้องเทสต์ทุกอย่างให้เวิร์กตั้งแต่ต้นจนจบ ผมจะใช้ภาพจริง ภาพชุดเบบี๋ของลูกชายผม สั่งจริงดูตั้งแต่ต้นจนจบ ผมจะอัดทั้งหมดมาให้ดู น่าจะได้สองวิดีโอ แล้วจะเข้าเรื่องโฆษณา วันนี้เห็นแล้วว่าทำวิดีโอยาก เราจะลองหลายฟอร์แมตสำหรับโฆษณา ผมว่าหลักๆ จะยิง Facebook แบบ Meta ads แต่อาจลองช่องทางอื่นด้วย เราจะลองกันไป ผมไม่เคยทำการตลาดแบบนี้เลย ไม่ใช่ผ่านช่องทางส่วนตัวของผม น่าสนใจดีครับ พอสื่อการตลาดพร้อมก็พร้อมเปิดตัวแล้ว ผมจะตั้งระบบ maintenance ที่รันด้วยเอเจนต์ ดูแลออเดอร์กับปัญหาที่โผล่มา นั่นคือธุรกิจแบบ agent-run หลังจากนั้นผมจะอัปเดตให้ฟัง อาจทุกสัปดาห์หรือทุกเดือน ธุรกิจเป็นไง ผมเรียนรู้อะไร ผมเปลี่ยนอะไร ทำเงินได้เท่าไร หวังว่าจะได้บ้าง ผมจะแชร์ทั้งหมดบนช่องนี้ คอมเมนต์บอกผมหน่อยครับ คิดยังไง มีทิปดีไซน์หน้าบ้านไหม โดยเฉพาะสกรอลล์แบบนี้ หรือใครเคยใช้ MiniMax H3 บนเครื่อง มีทริกอะไรบอกผมหน่อย ขอบคุณครับ จบวิดีโอนี้ตรงนี้ครับ ขอบคุณที่รับชมครับ

03

หมายเหตุการแปล

ความโปร่งใสเกี่ยวกับความไม่แน่นอนในต้นฉบับ

  • 11. **decoded endpoint assets / stumped versions / croc image** — เสียงบรรยายไม่ชัดบางช่วง ทำเครื่องหมาย [ฟังไม่ชัด] ไว้ในคำแปล
04

อภิธานศัพท์เทคนิค

คำศัพท์และชื่อผลิตภัณฑ์ที่คงรูปภาษาอังกฤษ

ศัพท์คำแปล / คำอธิบาย
Keepsake ThreadsKeepsake Threads
Agent-Run Business from ZeroAgent-Run Business from Zero
ShopifyShopify
print on demandprint on demand (พิมพ์ลายตามสั่ง)
Claude DesignClaude Design
Fable 5Fable 5
Claude CodeClaude Code
Hermes AgentHermes Agent
builder (profile)builder (โปรไฟล์สายสร้าง)
DGX SparkDGX Spark
MiniMax H3MiniMax H3
ComfyUIComfyUI
Grok ImagineGrok Imagine
SeedanceSeedance
Flux 3Flux 3
ChatGPT imagesChatGPT images
Craya 2Craya 2
DS4DS4
DeepSeekDeepSeek
GPT SoulGPT Soul
Agent WikisAgent Wikis
HyperframesHyperframes
navbarnavbar (แถบนำทาง)
hero (section)hero (โซนเปิดหน้า)
above the foldabove the fold (เหนือรอยพับจอ)
scroll film / หนังเลื่อนscroll film (หนังเลื่อน)
scrub (video)scrub (เลื่อนหาตำแหน่งวิดีโอ)
key framekey frame (คีย์เฟรม)
motion draftmotion draft (ดราฟต์ motion)
placeholderplaceholder (ตัวแทนชั่วคราว)
blueprintblueprint (แบบแปลน)
responsiveresponsive
live actionlive action
claymationclaymation
landing pagelanding page (หน้า landing)
design librarydesign library
get startedget started
sign in / sign upsign in / sign up
how it workshow it works (วิธีใช้งาน)
product proofproduct proof
pre-launchpre-launch (ช่วงก่อนเปิดตัว)
em dashem dash (ขีดยาว)
warm cream scrapbookwarm cream scrapbook
dark modedark mode (โหมดมืด)
upscaleupscale (อัปสเกล)
local dev serverlocal dev server
handoffhandoff (ส่งงานต่อ)
design MCPdesign MCP
PrintfulPrintful
Meta adsMeta ads (โฆษณา Meta)
romper / onesieromper / onesie (ชุดวันซีเด็ก)
05

ซับไตเติ้ลภาษาไทย

ดาวน์โหลดหรือดูซับทั้งหมด

1
00:00:00,000 --> 00:00:07,235
ยินดีต้อนรับสู่ตอนที่สามของซีรีส์ Agent-Run

2
00:00:07,235 --> 00:00:10,264
Business from Zero

3
00:00:10,264 --> 00:00:19,687
ซีรีส์ที่ผมจะสร้างธุรกิจจริงตั้งแต่ศูนย์จนเปิดขายได้จริง

4
00:00:19,687 --> 00:00:26,586
ธุรกิจนี้คือร้านพิมพ์ลายตามสั่งบน Shopify
thai-subtitles.srt
SubRip — ใช้กับเครื่องเล่นวิดีโอส่วนใหญ่
↓ ดาวน์โหลด
thai-subtitles.vtt
WebVTT — ใช้กับเว็บ / YouTube
↓ ดาวน์โหลด
เปิดดูซับไตเติ้ลทั้งหมด (593 segments)
1
00:00:00,000 --> 00:00:07,235
ยินดีต้อนรับสู่ตอนที่สามของซีรีส์ Agent-Run

2
00:00:07,235 --> 00:00:10,264
Business from Zero

3
00:00:10,264 --> 00:00:19,687
ซีรีส์ที่ผมจะสร้างธุรกิจจริงตั้งแต่ศูนย์จนเปิดขายได้จริง

4
00:00:19,687 --> 00:00:26,586
ธุรกิจนี้คือร้านพิมพ์ลายตามสั่งบน Shopify

5
00:00:26,586 --> 00:00:33,653
โค้ดเนมว่า Keepsake Threads เราจะทำตั้งแต่

6
00:00:33,653 --> 00:00:37,523
Deploy ระบบจนถึงการตลาด

7
00:00:37,523 --> 00:00:43,076
การดูแลร้านและหวังว่าจะมีกำไรด้วย

8
00:00:43,076 --> 00:00:47,787
ถ้าเพิ่งมาดูตอนนี้เป็นตอนแรก

9
00:00:47,787 --> 00:00:56,032
ย้อนกลับไปดูตอนวางแผนกับตอนสร้างรากฐานก่อนได้ครับ

10
00:00:56,032 --> 00:01:02,931
ตอนนี้จะสนุกมากเพราะเราจะทำดีไซน์หน้าบ้าน

11
00:01:02,931 --> 00:01:11,512
เว็บนี้ต้องสวยมากเพราะเป็นสินค้าฝั่งผู้บริโภคโดยตรง

12
00:01:11,512 --> 00:01:15,382
ไอเดียธุรกิจง่ายมากครับ

13
00:01:15,382 --> 00:01:24,469
ลูกค้าอัปโหลดรูปเก่าของลูกหรือคนในครอบครัวตอนเป็นเบบี๋

14
00:01:24,469 --> 00:01:30,358
โดยเฉพาะชุดเด็กเก่าที่มีคุณค่าทางใจ

15
00:01:30,358 --> 00:01:35,910
สินค้าของเราจะดึงลวดลายจากชุดนั้น

16
00:01:35,910 --> 00:01:46,006
แล้วพิมพ์ลายเดิมหรือปรับเล็กน้อยให้เข้ากับวัยปัจจุบันของเด็ก

17
00:01:46,006 --> 00:01:51,896
จากนั้นผลิตด้วยโมเดลพิมพ์ลายตามสั่ง

18
00:01:51,896 --> 00:01:58,121
นี่แหละครับไอเดียของ Keepsake Threads

19
00:01:58,121 --> 00:02:04,852
เว็บเลยต้องสวยจริง วันนี้เลยมีสองงานหลัก

20
00:02:04,852 --> 00:02:11,919
งานแรกคือวิดีโอสั้นที่ทำด้วย Generative AI

21
00:02:11,919 --> 00:02:15,789
เดี๋ยวจะเล่าเพิ่มทีหลัง

22
00:02:15,789 --> 00:02:22,183
งานที่สองคือสร้างเพจด้วย Claude Design

23
00:02:22,183 --> 00:02:27,399
ซึ่งเป็นเครื่องมือออกแบบด้วย AI

24
00:02:27,399 --> 00:02:30,428
ผมมีภาพในหัวคร่าวๆ

25
00:02:30,428 --> 00:02:39,851
อยู่แล้ว แต่จะให้ Claude Design เสนอตัวเลือกมาให้ดูหลายๆ

26
00:02:39,851 --> 00:02:47,423
แบบ ก่อนเริ่มขอบอกก่อนว่านี่คือคลิปสไตล์ live

27
00:02:47,423 --> 00:02:54,153
build จะยาวและช้ากว่าคลิปตัดต่อปกติของผม

28
00:02:54,153 --> 00:02:59,706
พอเริ่มทำผมจะเปิดเพลงเบสคลอไปด้วย

29
00:02:59,706 --> 00:03:06,436
วันนี้จะพาทำทุกขั้นตอนตั้งแต่ต้นจนจบครับ

30
00:03:06,436 --> 00:03:14,008
ถ้าอยากอัปเลเวลเอเจนต์ของตัวเอง ลองดูโปรเจกต์

31
00:03:14,008 --> 00:03:17,374
Agent Wikis ของผมได้

32
00:03:17,374 --> 00:03:23,263
ที่นั่นรวมคลังความรู้ที่ผมใช้ทุกวัน

33
00:03:23,263 --> 00:03:29,993
ทั้งตอนรีเสิร์ชทำคลิปและตอนสร้างโปรเจกต์

34
00:03:29,993 --> 00:03:36,892
มีทั้งเรื่อง Hermes Agent กับ Hyperframes

35
00:03:36,892 --> 00:03:42,108
เครื่องมือ Local AI และอีกเพียบ

36
00:03:42,108 --> 00:03:49,849
วิกิมาตรฐานอ่านฟรีทั้งหมด ถ้าสมัคร Agent Wikis

37
00:03:49,849 --> 00:03:55,906
Pro จะได้อ่านวิกิ Excel กับสกิลพิเศษ

38
00:03:55,906 --> 00:04:02,468
ที่ผมพัฒนาร่วมกับเอเจนต์มาหลายเดือน Pro

39
00:04:02,468 --> 00:04:07,180
เดือนละ 9.99 ดอลลาร์เท่านั้น

40
00:04:07,180 --> 00:04:11,891
สมัครตอนนี้ล็อกเรตนี้ตลอดชีพ

41
00:04:11,891 --> 00:04:17,107
ผมกำลังทำโปรไฟล์เอเจนต์เฉพาะทาง

42
00:04:17,107 --> 00:04:22,828
กับเทมเพลตเวิร์กโฟลว์อัตโนมัติอยู่

43
00:04:22,828 --> 00:04:28,886
พอปล่อยของพวกนั้นราคาฝั่ง Pro จะขึ้น

44
00:04:28,886 --> 00:04:34,775
สนใจสมัครได้ที่ agentwikis.com ครับ

45
00:04:34,775 --> 00:04:39,150
ขอบคุณทุกคนที่สนับสนุนครับ

46
00:04:39,150 --> 00:04:42,515
กลับเข้าเรื่องกันต่อ

47
00:04:42,515 --> 00:04:48,741
อย่างแรกผมอยากสเกตช์ภาพที่ต้องการก่อน

48
00:04:48,741 --> 00:04:55,303
แล้วค่อยส่งให้เอเจนต์ช่วยวางแผนทำวิดีโอ

49
00:04:55,303 --> 00:05:02,370
ด้านบนมีแถบนำทางหรือ navbar โลโก้อยู่มุมบน

50
00:05:02,370 --> 00:05:09,774
เดี๋ยวผมต้องออกแบบโลโก้ด้วย คงทำด้วย ChatGPT

51
00:05:09,774 --> 00:05:17,346
images มุมนี้วางปุ่ม sign in กับ sign up ส่วน

52
00:05:17,346 --> 00:05:24,749
navbar มีเมนูอีกสองสามอย่าง ถัดมาคือโซน hero

53
00:05:24,749 --> 00:05:29,293
ด้านบนเป็นชื่อเรื่องตัวใหญ่

54
00:05:29,293 --> 00:05:33,331
ข้างใต้เป็นคำอธิบายสั้นๆ

55
00:05:33,331 --> 00:05:37,537
ด้านข้างเป็นช่องโฆษณาหลัก

56
00:05:37,537 --> 00:05:42,081
ทั้งหมดนี้อยู่เหนือรอยพับจอ

57
00:05:42,081 --> 00:05:49,148
เลื่อนลงมาจะเจอส่วนที่ผมเรียกว่าหนังเลื่อน

58
00:05:49,148 --> 00:05:55,205
พอสกรอลล์ลงหนังก็ค่อยๆ เล่นไปทีละนิด

59
00:05:55,205 --> 00:06:00,253
มันจะเป็นแถบวิดีโอคั่นกลางหน้า

60
00:06:00,253 --> 00:06:05,301
ผมเรียกมันว่าวิดีโอตัวที่หนึ่ง

61
00:06:05,301 --> 00:06:12,200
คอนเซปต์คือเด็กเบบี๋ในรถเข็นที่สวนสาธารณะ

62
00:06:12,200 --> 00:06:15,565
ใส่ชุดวันซีลายดอกไม้

63
00:06:15,565 --> 00:06:20,277
เส้นขอบสีทองกลายเป็นเส้นด้าย

64
00:06:20,277 --> 00:06:26,502
ลอยขึ้นฟ้าแล้วเชื่อมไปหาเด็กวัย 5 ขวบ

65
00:06:26,502 --> 00:06:33,569
ที่เล่นเครื่องเล่นอยู่ ใส่เสื้อลายเดียวกัน

66
00:06:33,569 --> 00:06:36,935
นี่คือไอเดียหลักครับ

67
00:06:36,935 --> 00:06:42,319
เส้นด้ายเชื่อมเบบี๋เข้ากับเด็กโต

68
00:06:42,319 --> 00:06:48,208
เป็นแกนเล่าเรื่องของโฆษณาเราหลายตัว

69
00:06:48,208 --> 00:06:52,920
ถัดมาเป็นโซนอธิบายวิธีใช้งาน

70
00:06:52,920 --> 00:07:00,660
มีขั้นตอนที่หนึ่งสองสาม อธิบายกระบวนการทั้งหมด

71
00:07:00,660 --> 00:07:06,381
ตรงนี้จะมีวิดีโอ how it works ด้วย

72
00:07:06,381 --> 00:07:10,251
แล้วก็มีวิดีโอตัวที่สอง

73
00:07:10,251 --> 00:07:16,981
วิดีโอสองเริ่มจากเฟรมสุดท้ายของวิดีโอแรก

74
00:07:16,981 --> 00:07:22,534
สีแดงโผล่จากลวดลายบนเสื้อเด็กหญิง

75
00:07:22,534 --> 00:07:28,760
ลอยขึ้นไปแล้วเชื่อมไปหาเด็กสาววัยรุ่น

76
00:07:28,760 --> 00:07:34,313
ที่ใส่เสื้อลายเดียวกันในสไตล์เท่ๆ

77
00:07:34,313 --> 00:07:45,586
ขณะเดินผ่านสวนสาธารณะ ทั้งหมดควรเป็นเด็กผู้หญิงคนเดียวกันในวัยต่างๆ

78
00:07:45,586 --> 00:07:59,552
นี่คือคอนเซปต์ของวิดีโอสองครับ ส่วนท้ายเพจใส่ข้อมูลติดต่ออะไรก็ได้ ใต้คำอธิบายสั้นๆ

79
00:07:59,552 --> 00:08:10,994
ควรมีปุ่ม get started กับปุ่มสมัครสมาชิก navbar ด้านบนขอแค่เมนูน้อยๆ

80
00:08:10,994 --> 00:08:16,883
เช่น get started กับ design library

81
00:08:16,883 --> 00:08:24,624
ประมาณนี้ครับ เซฟภาพนี้แล้วกลับมาที่แอป Hermes

82
00:08:24,624 --> 00:08:31,186
Agent desktop ยังอยู่กับโปรไฟล์ builder

83
00:08:31,186 --> 00:08:38,758
เหมือนเดิม อย่างแรกมาคุยเรื่องหนังสั้นกันก่อน

84
00:08:38,758 --> 00:08:45,320
ผมบอกเอเจนต์ว่าให้ดูแผนที่เพิ่งสเกตช์ไป

85
00:08:45,320 --> 00:08:52,219
แล้วช่วยระดมไอเดียทำแถบหนังเลื่อนคั่นหน้า

86
00:08:52,219 --> 00:08:57,099
ผมอยากได้คลิปยาวราว 10 วินาที

87
00:08:57,099 --> 00:09:02,483
ที่สกรอลล์แล้วค่อยๆ เล่นทีละเฟรม

88
00:09:02,483 --> 00:09:09,718
หนังเรื่องนี้ผมจะทำบนเครื่องตัวเอง ด้วย DGX

89
00:09:09,718 --> 00:09:16,112
Spark ผมใช้ MiniMax H3 สร้างวิดีโออยู่

90
00:09:16,112 --> 00:09:19,141
คุณภาพถือว่าใช้ได้

91
00:09:19,141 --> 00:09:24,862
แต่ใช้เวลานานและต้องความละเอียดสูง

92
00:09:24,862 --> 00:09:31,761
ผมเคยทำคลิปไดโนเสาร์กับลิงให้ลูกดูก็พอไหว

93
00:09:31,761 --> 00:09:35,799
เอเจนต์ตอบกลับมาว่าทำได้

94
00:09:35,799 --> 00:09:39,501
พร้อมแนะนำวิธีทำมาด้วย

95
00:09:39,501 --> 00:09:44,717
มีแผนเรื่องการเปลี่ยนวัยของเด็ก

96
00:09:44,717 --> 00:09:49,597
ลายดีไซน์เดิมส่งต่อถึงวัยรุ่น

97
00:09:49,597 --> 00:09:56,832
เอเจนต์แนะนำให้ทำคลิปมาเพื่อสกรอลล์โดยเฉพาะ

98
00:09:56,832 --> 00:10:04,068
สไตล์แอนิเมชันที่ดีสุดน่าจะเป็น live action

99
00:10:04,068 --> 00:10:09,115
ฉบับมือถือต้องจัดองค์ประกอบแยก

100
00:10:09,115 --> 00:10:14,668
เพราะแบบเดสก์ท็อปดูบนมือถือไม่สวย

101
00:10:14,668 --> 00:10:19,716
เอเจนต์บอกว่าการ seek ไฟล์ MP4

102
00:10:19,716 --> 00:10:23,081
เพี้ยนจนตาเห็นได้ชัด

103
00:10:23,081 --> 00:10:29,980
ทำด้วยภาพนิ่งก็ได้แต่ผมไม่อยากใช้วิธีนั้น

104
00:10:29,980 --> 00:10:37,047
ผมเลยจะเอาคำสั่งชัดๆ ไปให้เอเจนต์บนเครื่อง

105
00:10:37,047 --> 00:10:43,778
Spark ผมสั่งให้มันเขียนเป็นไฟล์ markdown

106
00:10:43,778 --> 00:10:47,816
ผมจะโยนเข้าเครื่อง Spark

107
00:10:47,816 --> 00:10:55,556
ให้เอเจนต์ตรงนั้นอ่านเอง ดีกว่าผมนั่งอธิบายเอง

108
00:10:55,556 --> 00:11:01,446
ดูเหมือนเอเจนต์ตรงนี้มีไอเดียดีกว่า

109
00:11:01,446 --> 00:11:08,344
นี่คือตัวอย่างวิดีโอที่มันทำได้ เป็นสไตล์

110
00:11:08,344 --> 00:11:11,710
claymation ไดโนเสาร์

111
00:11:11,710 --> 00:11:18,104
มีเพี้ยนบ้างเช่นไดโนเสาร์แปลงร่างแปลกๆ

112
00:11:18,104 --> 00:11:25,676
แต่คลิปโดยรวมดูดี ความต่อเนื่องคือจุดยาก คลิป

113
00:11:25,676 --> 00:11:32,743
3 นาทีต้องต่อคลิป 10 ถึง 15 วินาทีหลายท่อน

114
00:11:32,743 --> 00:11:40,483
รอยต่อเลยกระตุกบ้าง แต่ของเราต้องการแค่คลิป 10

115
00:11:40,483 --> 00:11:47,550
วินาที โอเคนี่คือเอเจนต์ที่เราจะใช้งานด้วย

116
00:11:47,550 --> 00:11:54,785
นี่คือบรีฟสร้างหนังเลื่อนสำหรับหน้า landing

117
00:11:54,785 --> 00:12:01,179
พอทำวิดีโอเสร็จเราจะเข้า Claude Design

118
00:12:01,179 --> 00:12:06,227
เพราะตอนนั้นของครบทุกอย่างแล้ว

119
00:12:06,227 --> 00:12:12,621
แต่ต้องทำวิดีโอก่อน นี่คือไฟล์บรีฟครับ

120
00:12:12,621 --> 00:12:18,679
ผมจะเอาไปใส่โฟลเดอร์ของเครื่อง Spark

121
00:12:18,679 --> 00:12:26,251
แล้วย้ายไปใช้ session ของ Spark ในแอป desktop

122
00:12:26,251 --> 00:12:33,486
ยังใช้แอปเดิมนี่แหละ ผมวางไฟล์ในโฟลเดอร์ของ

123
00:12:33,486 --> 00:12:41,058
Spark แล้ว ตอนนี้สลับมาแล้วครับ นี่คือเครื่อง

124
00:12:41,058 --> 00:12:48,461
Spark ของผม ผมมีโปรไฟล์เฉพาะสำหรับผลิตวิดีโอ

125
00:12:48,461 --> 00:12:54,855
ชื่อว่า DS4 ตอนแรกเอาไว้เทสต์ DeepSeek

126
00:12:54,855 --> 00:13:02,596
เลยตั้งชื่อนี้แต่ตอนนี้ไม่ได้ใช้ DeepSeek แล้ว

127
00:13:02,596 --> 00:13:09,831
ตอนนี้มันรันด้วย GPT Soul มั้ง เปิด session

128
00:13:09,831 --> 00:13:12,355
ใหม่แล้วสั่งว่า

129
00:13:12,355 --> 00:13:20,095
ให้อ่านบรีฟตรงนั้นแล้ววางแผนทำวิดีโอสั้นสองตัว

130
00:13:20,095 --> 00:13:24,806
ด้วย MiniMax H3 ผ่าน ComfyUI

131
00:13:24,806 --> 00:13:31,200
อย่าลืมว่าคลิปพวกนี้เอาไปใช้แบบสกรอลล์

132
00:13:31,200 --> 00:13:36,921
ผมควรเปลี่ยนชื่อมันหน่อยแต่ยังก่อน

133
00:13:36,921 --> 00:13:43,315
ดูตรงสกิลจะเห็นว่าเจ้านี้มีสกิลเยอะมาก

134
00:13:43,315 --> 00:13:49,710
ผมใช้มันสร้างวิดีโอมาตลอด สกิล learned

135
00:13:49,710 --> 00:13:54,757
พวกนี้คือสิ่งที่มันเรียนรู้เอง

136
00:13:54,757 --> 00:14:00,815
พอผมตรวจสอบแล้วจะเอาขึ้น Agent Wikis

137
00:14:00,815 --> 00:14:07,714
บางอันซ้ำกันต้องรวมกัน บางอันเจาะจงเกินไป

138
00:14:07,714 --> 00:14:14,444
หวังว่าจะได้สกิลใหม่จากงานนี้ ผมเพิ่งใส่

139
00:14:14,444 --> 00:14:21,007
blueprint ที่ทำไว้เข้าไป ลืมใส่เมื่อกี้

140
00:14:21,007 --> 00:14:27,737
ตอนนี้มีแผนผลิตครบแล้ว งานรีเสิร์ชข้อมูล

141
00:14:27,737 --> 00:14:31,271
การตัดสินใจวางแผนหลัก

142
00:14:31,271 --> 00:14:37,496
คือให้มองวิดีโอเป็นไทม์ไลน์ตามสกรอลล์

143
00:14:37,496 --> 00:14:45,237
ไม่ใช่โฆษณาปกติ ใช้ช็อตนุ่มช้ายาวๆ เปิดค้างไว้

144
00:14:45,237 --> 00:14:50,789
ใช้ MiniMax บรีฟยังไม่ลงสีสุดท้าย

145
00:14:50,789 --> 00:14:56,679
ฟอนต์หรือขนาดคอนเทนเนอร์ responsive

146
00:14:56,679 --> 00:15:02,904
แผนเลยเตือนไว้ สิ่งที่ผมอยากบอกมันคือ

147
00:15:02,904 --> 00:15:10,644
วิดีโอต้องมีกลิ่นอายชวนคิดถึง โทนอุ่น ชมพูอ่อน

148
00:15:10,644 --> 00:15:18,216
ฟ้าอ่อน ส้ม ทองอ่อน พวกนี้จะเป็นสีหลักของหน้า

149
00:15:18,216 --> 00:15:22,759
landing และเป็นธีมของแบรนด์

150
00:15:22,759 --> 00:15:26,966
อีกอย่างที่ต้องทำคือโลโก้

151
00:15:26,966 --> 00:15:30,836
โลโก้จะดึงสีพวกนี้ไปใช้

152
00:15:30,836 --> 00:15:35,043
คงมีอะไรเกี่ยวกับเส้นด้าย

153
00:15:35,043 --> 00:15:42,278
หนังสองเรื่องจะเกรดสีเดียวกัน ลองกันเลยครับ

154
00:15:42,278 --> 00:15:46,821
งานนี้ไม่มีทางจบในช็อตเดียว

155
00:15:46,821 --> 00:15:52,710
ต้องใช้เวลาและมีภาพเพี้ยนจาก AI แน่

156
00:15:52,710 --> 00:16:00,451
เราจะทำผ่าน ComfyUI ซึ่งเป็นโปรเจกต์โอเพนซอร์ส

157
00:16:00,451 --> 00:16:05,162
ดีมากสำหรับสร้างภาพและวิดีโอ

158
00:16:05,162 --> 00:16:12,229
ตั้งค่าเสร็จสตาร์ตโมเดล MiniMax แล้วลองเลย

159
00:16:12,229 --> 00:16:18,791
ความพยายามรอบแรก เราจะสร้างคีย์เฟรมเปิด

160
00:16:18,791 --> 00:16:23,671
คือภาพเบบี๋ชวนคิดถึงกับรถเข็น

161
00:16:23,671 --> 00:16:31,243
กับคีย์เฟรมปิดคือเด็กวัย 5 ขวบที่สนามเด็กเล่น

162
00:16:31,243 --> 00:16:38,815
ผมอนุมัติภาพนิ่งทั้งสองก่อน แล้วค่อยรันดราฟต์

163
00:16:38,815 --> 00:16:45,209
motion ความละเอียดต่ำ ก่อนเรนเดอร์จริง

164
00:16:45,209 --> 00:16:49,247
นี่คือขั้นตอนมาตรฐานครับ

165
00:16:49,247 --> 00:16:55,473
เริ่มจากคีย์เฟรมของคลิปแล้วยืนยันก่อน

166
00:16:55,473 --> 00:17:02,877
ระหว่างรอผมจะลองทำโลโก้ ตอนนี้อยู่ใน ChatGPT

167
00:17:02,877 --> 00:17:10,448
images สั่งว่าให้ทำตัวเลือกโลโก้ให้ธุรกิจชื่อ

168
00:17:10,448 --> 00:17:17,852
Keepsake Threads ขอกลิ่นอายชวนคิดถึงและซึ้งๆ

169
00:17:17,852 --> 00:17:32,491
ใช้ชมพูอ่อน ฟ้าอ่อน ส้ม ทองอ่อนเป็น accent บางแบบลองใช้เส้นด้ายจริง รอดูว่าจะได้อะไรดีๆ

170
00:17:32,491 --> 00:17:39,895
ไหม ฝั่งวิดีโอเป็นไงบ้าง ภาพเปิดผ่านเกณฑ์แรก

171
00:17:39,895 --> 00:17:47,466
แต่เฟรมเด็ก 5 ขวบโดนตีกลับ ต้องวางตำแหน่งใหม่

172
00:17:47,466 --> 00:17:51,168
นี่คือสองตัวเลือกโลโก้

173
00:17:51,168 --> 00:17:56,721
ผมว่ายังไม่ดีพออยากได้คลีนกว่านี้

174
00:17:56,721 --> 00:18:00,928
ดูตัวเลือกอื่นที่มันให้มา

175
00:18:00,928 --> 00:18:07,490
อันนี้คืออีกอันใช่ไหม ผมว่าอันนี้ดีกว่า

176
00:18:07,490 --> 00:18:12,538
Keepsake Threads อันนี้ดูดีเลย

177
00:18:12,538 --> 00:18:19,941
อีกอันก็ไม่แน่ใจ ขอส่งงานนี้ให้เอเจนต์ผมทำดู

178
00:18:19,941 --> 00:18:27,513
เพราะมันมีคอนเทกต์โปรเจกต์มากกว่า งาน builder

179
00:18:27,513 --> 00:18:31,720
นี่ image gen น่าจะใช้ได้

180
00:18:31,720 --> 00:18:35,758
ผมให้พรอมต์เดียวกันไปเลย

181
00:18:35,758 --> 00:18:40,301
ดูซิว่ามันมีไอเดียดีกว่าไหม

182
00:18:40,301 --> 00:18:45,013
ขณะเดียวกันภาพคีย์เฟรมมาแล้ว

183
00:18:45,013 --> 00:18:50,734
ภาพสวยแต่ไม่ใช่วันซี มันเป็นผ้าห่ม

184
00:18:50,734 --> 00:18:54,436
ผมชอบบรรยากาศรอบข้างนะ

185
00:18:54,436 --> 00:19:00,661
แต่ลายต้องอยู่บนเสื้อเด็กไม่ใช่ผ้าห่ม

186
00:19:00,661 --> 00:19:03,017
นอกนั้นดูดีเลย

187
00:19:03,017 --> 00:19:10,252
ด้ายจะลอยขึ้นฟ้าจากตรงนี้แล้วเชื่อมไปตรงนี้

188
00:19:10,252 --> 00:19:15,300
เรื่องความสม่ำเสมอต้องเช็กเยอะ

189
00:19:15,300 --> 00:19:21,863
ดูสิสไลด์นี้ออกสีแทน แต่อีกอันเป็นสีเทา

190
00:19:21,863 --> 00:19:27,752
นี่คือสิ่งที่ต้องสู้เวลาทำงานกับ AI

191
00:19:27,752 --> 00:19:31,622
โอเคมันจะทำคีย์เฟรมใหม่

192
00:19:31,622 --> 00:19:39,362
ระหว่างนี้มาดูตัวเลือกโลโก้กัน ไอเดียไม่เลวเลย

193
00:19:39,362 --> 00:19:46,766
Keepsake Threads พรอมต์เดียวกันผลเลยคล้ายกัน

194
00:19:46,766 --> 00:19:51,477
นี่คืออีกตัวเลือกที่มันให้มา

195
00:19:51,477 --> 00:19:54,842
ผมชอบอันนี้เหมือนกัน

196
00:19:54,842 --> 00:20:00,395
เรียบง่ายกว่าและชอบรูปหัวใจตรงนี้

197
00:20:00,395 --> 00:20:03,087
ผมว่าจะเอาอันนี้

198
00:20:03,087 --> 00:20:09,650
มันใหญ่ไปหน่อยแต่ใช้เป็นเวอร์ชันเล็กได้

199
00:20:09,650 --> 00:20:11,837
เอาอันนี้แหละ

200
00:20:11,837 --> 00:20:19,072
แต่อยากให้เส้นด้ายเป็นสีชมพูอ่อนไม่ใช่สีทอง

201
00:20:19,072 --> 00:20:23,615
แล้วให้เส้นด้ายเป็นรูปหัวใจ

202
00:20:23,615 --> 00:20:30,009
แทนรูปทรงเหมือนอินฟินิตี้นี่ ลองดูครับ

203
00:20:30,009 --> 00:20:34,553
ผมบอกไปว่าชอบตัวเลือกที่สอง

204
00:20:34,553 --> 00:20:38,927
ขอเวอร์ชันนั้นอีกสองสามแบบ

205
00:20:38,927 --> 00:20:46,499
ให้เส้นด้ายเป็นรูปหัวใจแทนสัญลักษณ์อินฟินิตี้

206
00:20:46,499 --> 00:20:54,071
ทำเป็นสีชมพูอ่อนแล้วลากสีชมพูยาวไปทั้งข้อความ

207
00:20:54,071 --> 00:21:01,138
อย่าให้สีเปลี่ยนกะทันหันตรงกลาง รอดูผลครับ

208
00:21:01,138 --> 00:21:07,196
ฝั่งวิดีโอไปถึงไหนแล้ว ยังทำอยู่ครับ

209
00:21:07,196 --> 00:21:13,926
โอเคได้ภาพโลโก้เพิ่มมาแล้ว อันนี้ดูดีเลย

210
00:21:13,926 --> 00:21:18,974
Keepsake Threads พร้อมรูปหัวใจ

211
00:21:18,974 --> 00:21:25,873
นี่คือเวอร์ชันชมพูล้วน ไม่รู้ว่าหวานไปไหม

212
00:21:25,873 --> 00:21:30,416
ลูกค้าส่วนใหญ่คงเป็นผู้หญิง

213
00:21:30,416 --> 00:21:37,147
อันนี้ก็ดูดีนะชมพูไม่แรงมาก ออกชมพูอ่อนๆ

214
00:21:37,147 --> 00:21:43,541
อันนี้เป็นตัวเลือกผสม Keepsake Threads

215
00:21:43,541 --> 00:21:50,608
อันนี้ผมก็ชอบ อันนี้ใช้เป็นสัญลักษณ์ย่อได้

216
00:21:50,608 --> 00:21:58,180
สีชมพูดูดีจริง เอาตัวผสมนี่แหละ ผมชอบสี blush

217
00:21:58,180 --> 00:22:05,752
นี่ กับอันเล็กข้างล่างนี่ด้วย เอาไปใช้ฝั่งนี้

218
00:22:05,752 --> 00:22:11,473
ใหญ่ไปสำหรับ header ไหม ผมว่าไม่นะ

219
00:22:11,473 --> 00:22:18,540
โอเคเอาโลโก้นี้ไปก่อน เปลี่ยนทีหลังได้เสมอ

220
00:22:18,540 --> 00:22:22,746
ผมว่าตัวเลือกนี้ดีทีเดียว

221
00:22:22,746 --> 00:22:27,962
เก็บอันนี้เป็นเวอร์ชันเรียบง่าย

222
00:22:27,962 --> 00:22:33,852
สองอันนี้คล้ายกัน อันนี้สไตล์ดีกว่า

223
00:22:33,852 --> 00:22:40,751
โอเคเอาโลโก้นี้ครับ ผมบอกว่าชอบสกิล brand

224
00:22:40,751 --> 00:22:47,481
identity concepting มันเป็นสกิลที่ดีจริง

225
00:22:47,481 --> 00:22:54,043
Hermes ตอบว่าเลือกดีแล้ว โทนทอง antique

226
00:22:54,043 --> 00:23:01,110
ให้ความรู้สึกอบอุ่น ชวนคิดถึงและซึ้งที่สุด

227
00:23:01,110 --> 00:23:05,317
เหมาะกับ Keepsake Threads

228
00:23:05,317 --> 00:23:12,721
ขั้นต่อไปคือขัดเกลาเป็นระบบโลโก้พร้อมใช้จริง

229
00:23:12,721 --> 00:23:19,620
โอเคไปต่อเลย ผมจะให้ Hermes ทำบน PC ของผม

230
00:23:19,620 --> 00:23:25,509
โลโก้พร้อมสำหรับ Claude Design แล้ว

231
00:23:25,509 --> 00:23:33,081
ฝั่งวิดีโอเป็นไงบ้าง นี่คือดอกไม้มันดูแปลกไหม

232
00:23:33,081 --> 00:23:36,109
กับภาพที่แก้มาใหม่

233
00:23:36,109 --> 00:23:43,345
เอาภาพปิดกับภาพเปิดมาเทียบกัน ผมชอบไอเดียนะ

234
00:23:43,345 --> 00:23:49,739
แต่ดอกไม้นี่ไม่แน่ใจ มันแปะอยู่บนเสื้อ

235
00:23:49,739 --> 00:23:52,936
อันก่อนผมว่าสวยกว่า

236
00:23:52,936 --> 00:23:58,825
แต่ดอกไม้อันนี้ผมว่าสวยกว่า พอดูดีๆ

237
00:23:58,825 --> 00:24:05,724
มันคนละดอกกัน งานนี้จะเอาให้ตรงกันยากจริง

238
00:24:05,724 --> 00:24:12,623
ผมจะแก้ต่อไปเพื่อให้ได้คีย์เฟรมสองภาพ SVG

239
00:24:12,623 --> 00:24:20,363
ที่ทำมาเพียบใช้ไม่ได้เลย ดูแย่มากใช้ไม่ได้จริง

240
00:24:20,363 --> 00:24:25,916
โอเคตอนนี้ได้ภาพแล้ว อันนี้ดีกว่า

241
00:24:25,916 --> 00:24:30,627
ลายเหมือนกันเด็กก็คนเดียวกัน

242
00:24:30,627 --> 00:24:37,694
พื้นหลังไม่เหมือนกัน ก็ขึ้นกับมุมกล้องแหละ

243
00:24:37,694 --> 00:24:45,266
โอเคลองดูก่อน มันทำใหม่แล้ว ครอปภาพเฉพาะจุดมา

244
00:24:45,266 --> 00:24:48,126
เราใช้แบบนี้ก็ได้

245
00:24:48,126 --> 00:24:53,174
อันนี้เรียบง่ายใช้เป็นไอคอนได้

246
00:24:53,174 --> 00:24:57,886
หรือเอาแค่อันนี้อันเดียวก็พอ

247
00:24:57,886 --> 00:25:03,270
ระหว่างนี้ควรได้ภาพแรกจากฝั่งนี้

248
00:25:03,270 --> 00:25:08,991
ผมอยากทำบนเครื่องตัวเองเพราะมันฟรี

249
00:25:08,991 --> 00:25:16,058
ถ้าไม่ไหวค่อยลองโมเดลอื่น ลอง Grok Imagine

250
00:25:16,058 --> 00:25:23,294
ก็ได้ หรือไม่ก็ Seedance หรือ Flux 3 Flux 3

251
00:25:23,294 --> 00:25:30,192
น่าจะดีสำหรับงานนี้ แต่ผมอยากทำฟรีมากกว่า

252
00:25:30,192 --> 00:25:36,755
โอเคนี่คือเทกแรกของ MiniMax ยังไม่ดีเลย

253
00:25:36,755 --> 00:25:43,317
ไม่มีทรานซิชัน เด็กยืนนิ่งเหมือนภาพนิ่ง

254
00:25:43,317 --> 00:25:48,028
มีปัญหาหลายจุด ลองใหม่อีกรอบ

255
00:25:48,028 --> 00:25:53,918
ระหว่างนี้ผมจะลองดูว่า Grok Imagine

256
00:25:53,918 --> 00:26:00,985
ทำได้ดีกว่าไหม ตอนนี้ผมอยู่ใน Hermes Agent

257
00:26:00,985 --> 00:26:07,883
ใช้เครื่องมือ video gen ถ้าอยากดูว่า Grok

258
00:26:07,883 --> 00:26:15,624
Imagine ทำอะไรออกมา เตือนก่อนว่าน่ากลัวทีเดียว

259
00:26:15,624 --> 00:26:22,691
ไม่รู้ทำไมเด็กไม่มีขา ภาพดูแปลกมาก นั่นคือ

260
00:26:22,691 --> 00:26:29,926
Grok Imagine ครับ ให้โอกาสมันอีกสองรอบละกัน

261
00:26:29,926 --> 00:26:34,301
แต่ผลไม่ดีเลย โอเคอันถัดมา

262
00:26:34,301 --> 00:26:40,863
อันนี้ใกล้เคียงขึ้นแล้ว ยังมีเพี้ยนอยู่

263
00:26:40,863 --> 00:26:44,902
ไม่รู้ทำไมมีวงกลมตรงนั้น

264
00:26:44,902 --> 00:26:49,781
แต่ด้ายลอยขึ้นฟ้าแล้วเชื่อมไป

265
00:26:49,781 --> 00:26:53,483
แบบนี้แหละที่ผมต้องการ

266
00:26:53,483 --> 00:26:59,540
มันแนะนำให้สร้างแบบไม่มีเส้นด้ายก่อน

267
00:26:59,540 --> 00:27:05,261
แล้วค่อยใส่เส้นด้ายสีทองทีหลัง แบบ

268
00:27:05,261 --> 00:27:10,982
deterministic ด้วยเส้นโค้งเวกเตอร์

269
00:27:10,982 --> 00:27:14,179
ถ้าใครถามว่าทำยังไง

270
00:27:14,179 --> 00:27:19,732
มันจะลองกู้เวอร์ชันสองที่เพิ่งได้

271
00:27:19,732 --> 00:27:22,593
ซ่อมดอกไม้ที่เสีย

272
00:27:22,593 --> 00:27:29,996
แล้วใช้เส้นด้ายทองแบบควบคุมทับลงไป ลองดูครับ

273
00:27:29,996 --> 00:27:32,352
นี่คือผลที่ได้

274
00:27:32,352 --> 00:27:38,241
มันสร้างภาพฐานแล้วแปะโอเวอร์เลย์ทับ

275
00:27:38,241 --> 00:27:44,299
มันคิดว่าจะดีกว่าแต่ชัดเลยว่าแย่กว่า

276
00:27:44,299 --> 00:27:50,693
ดูตลกและลอยเด่นออกมา การทดลองนี้จบแล้ว

277
00:27:50,693 --> 00:27:56,918
เรากลับไปเวอร์ชันสอง ซึ่งใกล้เคียงสุด

278
00:27:56,918 --> 00:28:02,303
แล้วแก้พรอมต์ให้ตรงจุดที่อยากแก้

279
00:28:02,303 --> 00:28:09,033
คือห้ามมีลายวงกลมบนตัวเบบี๋พร้อมเส้นด้าย

280
00:28:09,033 --> 00:28:12,567
ลายดอกไม้เรืองแสงเบาๆ

281
00:28:12,567 --> 00:28:27,038
ตอนด้ายออกจากเสื้อ เส้นด้ายห้ามขาดออกจากเฟรม ผมว่าวิธีนี้ดีสุด แทนที่จะลองกลยุทธ์มั่วๆ

282
00:28:27,038 --> 00:28:34,105
เวอร์ชันสองใกล้เป้าสุดแล้ว แค่แก้ไม่กี่จุด

283
00:28:34,105 --> 00:28:39,826
ตรงนี้อาจใช้เวลานานกว่าจะได้ดั่งใจ

284
00:28:39,826 --> 00:28:43,864
นี่คือเทกสุดท้ายที่ลองมา

285
00:28:43,864 --> 00:28:48,239
ด้ายตรงเกินไปดูเหมือนเชือก

286
00:28:48,239 --> 00:28:53,623
ผมยังว่าเวอร์ชันสองใกล้สุดอยู่ดี

287
00:28:53,623 --> 00:28:56,147
แม้มีวงกลมแปลกๆ

288
00:28:56,147 --> 00:29:07,926
ตรงนั้น แต่ภาพมีการเคลื่อนไหว ส่วนนั้นดูโอเค ผมจะให้มันแก้ต่อไปเรื่อยๆ

289
00:29:07,926 --> 00:29:11,123
ให้ได้ภาพที่ถูกต้อง

290
00:29:11,123 --> 00:29:17,349
ระหว่างนี้เอเวอร์ชันสองที่ดีสุดมาเป็น

291
00:29:17,349 --> 00:29:23,238
placeholder เพราะฟอร์แมตถูกต้องแล้ว

292
00:29:23,238 --> 00:29:30,642
เหลือแค่รายละเอียดภาพ แล้วเราจะย้ายไป Claude

293
00:29:30,642 --> 00:29:37,540
Design กัน แทนที่จะเสียเวลาทั้งวัน สู้กับ

294
00:29:37,540 --> 00:29:44,271
MiniMax ตรงนี้ หวังว่าทุกคนเห็นภาพนะครับ

295
00:29:44,271 --> 00:29:52,011
ว่าคนที่ทำหนังทั้งเรื่องด้วย AI ต้องทุ่มแค่ไหน

296
00:29:52,011 --> 00:29:57,732
ผมแค่ทำคลิป 10 วินาทียังหืดขนาดนี้

297
00:29:57,732 --> 00:30:04,294
ดูเวอร์ชันหกที่ผมทำมา เบบี๋ดูตกใจเกินไป

298
00:30:04,294 --> 00:30:11,025
ยังเพี้ยนๆ อยู่ โอเคนี่คือ Claude Design

299
00:30:11,025 --> 00:30:17,587
หน้าตาไม่เหมือนที่จำได้ ผมจะใช้ Fable 5

300
00:30:17,587 --> 00:30:21,289
ผมจะแนบไดเรกทอรีไปด้วย

301
00:30:21,289 --> 00:30:28,693
ผมสั่งว่าให้รีวิวไดเรกทอรีนี้ มี placeholder

302
00:30:28,693 --> 00:30:36,264
UI ทำไว้แล้ว ต้องทำเพจที่จำเป็นทั้งหมดให้เว็บ

303
00:30:36,264 --> 00:30:42,827
โฟกัสที่หน้า landing ในนั้นมี blueprint

304
00:30:42,827 --> 00:30:46,360
ว่าหน้าตาควรเป็นยังไง

305
00:30:46,360 --> 00:30:50,567
มีโลโก้กับพาเลตต์สีให้ใช้

306
00:30:50,567 --> 00:30:56,961
ตอนนี้ใช้วิดีโอตัวนี้เป็นที่คั่นไปก่อน

307
00:30:56,961 --> 00:31:03,860
เดี๋ยวค่อยเปลี่ยน ขอดีไซน์อย่างน้อยสามแบบ

308
00:31:03,860 --> 00:31:09,581
คีย์เวิร์ดคือ nostalgia ความอบอุ่น

309
00:31:09,581 --> 00:31:13,956
ซึ้งและสบายใจ เริ่มเลยครับ

310
00:31:13,956 --> 00:31:18,667
ระหว่างนี้ผมจะทำคีย์เฟรมใหม่

311
00:31:18,667 --> 00:31:26,407
อันเดิมใช้ไม่ได้จริง คอนเซปต์เดิมแต่เปลี่ยนฉาก

312
00:31:26,407 --> 00:31:29,941
รถเข็นอยู่ข้างม้านั่ง

313
00:31:29,941 --> 00:31:36,503
แม่นั่งบนม้านั่งหันหน้าเข้าสนามเด็กเล่น

314
00:31:36,503 --> 00:31:43,234
ผมว่าตำแหน่งเดิมแปลกๆ เบบี๋ใส่ชุด romper

315
00:31:43,234 --> 00:31:46,767
ลายดอกไม้ปักชวนคิดถึง

316
00:31:46,767 --> 00:31:54,507
เฟรมสุดท้ายคือเด็กหญิงวัย 5 ขวบที่สนามเด็กเล่น

317
00:31:54,507 --> 00:32:01,069
ใส่เสื้อยืดลายเดียวกัน เราจะใช้ Craya 2

318
00:32:01,069 --> 00:32:03,762
ตัวเดิมที่เคยใช้

319
00:32:03,762 --> 00:32:08,978
แต่คอมโพสิชันนี้ไม่เวิร์กกับมัน

320
00:32:08,978 --> 00:32:16,213
แบบที่รถเข็นหันเข้าสนามเด็กเล่นนี่อาจดีกว่า

321
00:32:16,213 --> 00:32:23,449
ฝั่ง Claude Design ทำงานแล้ว ได้มาสองสามแบบ

322
00:32:23,449 --> 00:32:29,674
มันทำสไตล์ warm cream scrapbook ออกมา

323
00:32:29,674 --> 00:32:36,405
ต่างจากที่ผมเคยใช้ แต่ยังมีกลิ่นนั้นอยู่

324
00:32:36,405 --> 00:32:41,958
เหมือนสไตล์ Figma แบบ white space

325
00:32:41,958 --> 00:32:48,688
นี่คือสไตล์ที่หนึ่ง warm cream scrapbook

326
00:32:48,688 --> 00:32:55,924
มันดึงภาพมาใช้ด้วย เอาภาพห่วยๆ นั่นมาใช่ไหม

327
00:32:55,924 --> 00:33:03,159
ผมลบไปแล้วนะ บอกมันให้ใช้แค่โลโก้ที่ถูกต้อง

328
00:33:03,159 --> 00:33:08,375
อ้าวเอาภาพจระเข้มาใช้ด้วยไม่เอา

329
00:33:08,375 --> 00:33:12,750
เอฟเฟกต์สกรอลล์ยังไม่ทำงาน

330
00:33:12,750 --> 00:33:18,807
เพราะอยู่ในฟอร์แมตนี้ มาดูสไตล์สีกัน

331
00:33:18,807 --> 00:33:26,548
อันนี้ตรงไปตรงมาแต่ก็สวยได้ ผมว่ามันจะใหญ่ไปนะ

332
00:33:26,548 --> 00:33:34,288
แถบหนังเลื่อนอาจต้องย่อขนาดลง อันนี้ออกโทนม่วง

333
00:33:34,288 --> 00:33:40,682
plum เข้มๆ ตามที่มันเรียก แล้วก็อันนี้

334
00:33:40,682 --> 00:33:45,393
อันนี้ไม่ใช่สิ่งที่ผมต้องการ

335
00:33:45,393 --> 00:33:50,441
อันนี้ใกล้สุดละมั้ง ลองแก้สีดู

336
00:33:50,441 --> 00:33:57,845
อันนี้แทบไม่เปลี่ยน แต่อันนี้ได้สีฟ้ามากขึ้น

337
00:33:57,845 --> 00:34:04,070
อันที่สามผมตัดทิ้ง ไม่เวิร์กและไม่ตาม

338
00:34:04,070 --> 00:34:10,128
blueprint ที่ผมอยากได้ อันพวกนี้โอเค

339
00:34:10,128 --> 00:34:13,157
พื้นหลังสว่างก็ได้

340
00:34:13,157 --> 00:34:20,897
ผมรู้สึกว่าทุกวันนี้ทุกอย่างเป็น dark mode หมด

341
00:34:20,897 --> 00:34:27,964
งานแบบนี้ต้องพื้นสว่าง พื้นเข้มผมว่าไม่รอด

342
00:34:27,964 --> 00:34:35,704
ผมเอาอัน 1A ครับ ขอลองทำพื้นหลังเข้มขึ้นนิดนึง

343
00:34:35,704 --> 00:34:42,098
แบบนี้ดีกว่าใช่ไหม ผมว่าดีผมว่าเข้ากัน

344
00:34:42,098 --> 00:34:47,146
คิดว่าเข้ากับพื้นหลังโลโก้ด้วย

345
00:34:47,146 --> 00:34:51,184
ผมจะลบพื้นหลังให้โปร่งใส

346
00:34:51,184 --> 00:34:55,391
มันจะได้เบลนด์เข้ากันพอดี

347
00:34:55,391 --> 00:35:00,271
ระหว่างนี้ภาพใหม่ของเรามาแล้ว

348
00:35:00,271 --> 00:35:07,338
ปัญหาคือเสื้อโดนบัง มันไม่เข้าใจจริงๆ ด้วย

349
00:35:07,338 --> 00:35:14,405
ช่างมัน ยกเว้นว่าสนามเด็กเล่นคนละที่กันเลย

350
00:35:14,405 --> 00:35:22,145
ภาพนี้ไม่ผ่านครับทำใหม่ ระหว่างนั้นฝั่ง Claude

351
00:35:22,145 --> 00:35:28,539
Design ได้แบบนั้นมาดูดีเลย ซูมออกหน่อย

352
00:35:28,539 --> 00:35:35,438
โอเคเอาแบบนี้ กด get started ดูว่า how it

353
00:35:35,438 --> 00:35:38,803
works เป็นไง โอเค 1A

354
00:35:38,803 --> 00:35:44,019
คือดีไซน์กับฟอร์แมตที่เลือกแล้ว

355
00:35:44,019 --> 00:35:48,899
เดี๋ยวแก้ข้อความด้วย โอเคครับ

356
00:35:48,899 --> 00:35:53,779
จากตรงนี้มันสร้างเพจอื่นๆ ต่อ

357
00:35:53,779 --> 00:36:01,014
เห็นไหมตอนนี้มีสี่เพจแล้ว มี get started มี

358
00:36:01,014 --> 00:36:08,417
design library มี landing มี landing options

359
00:36:08,417 --> 00:36:12,119
ที่ทำไปแล้ว มี sign in

360
00:36:12,119 --> 00:36:19,355
ตอนนี้มันสร้างจากรากฐานที่เราทำในวิดีโอก่อน

361
00:36:19,355 --> 00:36:26,253
สร้าง requirement ทั้งหมด องค์ประกอบต่างๆ

362
00:36:26,253 --> 00:36:31,974
ปุ่มและอื่นๆ มันเติม policy ให้ครบ

363
00:36:31,974 --> 00:36:38,032
โอเคลองดูว่าสกรอลล์เล่นวิดีโอจริงไหม

364
00:36:38,032 --> 00:36:43,416
ยังไม่เล่นครับ ภาพความละเอียดต่ำ

365
00:36:43,416 --> 00:36:47,960
ผมเดาไว้แล้วว่าจะเป็นแบบนี้

366
00:36:47,960 --> 00:36:55,363
อาจเพราะฟอร์แมตที่เป็นอยู่ โอเคตอนนี้มีหกเพจ

367
00:36:55,363 --> 00:37:02,430
หน้า landing ที่เห็นไป หน้า design library

368
00:37:02,430 --> 00:37:09,834
ดูดี ตรงนี้จะรวมดีไซน์ทั้งหมดที่อยากได้ หน้า

369
00:37:09,834 --> 00:37:17,406
getting started ตรงนี้คือจุดเริ่ม ให้เลือกภาพ

370
00:37:17,406 --> 00:37:24,641
หน้า sign in สำหรับบัญชี ตรงนี้ผ่าน Shopify

371
00:37:24,641 --> 00:37:27,333
กับหน้า policies

372
00:37:27,333 --> 00:37:34,232
ทุกอย่างดูดีครับไม่มีอะไรเวอร์ แค่อยากแก้

373
00:37:34,232 --> 00:37:41,804
เอ้ามันเล่นได้แล้ว ไม่รู้ทำไมซูมแปลกๆ แบบนั้น

374
00:37:41,804 --> 00:37:46,684
โอเคเราอาจต้องรอเวอร์ชันไฟนอล

375
00:37:46,684 --> 00:37:50,385
แต่คอนเซปต์ผมว่าใช้ได้

376
00:37:50,385 --> 00:37:55,602
แค่วิธีออกแบบตอนนี้ยังไม่เวิร์ก

377
00:37:55,602 --> 00:38:03,342
แต่นี่คือดีไซน์หลัก ทำเสร็จง่ายๆ ไม่เจ็บตัวเลย

378
00:38:03,342 --> 00:38:09,063
ดูตรงนี้ครับ ผมจะย้ายข้อความบางจุด

379
00:38:09,063 --> 00:38:14,615
เพราะบางอันไม่ใช่สิ่งที่ผมต้องการ

380
00:38:14,615 --> 00:38:21,009
แก้ตรงนี้ได้โดยตรงเลย แก้ข้อความตรงนี้

381
00:38:21,009 --> 00:38:28,077
เอาประโยคที่ว่าสานต่อดีไซน์จากเสื้อตัวเก่า

382
00:38:28,077 --> 00:38:32,283
ให้กลับมาใส่ได้อีก Claude

383
00:38:32,283 --> 00:38:38,341
ช่วยคิดทางเลือกอื่นให้ประโยคนี้หน่อย

384
00:38:38,341 --> 00:38:44,566
ผมอยากสื่อว่าเชื่อมความทรงจำกับอารมณ์

385
00:38:44,566 --> 00:38:49,951
ที่ผูกกับเสื้อผ้าเก่าสู่ปัจจุบัน

386
00:38:49,951 --> 00:38:52,643
นี่คือไอเดียครับ

387
00:38:52,643 --> 00:38:58,364
ดูซิว่ามันคิดสโลแกนดีกว่านี้ได้ไหม

388
00:38:58,364 --> 00:39:01,225
ไม่งั้นผมเขียนเอง

389
00:39:01,225 --> 00:39:07,787
เสื้อใส่ไม่ได้แล้วแต่ความทรงจำยังใส่ได้

390
00:39:07,787 --> 00:39:14,349
พกความทรงจำที่เย็บในเสื้อตัวแรกติดตัวไป

391
00:39:14,349 --> 00:39:19,565
พวกนี้ห่วยหมดเลย เขียนไม่ดีจริง

392
00:39:19,565 --> 00:39:24,782
เปลี่ยนเสื้อที่ทิ้งไม่ลงให้เป็น

393
00:39:24,782 --> 00:39:32,522
เก็บดีไซน์ที่มีความทรงจำไว้ ไม่เอาพวกนี้แย่หมด

394
00:39:32,522 --> 00:39:34,709
ประมาณนี้ครับ

395
00:39:34,709 --> 00:39:40,598
ลองนิยามดีไซน์ของเสื้อเก่าสุดที่รัก

396
00:39:40,598 --> 00:39:47,665
ให้เป็นของที่ระลึกใส่ได้ เซฟอันนี้ ดูซิว่า

397
00:39:47,665 --> 00:39:55,406
Claude ให้ตัวเลือกดีกว่านี้ได้ไหม จากไอเดียนี้

398
00:39:55,406 --> 00:40:02,136
ผมต้องเปลี่ยนอันนี้เป็นของที่ระลึกใส่ได้

399
00:40:02,136 --> 00:40:09,371
อะไรแบบเชื่อมเส้นด้ายเชื่อม อดีตสู่ปัจจุบัน

400
00:40:09,371 --> 00:40:15,261
แบบเส้นด้ายเชื่อมโยงอดีตสู่ปัจจุบัน

401
00:40:15,261 --> 00:40:18,794
อันนี้ดีเหมือนเห็นภาพ

402
00:40:18,794 --> 00:40:24,852
เอาประโยคดีไซน์เสื้อตัวเก่าสุดที่รัก

403
00:40:24,852 --> 00:40:32,592
ตีความใหม่เป็นของที่ระลึกใส่ได้ ต้องมี em dash

404
00:40:32,592 --> 00:40:37,472
ด้วยใช่ไหม ดีไซน์ที่คุณหวงแหน

405
00:40:37,472 --> 00:40:44,202
ตีความใหม่เป็นของที่ระลึกที่ใส่ได้ตอนนี้

406
00:40:44,202 --> 00:40:51,437
ประมาณนี้ไม่เลวครับ เอาอันนี้ครับ แก้ตรงนี้

407
00:40:51,437 --> 00:40:57,495
อันนี้เป็นของที่ระลึกที่ใส่ได้ตอนนี้

408
00:40:57,495 --> 00:41:00,524
ดีไซน์ที่คุณหวงแหน

409
00:41:00,524 --> 00:41:07,254
ตีความใหม่เป็นของที่ระลึกที่ใส่ได้ตอนนี้

410
00:41:07,254 --> 00:41:13,648
ผมว่าดีครับ แต่มันใหญ่ไปหน่อย 250 โอเค

411
00:41:13,648 --> 00:41:16,677
ดีไซน์ที่คุณหวงแหน

412
00:41:16,677 --> 00:41:23,408
ตีความใหม่เป็นของที่ระลึกที่ใส่ได้ตอนนี้

413
00:41:23,408 --> 00:41:31,148
ผมว่าดีครับ Keepsake Threads สร้างลวดลายกราฟิก

414
00:41:31,148 --> 00:41:39,729
กับคำที่มีความหมายขึ้นใหม่จากเสื้อตัวเดียวสุดที่รัก

415
00:41:39,729 --> 00:41:44,272
ต้องลบ em dash พวกนี้ให้หมด

416
00:41:44,272 --> 00:41:48,311
คุณรีวิวทุกรายละเอียดได้

417
00:41:48,311 --> 00:41:55,883
แล้วสานต่อลงเสื้อผ้าใหม่ กด get started ดูว่า

418
00:41:55,883 --> 00:42:03,623
how it works เป็นไง ผมว่าไม่ใช่ตรงนี้ เอาคำว่า

419
00:42:03,623 --> 00:42:10,690
designs แทนคำว่า design ดีไซน์ที่คุณหวงแหน

420
00:42:10,690 --> 00:42:14,896
ตีความใหม่เป็นของที่ระลึก

421
00:42:14,896 --> 00:42:18,935
ตีความใหม่หรือเกิดใหม่ดี

422
00:42:18,935 --> 00:42:25,329
เกิดใหม่เป็นของที่ระลึกที่ใส่ได้ตอนนี้

423
00:42:25,329 --> 00:42:28,357
ดีไซน์ที่คุณหวงแหน

424
00:42:28,357 --> 00:42:34,752
เกิดใหม่เป็นของที่ระลึกที่ใส่ได้ตอนนี้

425
00:42:34,752 --> 00:42:40,641
ผมว่าดีครับ ต้องแก้อันนี้ต่อ ทำไงดี

426
00:42:40,641 --> 00:42:45,184
โอเคผมว่าดอกไม้อันนี้ดีกว่า

427
00:42:45,184 --> 00:42:51,914
ใช่ครับดอกไม้นี้ดูดีกว่าเยอะ โอเคผมว่าดี

428
00:42:51,914 --> 00:42:58,813
ดูปักมากขึ้น ไม่เหมือนกันเป๊ะแต่ไม่เป็นไร

429
00:42:58,813 --> 00:43:05,880
มันจะถูกตีความใหม่อยู่แล้ว โอเคผมว่าดีครับ

430
00:43:05,880 --> 00:43:11,938
ผมจะล็อกจุดปลายของหนังเรื่องที่หนึ่ง

431
00:43:11,938 --> 00:43:19,005
แล้วลองคอนเซปต์เชื่อมด้ายแบบเดียวกันตรงนี้

432
00:43:19,005 --> 00:43:23,043
เหมาะสุดคือโครงสีทองก่อน

433
00:43:23,043 --> 00:43:27,250
แล้วเส้นด้ายค่อยโผล่ออกมา

434
00:43:27,250 --> 00:43:34,653
เส้นด้ายต้องบางมากเล็กมาก เราจะลองคลิปนี้อีก

435
00:43:34,653 --> 00:43:41,721
งานนี้เสร็จเกือบหมดแล้ว ตั้งใจให้เรียบง่าย

436
00:43:41,721 --> 00:43:44,581
มาดู how it works

437
00:43:44,581 --> 00:43:50,639
แชร์ภาพหนึ่งถึงสิบภาพของเสื้อต้นฉบับ

438
00:43:50,639 --> 00:43:57,874
รีวิวลวดลายกราฟิกกับข้อความที่สร้างขึ้นใหม่

439
00:43:57,874 --> 00:44:04,773
ยืนยันทุกคำที่มีความหมายได้ตรงตัว อนุมัติ

440
00:44:04,773 --> 00:44:06,960
product proof

441
00:44:06,960 --> 00:44:14,364
แล้วสั่งดีไซน์บนเสื้อผ้าใหม่ที่ใช้ร่วมกันได้

442
00:44:14,364 --> 00:44:17,056
Keepsake Threads

443
00:44:17,056 --> 00:44:23,618
ให้ของที่มีความหมายมีชีวิตอีกครั้ง ช่วง

444
00:44:23,618 --> 00:44:31,358
pre-launch โอเคต่อมา privacy policy โอเคดีครับ

445
00:44:31,358 --> 00:44:36,070
เช็กเพจอื่น หน้า get started

446
00:44:36,070 --> 00:44:43,305
พวกนี้เรียบง่ายได้ แค่อยากลบ em dash ให้หมด

447
00:44:43,305 --> 00:44:46,839
เริ่มจากเสื้อหนึ่งตัว

448
00:44:46,839 --> 00:44:53,569
หนึ่งโปรเจกต์ดีไซน์ครอบคลุมเสื้อหนึ่งตัว

449
00:44:53,569 --> 00:45:00,300
เสื้อสะอาดเท่านั้น ภาพถ่ายหลายมุมช่วยได้

450
00:45:00,300 --> 00:45:06,526
หลายมุมช่วยเวลารอยพับตะเข็บหรือรอยขาด

451
00:45:06,526 --> 00:45:12,247
บังลายบางส่วน em dash นี่บ้าไปแล้ว

452
00:45:12,247 --> 00:45:19,818
มันไม่หยุดเลย อัปโหลดยังไม่เปิด นี่คือ intake

453
00:45:19,818 --> 00:45:27,559
ที่วางแผนไว้ โอเคข้อความพวกนี้เป็น placeholder

454
00:45:27,559 --> 00:45:34,121
อยู่แล้ว แต่มันกวนใจผมจริง เกิดอะไรขึ้น

455
00:45:34,121 --> 00:45:39,674
คุณทำอะไรลงไป จะเกิดอะไรขึ้นต่อไป

456
00:45:39,674 --> 00:45:46,068
คุณสร้างลวดลายกราฟิกกับข้อความขึ้นใหม่

457
00:45:46,068 --> 00:45:52,125
คุณเลือกองค์ประกอบที่ควรอยู่ในดีไซน์

458
00:45:52,125 --> 00:46:00,034
คุณยืนยันข้อความที่มีความหมายตรงตัวทีละตัวอักษร

459
00:46:00,034 --> 00:46:06,932
คุณเทียบตัวเลือกแบบซื่อตรงกับแบบปรับสไตล์

460
00:46:06,932 --> 00:46:13,831
คุณอนุมัติ product proof ก่อนซื้อทุกครั้ง

461
00:46:13,831 --> 00:46:20,898
เสื้อเท่านั้นไม่มีคนในเฟรม อีกอันตรงนี้ ลบ

462
00:46:20,898 --> 00:46:27,797
opens at launch เลือกภาพ โอเค หน้า design

463
00:46:27,797 --> 00:46:35,537
library ของที่ระลึกของคุณถูกเก็บไว้ พรีวิวช่วง

464
00:46:35,537 --> 00:46:42,773
pre-launch ทุกดีไซน์ที่คุณอนุมัติอยู่ที่นี่

465
00:46:42,773 --> 00:46:49,503
มันเขียนสักประโยคโดยไม่มี em dash ได้ไหม

466
00:46:49,503 --> 00:46:56,234
ใช้ซ้ำได้โดยไม่ต้องมีภาพต้นฉบับ โอเค เซฟ

467
00:46:56,234 --> 00:47:02,964
พวกนี้แค่ตัวอย่าง แต่นี่คือดีไซน์ ดีครับ

468
00:47:02,964 --> 00:47:09,863
โอเคใช้ได้ หน้า sign in ใช้ได้ครับ แล้วก็

469
00:47:09,863 --> 00:47:14,911
policies ผมว่าจะทำแบบ FAQ ด้วย

470
00:47:14,911 --> 00:47:22,315
อันนี้เป็นแนวนโยบายมากกว่า มีคนบอกมา ใช่ครับ

471
00:47:22,315 --> 00:47:29,045
FAQ โอเคเพิ่มแล้ว ใช่ครับภาพรวมดูดี หน้า

472
00:47:29,045 --> 00:47:35,103
landing ตอนนี้ เหลือแค่วิดีโอตัวจริง

473
00:47:35,103 --> 00:47:38,804
ผมใช้เวลากับวิดีโอเยอะ

474
00:47:38,804 --> 00:47:44,021
เพราะมันจะเป็นส่วนหนึ่งของโฆษณา

475
00:47:44,021 --> 00:47:48,059
โฆษณาตัวหลักตอนทำการตลาด

476
00:47:48,059 --> 00:47:51,761
นั่นจะเป็นอีกวิดีโอแยก

477
00:47:51,761 --> 00:47:56,472
ที่รวมวิดีโอและโฆษณาที่จะใช้

478
00:47:56,472 --> 00:48:01,857
แต่นี่คือคอนเซปต์หลักที่ร้อยผ่าน

479
00:48:01,857 --> 00:48:07,914
ไอเดียเส้นด้ายเชื่อมเสื้อผ้าข้ามรุ่น

480
00:48:07,914 --> 00:48:13,130
ผมพยายามให้เวิร์กโฟลว์นี้เวิร์ก

481
00:48:13,130 --> 00:48:20,029
แต่อาจเป็นข้อจำกัดของโมเดลที่รันบนเครื่อง

482
00:48:20,029 --> 00:48:24,741
ผมใช้ MiniMax H3 ตัวนี้มานาน

483
00:48:24,741 --> 00:48:31,808
มันดีนะแต่คงมีเวอร์ชันดีกว่า สูตรดีกว่านี้

484
00:48:31,808 --> 00:48:37,697
ตัวนี้ค่อนข้างเก่าแต่รักษาคุณภาพได้

485
00:48:37,697 --> 00:48:45,269
นี่คือรอบแรกที่ได้ ดูสิไม่แย่นะ โอเคลองอีกรอบ

486
00:48:45,269 --> 00:48:49,980
ยังไม่แย่แต่เส้นด้ายยังหนาไป

487
00:48:49,980 --> 00:48:57,215
ลองอีกรอบให้คนขยับมากกว่านี้ อันถัดมา จริงๆ

488
00:48:57,215 --> 00:49:04,956
ผมว่า 5 วินาทีแรกยอดมาก มีการเคลื่อนไหวตรงนั้น

489
00:49:04,956 --> 00:49:06,975
เส้นด้ายดูดี

490
00:49:06,975 --> 00:49:14,378
แค่หลังจากนั้นมันตัดแล้วต่อกับเด็กไม่เนียน 5

491
00:49:14,378 --> 00:49:21,445
วินาทีแรกผมว่ายอดจริง เราจะใช้ 5 วินาทีแรก

492
00:49:21,445 --> 00:49:24,811
เหลือแค่แก้ครึ่งหลัง

493
00:49:24,811 --> 00:49:32,551
ปลายด้ายต้องขยับมากกว่านี้ แล้วไปหาเด็กหญิงวัย

494
00:49:32,551 --> 00:49:36,926
5 ขวบที่ต้องเล่นมากกว่านี้

495
00:49:36,926 --> 00:49:44,161
ไม่รู้ว่าตัดต่อกันแล้วจะเนียนไหม แต่ต้องลอง

496
00:49:44,161 --> 00:49:49,041
เราใช้เฟรมสุดท้ายของอันนี้ได้

497
00:49:49,041 --> 00:49:55,603
ตอนด้ายอยู่กลางอากาศใช่ไหม แล้วค่อยลงมา

498
00:49:55,603 --> 00:49:59,305
โอเคนี่คืออันที่รวมกัน

499
00:49:59,305 --> 00:50:04,016
ดูดีเลยขึ้นไปแล้วลงมาตรงนั้น

500
00:50:04,016 --> 00:50:09,737
ผมว่าลองเอาอันนี้ไปก่อน ดูโอเคแล้ว

501
00:50:09,737 --> 00:50:13,271
ทีหลังค่อยมาปรับเพิ่ม

502
00:50:13,271 --> 00:50:19,497
แต่อยากเห็นมันทำงานเป็นคลิปเลื่อนก่อน

503
00:50:19,497 --> 00:50:24,881
โอเคสิ่งที่เราจะทำคือ proof clip

504
00:50:24,881 --> 00:50:29,256
มันน่าจะเวิร์กแต่ภาพจะนุ่ม

505
00:50:29,256 --> 00:50:36,491
ซึ่งก็เหมือนที่เห็นเมื่อกี้ เราจะอัปสเกลมัน

506
00:50:36,491 --> 00:50:43,895
แล้วเตรียม asset สำหรับ endpoint [ฟังไม่ชัด]

507
00:50:43,895 --> 00:50:51,298
ทำเวอร์ชันมือถือ กับเช็กสกรอลล์บนเบราว์เซอร์

508
00:50:51,298 --> 00:50:53,822
โอเคบอกมันไปว่า

509
00:50:53,822 --> 00:50:59,207
ผมจะใช้ครึ่งแรกเป็นที่คั่นตัวแรก

510
00:50:59,207 --> 00:51:04,086
ครึ่งหลังเป็นที่คั่นตัวที่สอง

511
00:51:04,086 --> 00:51:10,985
ตอนแรกจะเอาอันนี้เป็นที่คั่นแรกอย่างเดียว

512
00:51:10,985 --> 00:51:17,884
แล้วตัวที่สองทำอีกอัน แต่แบบนี้เวิร์กกว่า

513
00:51:17,884 --> 00:51:20,576
ด้ายเชื่อมถึงกัน

514
00:51:20,576 --> 00:51:26,297
ตอนนี้มันจะเรนเดอร์ให้เวิร์กแบบนี้

515
00:51:26,297 --> 00:51:32,860
เสร็จแล้วผมจะ import เข้า Claude Design

516
00:51:32,860 --> 00:51:39,927
ผมว่าทำสกรอลล์เต็มรูปแบบตรงนี้ให้สวยไม่ได้

517
00:51:39,927 --> 00:51:46,489
เลยจะ import ไฟล์นี้ ส่งให้ Claude Code

518
00:51:46,489 --> 00:51:50,527
แล้วกลับเข้า Claude Code

519
00:51:50,527 --> 00:51:56,417
ให้มันประกอบทั้งหมดกับใส่วิดีโอจริง

520
00:51:56,417 --> 00:52:03,820
นั่นคือแผนครับ เราจะ handoff ให้ Claude Code

521
00:52:03,820 --> 00:52:08,027
ตรงนี้ ระหว่างที่ทำวิดีโอ

522
00:52:08,027 --> 00:52:13,243
ผมทำเฟสพวกนี้เสร็จไปหลายอันแล้ว

523
00:52:13,243 --> 00:52:20,310
แค่เวอร์ชันที่ยังไม่เนี้ยบ ปล่อยให้ Claude

524
00:52:20,310 --> 00:52:27,882
ลุยให้หมด นี่คือพรอมต์ เรียกมันว่า design MCP

525
00:52:27,882 --> 00:52:35,286
ตอนนี้เราจะ implement สิ่งที่ออกแบบไว้ลงเว็บ

526
00:52:35,286 --> 00:52:41,343
แล้วค่อยสลับวิดีโอ ผมว่า Claude Code

527
00:52:41,343 --> 00:52:48,578
จัดการได้ดีกว่า โอเคตอนนี้ได้แพ็กเกจครบแล้ว

528
00:52:48,578 --> 00:52:51,439
ทุกอย่าง verified

529
00:52:51,439 --> 00:52:56,992
ยังไม่แน่ใจว่าจะออกมาหน้าตาแบบนี้

530
00:52:56,992 --> 00:53:02,376
ไม่รู้ว่าเพราะรันผ่านแอป desktop

531
00:53:02,376 --> 00:53:07,929
ภาพเลยดรอปหรือมันจะเป็นแบบนี้จริง

532
00:53:07,929 --> 00:53:14,491
ทีหลังอาจต้องทำใหม่ มาดูของที่ได้มาก่อน

533
00:53:14,491 --> 00:53:19,034
โอเคมันกำลัง implement อยู่

534
00:53:19,034 --> 00:53:25,596
บางจุดอาจต่างจากที่เห็นใน Claude Design

535
00:53:25,596 --> 00:53:29,467
แต่ตอนนี้ผมจะสลับวิดีโอ

536
00:53:29,467 --> 00:53:36,702
ดูว่ามันเวิร์กถูกต้องไหม โอเคนี่รันบน local

537
00:53:36,702 --> 00:53:43,937
dev server นี่คือของที่เราสร้างวันนี้ โลโก้

538
00:53:43,937 --> 00:53:50,331
Keepsake Threads ดูดีมาก ผมชอบสไตล์นี้

539
00:53:50,331 --> 00:53:57,903
คิดว่าเลือกพาเลตต์สีถูก มันนุ่มๆ สบายใจหน่อยๆ

540
00:53:57,903 --> 00:54:04,465
สีชมพูไม่แรงเกิน ผมว่าไม่หวานเกินไปด้วย

541
00:54:04,465 --> 00:54:11,701
แม้จะยิงตรงกลุ่มนั้นแหละ ส่วนสำคัญคือวิดีโอ

542
00:54:11,701 --> 00:54:18,431
เลื่อนลงมาครับ ดูดีเลยสกรอลล์เวิร์กดีมาก

543
00:54:18,431 --> 00:54:22,974
ปัญหาเดียวคือความละเอียดต่ำ

544
00:54:22,974 --> 00:54:26,676
กับไทมิงเพี้ยนนิดหน่อย

545
00:54:26,676 --> 00:54:32,902
ผมอยากให้ด้ายออกเร็วกว่านี้ตอนสกรอลล์

546
00:54:32,902 --> 00:54:38,118
เช่นตรงนี้ ผมจอใหญ่ภาพเลยถูกยืด

547
00:54:38,118 --> 00:54:45,522
แต่อัปสเกลเพิ่มได้ ลงมาตรงนี้มีวิดีโอ how it

548
00:54:45,522 --> 00:54:48,382
works แล้วลงมาอีก

549
00:54:48,382 --> 00:54:53,262
เหมือนเดิมไทมิงเพี้ยนนิดหน่อย

550
00:54:53,262 --> 00:54:59,993
ความละเอียดรอบใบหน้าไม่ดี ผมจะลองอัปสเกล

551
00:54:59,993 --> 00:55:07,733
นอกนั้นผมว่าเวิร์กดีมาก เอฟเฟกต์สกรอลล์สวยจริง

552
00:55:07,733 --> 00:55:14,968
ผมสงสัยว่ามันจะออกมาหน้าตาแบบนี้ แต่ผมชอบนะ

553
00:55:14,968 --> 00:55:21,026
เพจที่เหลือดูดีหมด มีแค่หน้า landing

554
00:55:21,026 --> 00:55:24,727
ที่อยากได้อะไรดึงสายตา

555
00:55:24,727 --> 00:55:31,963
ส่วนอื่นอยากให้ตรงไปตรงมา แต่ยังสวยและดูโปร

556
00:55:31,963 --> 00:55:39,030
ผมว่าตรงนี้ถามคำถามดี นี่คือหน้าบ้านของเรา

557
00:55:39,030 --> 00:55:42,059
เราจะใช้แบบนี้แหละ

558
00:55:42,059 --> 00:55:47,443
อย่างที่บอกผมจะปรับตรงนั้นตรงนี้

559
00:55:47,443 --> 00:55:53,332
อาจเปลี่ยนคำบางจุด ลองอัปสเกลวิดีโอ

560
00:55:53,332 --> 00:55:55,856
กับเปลี่ยนไทมิง

561
00:55:55,856 --> 00:56:02,082
แต่นี่คือรากฐานของเว็บที่จะได้เห็นกัน

562
00:56:02,082 --> 00:56:08,644
จบวิดีโอนี้ตรงนี้ครับ รู้ว่ามันยาวหน่อย

563
00:56:08,644 --> 00:56:14,870
คลิปพวกนี้ผมจะพยายามให้ไม่เกินชั่วโมง

564
00:56:14,870 --> 00:56:20,927
อาจแค่เฉียดๆ ชั่วโมง นั่นคือเป้าครับ

565
00:56:20,927 --> 00:56:26,312
วิดีโอหน้าผมว่าควรไม่เกินชั่วโมง

566
00:56:26,312 --> 00:56:32,033
วิดีโอหน้าเราจะทำ integration จริง

567
00:56:32,033 --> 00:56:35,062
ตอนนี้มีรากฐานเว็บ

568
00:56:35,062 --> 00:56:42,465
กับซอฟต์แวร์ข้างใต้พร้อมแล้ว เหลือเชื่อมร้าน

569
00:56:42,465 --> 00:56:49,701
Shopify กับร้าน Printful เลือกสินค้าทั้งหมด

570
00:56:49,701 --> 00:56:55,085
เชื่อมเข้าระบบพร้อม AI ที่ดึงลาย

571
00:56:55,085 --> 00:56:58,619
นั่นคือวิดีโอหน้าครับ

572
00:56:58,619 --> 00:57:06,527
จากนั้นต้องเทสต์ทุกอย่างให้เวิร์กตั้งแต่ต้นจนจบ

573
00:57:06,527 --> 00:57:12,753
ผมจะใช้ภาพจริง ภาพชุดเบบี๋ของลูกชายผม

574
00:57:12,753 --> 00:57:20,493
สั่งจริงดูตั้งแต่ต้นจนจบ ผมจะอัดทั้งหมดมาให้ดู

575
00:57:20,493 --> 00:57:27,055
น่าจะได้สองวิดีโอ แล้วจะเข้าเรื่องโฆษณา

576
00:57:27,055 --> 00:57:31,767
วันนี้เห็นแล้วว่าทำวิดีโอยาก

577
00:57:31,767 --> 00:57:38,665
เราจะลองหลายฟอร์แมตสำหรับโฆษณา ผมว่าหลักๆ

578
00:57:38,665 --> 00:57:43,209
จะยิง Facebook แบบ Meta ads

579
00:57:43,209 --> 00:57:49,603
แต่อาจลองช่องทางอื่นด้วย เราจะลองกันไป

580
00:57:49,603 --> 00:57:53,977
ผมไม่เคยทำการตลาดแบบนี้เลย

581
00:57:53,977 --> 00:58:01,213
ไม่ใช่ผ่านช่องทางส่วนตัวของผม น่าสนใจดีครับ

582
00:58:01,213 --> 00:58:07,270
พอสื่อการตลาดพร้อมก็พร้อมเปิดตัวแล้ว

583
00:58:07,270 --> 00:58:14,337
ผมจะตั้งระบบ maintenance ที่รันด้วยเอเจนต์

584
00:58:14,337 --> 00:58:21,909
ดูแลออเดอร์กับปัญหาที่โผล่มา นั่นคือธุรกิจแบบ

585
00:58:21,909 --> 00:58:28,135
agent-run หลังจากนั้นผมจะอัปเดตให้ฟัง

586
00:58:28,135 --> 00:58:34,529
อาจทุกสัปดาห์หรือทุกเดือน ธุรกิจเป็นไง

587
00:58:34,529 --> 00:58:41,933
ผมเรียนรู้อะไร ผมเปลี่ยนอะไร ทำเงินได้เท่าไร

588
00:58:41,933 --> 00:58:48,831
หวังว่าจะได้บ้าง ผมจะแชร์ทั้งหมดบนช่องนี้

589
00:58:48,831 --> 00:58:54,048
คอมเมนต์บอกผมหน่อยครับ คิดยังไง

590
00:58:54,048 --> 00:59:01,451
มีทิปดีไซน์หน้าบ้านไหม โดยเฉพาะสกรอลล์แบบนี้

591
00:59:01,451 --> 00:59:07,172
หรือใครเคยใช้ MiniMax H3 บนเครื่อง

592
00:59:07,172 --> 00:59:12,388
มีทริกอะไรบอกผมหน่อย ขอบคุณครับ

593
00:59:12,388 --> 00:59:19,119
จบวิดีโอนี้ตรงนี้ครับ ขอบคุณที่รับชมครับ