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 นาที
# สรุปภาษาไทย — 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*
คำแปลเต็ม
แปลตามบทสนทนาต้นฉบับ ปรับเป็นภาษาไทยธรรมชาติ
ยินดีต้อนรับสู่ตอนที่สามของซีรีส์ 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 บนเครื่อง มีทริกอะไรบอกผมหน่อย ขอบคุณครับ จบวิดีโอนี้ตรงนี้ครับ ขอบคุณที่รับชมครับ
หมายเหตุการแปล
ความโปร่งใสเกี่ยวกับความไม่แน่นอนในต้นฉบับ
- 11. **decoded endpoint assets / stumped versions / croc image** — เสียงบรรยายไม่ชัดบางช่วง ทำเครื่องหมาย [ฟังไม่ชัด] ไว้ในคำแปล
อภิธานศัพท์เทคนิค
คำศัพท์และชื่อผลิตภัณฑ์ที่คงรูปภาษาอังกฤษ
| ศัพท์ | คำแปล / คำอธิบาย |
|---|---|
| Keepsake Threads | Keepsake Threads |
| Agent-Run Business from Zero | Agent-Run Business from Zero |
| Shopify | Shopify |
| print on demand | print on demand (พิมพ์ลายตามสั่ง) |
| Claude Design | Claude Design |
| Fable 5 | Fable 5 |
| Claude Code | Claude Code |
| Hermes Agent | Hermes Agent |
| builder (profile) | builder (โปรไฟล์สายสร้าง) |
| DGX Spark | DGX Spark |
| MiniMax H3 | MiniMax H3 |
| ComfyUI | ComfyUI |
| Grok Imagine | Grok Imagine |
| Seedance | Seedance |
| Flux 3 | Flux 3 |
| ChatGPT images | ChatGPT images |
| Craya 2 | Craya 2 |
| DS4 | DS4 |
| DeepSeek | DeepSeek |
| GPT Soul | GPT Soul |
| Agent Wikis | Agent Wikis |
| Hyperframes | Hyperframes |
| navbar | navbar (แถบนำทาง) |
| hero (section) | hero (โซนเปิดหน้า) |
| above the fold | above the fold (เหนือรอยพับจอ) |
| scroll film / หนังเลื่อน | scroll film (หนังเลื่อน) |
| scrub (video) | scrub (เลื่อนหาตำแหน่งวิดีโอ) |
| key frame | key frame (คีย์เฟรม) |
| motion draft | motion draft (ดราฟต์ motion) |
| placeholder | placeholder (ตัวแทนชั่วคราว) |
| blueprint | blueprint (แบบแปลน) |
| responsive | responsive |
| live action | live action |
| claymation | claymation |
| landing page | landing page (หน้า landing) |
| design library | design library |
| get started | get started |
| sign in / sign up | sign in / sign up |
| how it works | how it works (วิธีใช้งาน) |
| product proof | product proof |
| pre-launch | pre-launch (ช่วงก่อนเปิดตัว) |
| em dash | em dash (ขีดยาว) |
| warm cream scrapbook | warm cream scrapbook |
| dark mode | dark mode (โหมดมืด) |
| upscale | upscale (อัปสเกล) |
| local dev server | local dev server |
| handoff | handoff (ส่งงานต่อ) |
| design MCP | design MCP |
| Printful | Printful |
| Meta ads | Meta ads (โฆษณา Meta) |
| romper / onesie | romper / onesie (ชุดวันซีเด็ก) |
ซับไตเติ้ลภาษาไทย
ดาวน์โหลดหรือดูซับทั้งหมด
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
เปิดดูซับไตเติ้ลทั้งหมด (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 จบวิดีโอนี้ตรงนี้ครับ ขอบคุณที่รับชมครับ