Claude Code + Seedance 2.5 = Insane Websites

1
00:00:00,000 --> 00:00:03,618
### ช่วงเปิด — เว็บไซต์แบบที่พูดถึง ผมกำลังจะโชว์ให้ดูว่า

2
00:00:03,618 --> 00:00:06,983
Claude Code บวกกับ Seedance 2.5 (โมเดลสร้างวิดีโอด้วย

3
00:00:06,983 --> 00:00:11,426
AI ของ ByteDance) สร้างเว็บไซต์ที่น่าทึ่งได้ภายในบ่ายวันเดียวยังไงครับ

4
00:00:11,426 --> 00:00:16,187
Seedance 2.5 เพิ่งอัปเกรดครั้งใหญ่ และมันเปลี่ยนทุกอย่างสำหรับวงการเว็บไซต์

5
00:00:16,187 --> 00:00:19,298
คุณรู้จักเว็บไซต์แบบที่สินค้าหมุนตามที่เลื่อนหน้า

6
00:00:19,298 --> 00:00:24,249
วิดีโอเล่นเบา ๆ อยู่หลังหัวข้อหลัก แล้วทั้งหน้าให้ความรู้สึกมีชีวิตชีวาไหมครับ

7
00:00:24,249 --> 00:00:27,614
เมื่อก่อนการทำแบบนั้นต้องใช้ทั้งทีมและเวลาหลายสัปดาห์

8
00:00:27,614 --> 00:00:32,311
แต่ตอนนี้ใช้แค่บทสนทนาเดียว คุณแค่บรรยายสิ่งที่อยากได้เป็นภาษาอังกฤษธรรมดา

9
00:00:32,311 --> 00:00:36,374
เหมือนพิมพ์แชทหาเพื่อน แล้ว Claude ก็สร้างเว็บไซต์ทั้งเว็บให้คุณ

10
00:00:36,374 --> 00:00:40,627
พร้อมอัปโหลดขึ้นอินเทอร์เน็ต ในวิดีโอนี้ผมจะโชว์การตั้งค่าที่แน่นอน

11
00:00:40,627 --> 00:00:46,086
พร้อมต์ที่แน่นอน และเอฟเฟกต์สวย ๆ อีก 5 แบบที่คุณเอาไปใช้กับเว็บตัวเองได้ตั้งแต่วันนี้

12
00:00:46,086 --> 00:00:49,578
และผมจะโชว์ขั้นตอนสำคัญที่สุดหนึ่งขั้น ถ้าคุณทำลำดับผิด

13
00:00:49,578 --> 00:00:52,752
ทั้งเว็บจะแบนราบทันที เดี๋ยวผมจะเฉลยช่วงท้ายวิดีโอ

14
00:00:52,752 --> 00:00:57,195
ฝากติดตามจนจบ แล้วผมรับประกันว่าเว็บของคุณจะดูพรีเมียมขึ้นเป็นร้อยเท่า

15
00:00:57,195 --> 00:01:01,448
ไม่ว่าคุณจะอยู่ที่ไหน ไปดูกันเลยครับ ### เว็บไซต์แบบไหนที่ผมหมายถึง

16
00:01:01,448 --> 00:01:05,003
ก่อนอื่น ขอโชว์ให้เห็นว่าเว็บไซต์แบบที่ผมพูดถึงคือแบบไหน

17
00:01:05,003 --> 00:01:09,002
เพราะเว็บไซต์ส่วนใหญ่เป็นแบบ static (เว็บนิ่ง) ข้อความก็วางนิ่ง

18
00:01:09,002 --> 00:01:12,748
ๆ รูปก็วางนิ่ง ๆ ไม่มีอะไรขยับ แต่ลองไปดูเว็บของแบรนด์รถหรู

19
00:01:12,748 --> 00:01:17,318
หรือ Apple หรือบริษัทนาฬิการะดับสูง แล้วคุณจะรู้สึกว่าเว็บพวกนั้นมีชีวิต

20
00:01:17,318 --> 00:01:21,317
คุณเลื่อนหน้าลงมาแล้วสิ่งต่าง ๆ ตอบสนองคุณ สินค้าหมุนตามการขยับ

21
00:01:21,317 --> 00:01:25,126
วิดีโอแบบ cinematic (สไตล์ภาพยนตร์) เล่นเบา ๆ อยู่หลังหัวข้อ

22
00:01:25,126 --> 00:01:31,665
เอาเมาส์ไปชี้อะไรก็มีปฏิกิริยาตอบกลับ ความรู้สึกแบบนี้คือเส้นแบ่งระหว่างเว็บที่ดูเหมือนเทมเพลตสำเร็จรูป

23
00:01:31,665 --> 00:01:36,172
กับเว็บที่ดูเหมือนแบรนด์จริง ๆ และจนถึงตอนนี้ ความรู้สึกแบบนี้มันแพงมาก

24
00:01:36,172 --> 00:01:40,171
เพราะกว่าจะทำได้ คุณต้องมีฟุตเทจวิดีโอจริง นักออกแบบโมชันกราฟิก

25
00:01:40,171 --> 00:01:45,948
และนักพัฒนาที่รู้วิธีประกอบทุกอย่างเข้าด้วยกัน ซึ่งกินเวลาหลายสัปดาห์และต้องใช้ทีมงานหลายคน

26
00:01:45,948 --> 00:01:48,931
### ความลับของเว็บแพง ๆ นี่คือความลับที่เว็บแพง

27
00:01:48,931 --> 00:01:52,169
ๆ ใช้กัน พอคุณได้ยินแล้วจะมองไม่เห็นอย่างอื่นอีกเลย

28
00:01:52,169 --> 00:01:55,914
สิ่งที่เรียกว่าลูกเล่นสุดหรูส่วนใหญ่ แท้จริงแล้วก็คือวิดีโอ

29
00:01:55,914 --> 00:02:00,357
เวลาสินค้าดูเหมือนหมุนตามที่คุณเลื่อนหน้า ความจริงบนหน้านั้นไม่มีโมเดล

30
00:02:00,357 --> 00:02:06,896
3 มิติเลย มันคือวิดีโอสินค้าที่หมุนอยู่ แล้วเว็บก็เล่นวิดีโอนั้นไปข้างหน้าหรือถอยหลังตามการเลื่อนของคุณ

31
00:02:06,896 --> 00:02:10,006
เลื่อนลงวิดีโอก็เดินหน้า เลื่อนขึ้นก็เล่นย้อนกลับ

32
00:02:10,006 --> 00:02:13,053
แถบเลื่อนของคุณก็คือรีโมทคอนโทรลของวิดีโอนั่นเอง

33
00:02:13,053 --> 00:02:16,100
เป็นทริคง่าย ๆ แต่เอฟเฟกต์ยิ่งใหญ่ แต่ก็มีข้อแม้

34
00:02:16,100 --> 00:02:20,417
และข้อแม้นี่แหละคือเหตุผลที่ทริคนี้ถูกเก็บซ่อนจากคนทั่วไปจนถึงตอนนี้

35
00:02:20,417 --> 00:02:25,432
### ข้อแม้ของทริคนี้ กว่าทริคนี้จะเวิร์ก วิดีโอต้องเป็นการถ่ายต่อเนื่องหนึ่งเทค

36
00:02:25,432 --> 00:02:29,495
ไม่มีการตัดต่อแม้แต่จุดเดียว เพราะการเลื่อนของคุณจะไล่ดูทีละเฟรม

37
00:02:29,495 --> 00:02:33,049
ถ้าวิดีโอตัดมุมกล้องกลางคัน หน้าก็จะกระโดด แสงก็จะเพี้ยน

38
00:02:33,049 --> 00:02:36,795
ภาพลวงตาพังทันที แล้วเว็บจะดูเหมือนเสีย นั่นคือสิ่งที่โมเดล

39
00:02:36,795 --> 00:02:39,842
AI ตัวอื่นทำไม่ได้ โมเดลรุ่นเก่าทำได้แค่คลิปสั้น

40
00:02:39,842 --> 00:02:44,476
ๆ ประมาณ 10 วินาที พอการเคลื่อนไหวเริ่มยาก พวกมันก็จะตัดมุมกล้องใหม่เงียบ

41
00:02:44,476 --> 00:02:48,158
ๆ แล้วหวังว่าคุณจะไม่ทันสังเกต มันพอใช้ได้กับโซเชียลมีเดีย

42
00:02:48,158 --> 00:02:51,459
แต่ไร้ประโยชน์กับเว็บไซต์ ดังนั้นถ้าอยากได้ลุคแบบนี้

43
00:02:51,459 --> 00:02:54,759
คุณก็ยังต้องจ้างทีมถ่ายทำอยู่ดี ### อะไรที่เปลี่ยนไป

44
00:02:54,759 --> 00:02:57,743
นั่นคือสิ่งที่เพิ่งเปลี่ยนไป และนี่คือเหตุผลที่

45
00:02:57,743 --> 00:03:02,250
Seedance 2.5 เป็นเรื่องใหญ่ Seedance 2.5 คือโมเดลวิดีโอตัวใหม่ล่าสุดของ

46
00:03:02,250 --> 00:03:05,234
ByteDance (บริษัทแม่ของ TikTok) เพิ่งปล่อยออกมา

47
00:03:05,234 --> 00:03:08,979
นี่คือสิ่งใหม่: มันสร้างวิดีโอความยาว 30 วินาทีในครั้งเดียว

48
00:03:08,979 --> 00:03:14,311
เป็นสองเท่าของเวอร์ชันก่อนหน้า คุณต่อยอดช็อตเดียวกันได้อีกสองครั้งเพื่อให้เทคยาวขึ้น

49
00:03:14,311 --> 00:03:18,310
เสียงมากับวิดีโอในตัว การเคลื่อนไหวลื่นไหลและคงเส้นคงวากว่าเดิม

50
00:03:18,310 --> 00:03:23,198
มันแก้ไขวิดีโอที่มีอยู่ได้ คุณอัปโหลดฟุตเทจแล้วบอกให้มันแก้เฉพาะจุดที่ต้องการ

51
00:03:23,198 --> 00:03:26,309
และมันรักษาสไตล์ภาพของคุณข้ามการสร้างหลาย ๆ ครั้ง

52
00:03:26,309 --> 00:03:31,070
ถ้าคุณป้อนภาพอ้างอิงให้มัน ฉาก 10 ฉากที่ต่างกันก็จะดูเหมือนมาจากแบรนด์เดียว

53
00:03:31,070 --> 00:03:35,133
และตอนนี้มันเข้าใจภาษากล้องแบบมืออาชีพ คุณขอท่าขยับกล้องแบบเฉพาะ

54
00:03:35,133 --> 00:03:38,624
แสงแบบเฉพาะ หรือแม้แต่เลนส์เฉพาะ มันก็ส่งช็อตนั้นให้คุณ

55
00:03:38,624 --> 00:03:42,115
เอาทุกอย่างมารวมกันแล้วคุณจะเห็นภาพ: 30 วินาที หนึ่งเทค

56
00:03:42,115 --> 00:03:45,099
ไม่มีการตัด การเคลื่อนไหวลื่นไหล ควบคุมกล้องได้

57
00:03:45,099 --> 00:03:50,622
นี่คือสูตรที่เว็บพรีเมียมต้องการเป๊ะ ๆ และโมเดลนี้เหมือนถูกออกแบบมาเพื่อสิ่งนี้โดยเฉพาะ

58
00:03:50,622 --> 00:03:54,049
### เครื่องยนต์สร้างเว็บแบบ One-Take ผมเรียกสิ่งนี้ว่า

59
00:03:54,049 --> 00:03:57,795
one-take website engine (เครื่องยนต์สร้างเว็บแบบเทคเดียวจบ)

60
00:03:57,795 --> 00:04:02,683
Seedance 2.5 สร้างวิดีโอหนึ่งเทค Claude Code ก็สร้างเว็บไซต์ทั้งเว็บขึ้นมารอบ

61
00:04:02,683 --> 00:04:06,999
ๆ วิดีโอนั้น เขียนหน้าเว็บ วางวิดีโอ เชื่อมการเลื่อนของคุณเข้ากับมัน

62
00:04:06,999 --> 00:04:11,062
แล้วอัปโหลดทั้งเว็บขึ้นอินเทอร์เน็ต คุณไม่ต้องเปิดโปรแกรมแก้โค้ด

63
00:04:11,062 --> 00:04:16,585
ไม่ต้องจับไฟล์อะไรเลย แค่บรรยายสิ่งที่อยากได้เป็นภาษาอังกฤษธรรมดาเหมือนพิมพ์แชทหาเพื่อน

64
00:04:16,585 --> 00:04:19,822
วิดีโอหนึ่งเทคจาก Seedance บทสนทนาหนึ่งบทจาก Claude

65
00:04:19,822 --> 00:04:22,806
เว็บไซต์สำเร็จหนึ่งเว็บ ### ประชาสัมพันธ์สั้น ๆ

66
00:04:22,806 --> 00:04:27,821
ขอแวะสักครู่ ถ้าคุณดูแล้วคิดว่า "ฉันอยากได้แบบนี้ให้ธุรกิจหรือลูกค้าของฉันบ้าง"

67
00:04:27,821 --> 00:04:32,137
นี่คือสิ่งที่เราทำกันใน AI Profits Boardroom (ชุมชนสมาชิกของช่องนี้)

68
00:04:32,137 --> 00:04:36,073
เรามีบทเรียนแบบทีละขั้นตอนทุกวัน เกี่ยวกับการสร้างเว็บไซต์ด้วย

69
00:04:36,073 --> 00:04:39,374
Claude Code รวมถึงการเชื่อมโมเดลวิดีโออย่าง Seedance

70
00:04:39,374 --> 00:04:42,738
และมีคอลให้คำปรึกษาสัปดาห์ละ 4 ครั้ง ที่คุณแชร์หน้าจอ

71
00:04:42,738 --> 00:04:48,071
โชว์เว็บที่สร้างไปครึ่ง ๆ กลาง ๆ แล้วให้เราช่วยแก้เอฟเฟกต์การเลื่อนและพรอมต์ให้แบบสด

72
00:04:48,071 --> 00:04:52,006
ๆ ผมช่วยเจ้าของธุรกิจมาแล้วกว่า 3,700 คนในนั้น หลายคนไม่เคยใช้

73
00:04:52,006 --> 00:04:55,498
AI มาก่อนเลยตอนที่สมัครเข้าไป ดังนั้นถ้ากำลังคิดจะเริ่ม

74
00:04:55,498 --> 00:04:59,370
ลิงก์อยู่ในคอมเมนต์หรือคำอธิบายวิดีโอ หรือเข้าไปที่เว็บของเรา

75
00:04:59,370 --> 00:05:03,623
### เวิร์กโฟลว์จริงทีละขั้น มาดูเวิร์กโฟลว์จริงทีละขั้นตอนกันดีกว่า

76
00:05:03,623 --> 00:05:09,400
เพราะตรงนี้แหละที่วิดีโอส่วนใหญ่ทำแบบคลุมเครือ แล้วผมอยากให้คุณเดินออกไปแล้วทำได้จริงวันนี้

77
00:05:09,400 --> 00:05:12,637
**ขั้นตอนที่ 1: เชื่อมต่อ Seedance เข้ากับ Claude**

78
00:05:12,637 --> 00:05:15,748
ใช้เวลาประมาณ 3 นาที แล้วทำแค่ครั้งเดียว Seedance

79
00:05:15,748 --> 00:05:19,112
2.5 อยู่ในแพลตฟอร์มชื่อ Higgsfield (แพลตฟอร์มรวมโมเดล

80
00:05:19,112 --> 00:05:22,413
AI ด้านวิดีโอและภาพชั้นนำไว้ที่เดียว) และ Higgsfield

81
00:05:22,413 --> 00:05:25,397
มีสิ่งที่เรียกว่า MCP (Model Context Protocol —

82
00:05:25,397 --> 00:05:28,825
โปรโตคอลมาตรฐานที่ให้ AI เชื่อมต่อถึงกันได้) คุณคิดว่า

83
00:05:28,825 --> 00:05:32,189
MCP คือปลั๊กก็ได้ มันเสียบ Higgsfield เข้าไปใน Claude

84
00:05:32,189 --> 00:05:35,363
ตรง ๆ ให้ Claude สร้างวิดีโอเองได้จากในแชท วิธีทำ:

85
00:05:35,363 --> 00:05:38,664
ใน Higgsfield คุณก็ก๊อปปี้ลิงก์ MCP ของคุณ จากนั้นใน

86
00:05:38,664 --> 00:05:41,648
Claude ไปที่ Connectors กด Add custom connector

87
00:05:41,648 --> 00:05:44,885
แล้ววางลิงก์นั้น มันจะให้คุณล็อกอินบัญชี Higgsfield

88
00:05:44,885 --> 00:05:48,249
แล้วก็เสร็จ จากวินาทีนั้นเป็นต้นไป Claude มีสายตรงถึง

89
00:05:48,249 --> 00:05:53,137
Seedance 2.5 คุณขอฟุตเทจจาก Claude แล้วดูมันสร้างวิดีโอต่อหน้าในบทสนทนาได้เลย

90
00:05:53,137 --> 00:05:56,946
ไม่ต้องสลับแท็บ ไม่ต้องดาวน์โหลดไฟล์ ไม่ต้องงมอยู่ในโฟลเดอร์

91
00:05:56,946 --> 00:06:00,628
ทุกอย่างเกิดขึ้นที่เดียว **ขั้นตอนที่ 2: เก็บแรงบันดาลใจ**

92
00:06:00,628 --> 00:06:05,198
ก่อนไปต่อ ขอทำลายความเชื่อหนึ่งก่อน เพราะตรงนี้คนส่วนใหญ่ตัดสิทธิ์ตัวเอง

93
00:06:05,198 --> 00:06:08,563
คุณกำลังคิดว่า "ฉันไม่ใช่นักออกแบบนี่นา ทำไม่ได้หรอก"

94
00:06:08,563 --> 00:06:11,546
แต่ในระบบนี้คุณไม่ต้องออกแบบอะไรเลย แค่เก็บสะสม

95
00:06:11,546 --> 00:06:15,736
เปิดเว็บไซต์ที่คุณชอบ ดูแบรนด์ใหญ่ คู่แข่ง อะไรก็ได้ที่มีลุคที่ใช่

96
00:06:15,736 --> 00:06:19,291
แล้วคุณก็แบบ "ว้าว ฉันอยากได้แบบนี้" แคปหน้าจอส่วนที่ชอบ

97
00:06:19,291 --> 00:06:22,274
เช่น หัวข้อสะอาด ๆ สักอันตรงนี้ กริดสินค้าสวย ๆ

98
00:06:22,274 --> 00:06:26,782
ตรงนั้น แล้วเก็บไอเดียไว้ 10–15 อัน นั่นคือกระบวนการออกแบบทั้งหมดของคุณ

99
00:06:26,782 --> 00:06:31,035
ทักษะเดียวที่ต้องมีคือการดูเว็บไม่กี่เว็บแล้วรู้ว่าอันไหนสวยกว่ากัน

100
00:06:31,035 --> 00:06:34,272
ถ้าทำได้ คุณก็มีทุกอย่างที่ระบบนี้ต้องการจากคุณแล้ว

101
00:06:34,272 --> 00:06:37,764
รสนิยม ไม่ใช่พรสวรรค์ **ขั้นตอนที่ 3: ส่งต่อทุกอย่างให้

102
00:06:37,764 --> 00:06:40,811
Claude** ไอเดียที่คุณเก็บมาทั้งหมด ส่งให้ Claude

103
00:06:40,811 --> 00:06:45,064
แล้วบรรยายธุรกิจของคุณ เช่น "ศึกษาการจัดวางในสไตล์เหล่านี้ที่ฉันให้

104
00:06:45,064 --> 00:06:49,126
แล้วสร้างเว็บไซต์ให้บริษัทเทียนของฉันโดยใช้สิ่งที่คุณเรียนรู้มา"

105
00:06:49,126 --> 00:06:52,554
แล้ว Claude จะศึกษาระยะห่าง ฟอนต์ โครงสร้าง ความรู้สึก

106
00:06:52,554 --> 00:06:56,363
แล้วสร้างเว็บไซต์ใช้งานจริงที่ได้แรงบันดาลใจจากสิ่งเหล่านั้น

107
00:06:56,363 --> 00:06:59,347
ออกแบบเฉพาะคุณ แล้วคุณก็ปรับแต่งด้วยการพูด เช่น

108
00:06:59,347 --> 00:07:02,711
"ทำให้หัวข้อใหญ่ขึ้น" "เปลี่ยนฟอนต์เป็นแบบที่หรูขึ้น"

109
00:07:02,711 --> 00:07:06,837
"สลับรูปเป็นรูปที่เราคุยกันไว้" ทุกการแก้ไขเกิดขึ้นในไม่กี่วินาที

110
00:07:06,837 --> 00:07:10,646
ด้วยภาษาอังกฤษธรรมดา **ขั้นตอนที่ 4: ขั้นตอนที่สำคัญที่สุด**

111
00:07:10,646 --> 00:07:13,756
ฟังให้ดีนะครับ — สร้างวิดีโอของคุณ ก่อนที่ Claude

112
00:07:13,756 --> 00:07:16,804
จะออกแบบส่วนต่าง ๆ ของหน้าขึ้นมารอบ ๆ วิดีโอนั้น

113
00:07:16,804 --> 00:07:21,628
ให้ Claude สร้างฟุตเทจจาก Seedance ก่อน แล้วค่อยสร้างหน้าขึ้นมารอบฟุตเทจนั้น

114
00:07:21,628 --> 00:07:24,675
ทำไมลำดับถึงสำคัญ? เพราะถ้า Claude สร้างหน้าก่อน

115
00:07:24,675 --> 00:07:29,119
มันจะออกแบบรอบกล่องว่าง ๆ แล้ววิดีโอของคุณก็จะถูกยัดลงรูที่ขนาดไม่พอดี

116
00:07:29,119 --> 00:07:35,467
แต่ถ้าเอาฟุตเทจมาก่อน แล้วค่อยออกแบบหน้าทีหลัง ทั้งเว็บจะถูกปั้นให้เข้ากับสินทรัพย์ที่ดีที่สุดของคุณ

117
00:07:35,467 --> 00:07:38,767
สมมติว่าคุณขายนาฬิกา คุณบอก Claude ว่า "ใช้ Seedance

118
00:07:38,767 --> 00:07:42,132
2.5 สร้างช็อต 30 วินาทีแบบไม่ตัดต่อของนาฬิกาเรือนนี้"

119
00:07:42,132 --> 00:07:45,941
แล้วแนบรูปนาฬิกาจริงของคุณ ที่ค่อย ๆ หมุนอยู่บนพื้นผิวสีเข้ม

120
00:07:45,941 --> 00:07:49,305
มาโครคลสอัปแสงสีทองกระทบตัวโลหะ กล้องนิ่ง ไม่มีการตัด

121
00:07:49,305 --> 00:07:52,416
ส่วนรูปอ้างอิงนี่สำคัญมากเลยนะครับ เพราะ Seedance

122
00:07:52,416 --> 00:07:56,288
จะรักษาสินค้าจริงของคุณให้คงเดิมตลอดทั้งช็อต นาฬิกาจริงของคุณ

123
00:07:56,288 --> 00:08:00,160
ขวดจริงของคุณ สินค้าจริงของคุณ อยู่ในช็อตที่ดูเหมือนโฆษณาทีวี

124
00:08:00,160 --> 00:08:03,652
**ขั้นตอนที่ 5: เชื่อมการเคลื่อนไหวเข้ากับผู้เยี่ยมชม**

125
00:08:03,652 --> 00:08:06,825
ตรงนี้แหละที่เวทมนตร์เกิดขึ้น และมันคือประโยคเดียว

126
00:08:06,825 --> 00:08:10,571
คุณบอก Claude ว่า "ผูกวิดีโอนี้เข้ากับตำแหน่งการเลื่อนหน้า"

127
00:08:10,571 --> 00:08:14,570
พอผู้เยี่ยมชมเลื่อนลงมา นาฬิกาก็หมุน Claude เขียนโค้ดทั้งหมดให้

128
00:08:14,570 --> 00:08:18,252
แล้วสินค้าของคุณก็ตอบสนองต่อทุกคนที่เข้ามาเยี่ยมชมหน้าจริง

129
00:08:18,252 --> 00:08:22,441
ๆ หรือคุณจะเชื่อมกับเมาส์ก็ได้ พูดว่า "เล่นฟุตเทจนี้เมื่อเมาส์ชี้"

130
00:08:22,441 --> 00:08:25,933
พอเคอร์เซอร์แตะสินค้า มันก็มีชีวิตขึ้นมา แนวคิดเดียวกัน

131
00:08:25,933 --> 00:08:29,361
ต่างกันที่ตัวกระตุ้น **ขั้นตอนที่ 6: อัปโหลดขึ้นเว็บ**

132
00:08:29,361 --> 00:08:32,662
คุณจะไปที่ Netlify (บริการโฮสต์เว็บไซต์) หรือ GitHub

133
00:08:32,662 --> 00:08:36,661
(บริการเก็บโค้ดและโฮสต์เว็บ) หรือจะเผยแพร่ที่ไหนก็ได้ที่อยากได้

134
00:08:36,661 --> 00:08:40,914
Claude พาเว็บของคุณขึ้นอินเทอร์เน็ต และในกรณีส่วนใหญ่คุณโฮสต์ได้ฟรี

135
00:08:40,914 --> 00:08:43,961
เช่น โฮสต์บน Claude artifact (พื้นที่แสดงผลงานใน

136
00:08:43,961 --> 00:08:47,643
Claude) ก็ได้ถ้าอยากจริง ๆ และนั่นคือเว็บไซต์แอนิเมชันจริง

137
00:08:47,643 --> 00:08:50,880
ๆ ที่มีชีวิต จากความว่างเปล่า นี่คือทั้งเครื่องยนต์

138
00:08:50,880 --> 00:08:53,927
หกขั้นตอน พอตั้งค่า connector เสร็จ ขั้นตอนที่ 2

139
00:08:53,927 --> 00:08:57,165
ถึง 6 ทำจบได้ในบ่ายวันเดียว ### ห้าเอฟเฟกต์ที่ทำได้

140
00:08:57,165 --> 00:09:00,656
มาคุยกันว่าเราสร้างอะไรได้บ้างกับเจ้านี่ เพราะ Seedance

141
00:09:00,656 --> 00:09:05,798
2.5 ปลดล็อกเอฟเฟกต์เฉพาะหลายแบบ ซึ่งแต่ละแบบเมื่อก่อนต้องจ้างผู้เชี่ยวชาญเฉพาะทาง

142
00:09:05,798 --> 00:09:09,163
**เอฟเฟกต์ที่ 1: การหมุนตามเลื่อน (Scroll Rotation)**

143
00:09:09,163 --> 00:09:12,336
คือสิ่งที่ผมเล่าไปตอนนาฬิกา ใช้ได้กับรถยนต์ สินค้า

144
00:09:12,336 --> 00:09:17,224
เฟอร์นิเจอร์ อะไรก็ตามที่เป็นสิ่งของจริง มีรายละเอียดที่ทำให้มันดีกว่าวิธีแพง

145
00:09:17,224 --> 00:09:22,938
ๆ แบบเดิม เมื่อ Seedance สร้างสินค้าที่หมุน แสงสะท้อนจะเคลื่อนผ่านพื้นผิวอย่างเป็นธรรมชาติ

146
00:09:22,938 --> 00:09:28,333
เพราะมันคือวิดีโอของแสงที่ดูสมจริง โมเดล 3 มิติที่สร้างด้วยคอมพิวเตอร์สู้ตรงนี้ไม่ได้

147
00:09:28,333 --> 00:09:32,015
ดังนั้นเวอร์ชัน AI อาจดูสมจริงกว่า ที่เอเจนซี่เคยทำเสียอีก

148
00:09:32,015 --> 00:09:35,570
**เอฟเฟกต์ที่ 2: การเลื่อนแบบหลายชั้น (Layered Scroll)**

149
00:09:35,570 --> 00:09:41,283
อันนี้สร้างมิติความลึก คุณขอ Seedance ให้สร้างสามช็อตของฉากเดียวกันจากตำแหน่งกล้องเดียวกัน

150
00:09:41,283 --> 00:09:44,457
โดยแยกเป็นพื้นหน้า กลาง และพื้นหลัง แล้วบอก Claude

151
00:09:44,457 --> 00:09:47,568
ว่า "ขยับแต่ละชั้นด้วยความเร็วต่างกันตามการเลื่อน

152
00:09:47,568 --> 00:09:50,678
พื้นหน้าเร็วสุด" หน้าเว็บจะรู้สึกเป็นสามมิติทันที

153
00:09:50,678 --> 00:09:53,916
เหมือนคุณเคลื่อนผ่านฉาก ไม่ใช่เคลื่อนผ่านไปด้านข้าง

154
00:09:53,916 --> 00:09:58,994
เอฟเฟกต์นี้เรียกว่า parallax (พารัลแลกซ์) และเป็นลายเซ็นของการออกแบบเว็บระดับสูง

155
00:09:58,994 --> 00:10:02,105
**เอฟเฟกต์ที่ 3: เปิดเผยเมื่อชี้ (Hover Reveal)**

156
00:10:02,105 --> 00:10:05,469
อันนี้เงียบที่สุด และพูดตามตรง ผมชอบที่สุดเลยอันหนึ่ง

157
00:10:05,469 --> 00:10:09,849
คุณเอาเมาส์ไปชี้วัตถุ แล้วมันก็ปรากฏขึ้นมา เฉพาะตอนที่คุณขอให้มันโชว์

158
00:10:09,849 --> 00:10:16,070
ขยับเมาส์ออกไป สินค้าก็เลื่อนกลับเข้าที่ มันคือฟุตเทจต่อเนื่องชิ้นเดียวที่ขยับตามตำแหน่งเคอร์เซอร์

159
00:10:16,070 --> 00:10:19,879
ถ้ามีการตัดแม้แต่จุดเดียวในเทคนั้น ปฏิสัมพันธ์ทั้งหมดก็จบเห่

160
00:10:19,879 --> 00:10:23,243
โมเดลรุ่นเก่าไม่สามารถรักษาการเคลื่อนไหวแบบนี้ได้จริง

161
00:10:23,243 --> 00:10:26,671
ๆ แต่ Seedance 2.5 ทำได้ **เอฟเฟกต์ที่ 4: ฮีโร่มีชีวิต

162
00:10:26,671 --> 00:10:30,543
(Living Hero)** อันนี้ง่ายมาก เป็นวิดีโอแบบภาพยนตร์ที่เล่นเบา

163
00:10:30,543 --> 00:10:35,050
ๆ อยู่หลังหัวข้อหลักของคุณ เงียบ ช้า พรีเมียม เทียนที่ริบหรี่ในแสงสีทอง

164
00:10:35,050 --> 00:10:38,605
ไอน้ำลอยจากกาแฟ คลื่นยามพลบค่ำหลังหัวข้อบริษัทท่องเที่ยว

165
00:10:38,605 --> 00:10:42,414
หนึ่งพรอมต์ต่อหนึ่งฉาก **เอฟเฟกต์ที่ 5: เซตแบรนด์ที่สม่ำเสมอ

166
00:10:42,414 --> 00:10:46,413
(Consistent Brand Set)** อันนี้แก้ปัญหาที่เคยบล็อกโปรเจกต์มานาน

167
00:10:46,413 --> 00:10:49,778
สมมติหน้าของคุณต้องใช้ฟุตเทจ 10 ชิ้นที่ต่างกัน ในอดีต

168
00:10:49,778 --> 00:10:53,269
AI แต่ละรุ่นสร้างออกมาแล้วสีเพี้ยนกันนิดหน่อย โทนสีต่าง

169
00:10:53,269 --> 00:10:57,332
ความรู้สึกต่าง หน้าก็เลยดูเหมือนเอาชิ้นส่วน 10 แหล่งมามั่วต่อกัน

170
00:10:57,332 --> 00:11:02,664
แต่ Seedance 2.5 รักษาสุนทรียศาสตร์ของคุณข้ามการสร้างหลายครั้งเมื่อคุณป้อนภาพอ้างอิง

171
00:11:02,664 --> 00:11:05,648
คุณกำหนดลุคของคุณครั้งเดียว เช่น น้ำเงินเข้ม ดำ

172
00:11:05,648 --> 00:11:08,758
แสงเย็น แล้วทุกช็อตหลังจากนั้นก็เข้ากัน ฟุตเทจ 10

173
00:11:08,758 --> 00:11:11,996
ชิ้น แบรนด์เดียว ### กฎฟรี ๆ ที่ต้องรู้ ถึงตอนกฎฟรี

174
00:11:11,996 --> 00:11:17,455
เพราะความจริงที่ซื่อตรงก็คือ การได้ใช้เครื่องมือนี้ไม่ได้ทำให้เว็บของคุณดีโดยอัตโนมัติ

175
00:11:17,455 --> 00:11:20,756
ผมเห็นเว็บที่สร้างด้วย AI เยอะแยะที่ดูแย่กว่าเทมเพลต

176
00:11:20,756 --> 00:11:24,882
เพราะคนทำผิดกฎเหล่านี้ และนี่คือสิ่งที่แยกของพรีเมียมออกจากของขยะ

177
00:11:24,882 --> 00:11:30,087
**กฎข้อที่ 1: รู้จักยับยั้ง (Restraint)** เอฟเฟกต์เคลื่อนไหวหนึ่งหรือสองแบบต่อหน้า

178
00:11:30,087 --> 00:11:33,261
ไม่ใช่เจ็ดแบบ พอทุกอย่างขยับหมด ก็ไม่มีอะไรโดดเด่น

179
00:11:33,261 --> 00:11:36,245
เพราะความเคลื่อนไหวที่อยู่ทุกหนทุกแห่งกลบกันเอง

180
00:11:36,245 --> 00:11:40,244
ความนิ่งรอบ ๆ เอฟเฟกต์เดียวของคุณต่างหากที่ทำให้เอฟเฟกต์นั้นโดน

181
00:11:40,244 --> 00:11:45,703
**กฎข้อที่ 2: สั่งกล้อง ไม่ใช่สั่งอารมณ์** นี่คือความผิดพลาดใหญ่สุดในการเขียนพรอมต์กับ

182
00:11:45,703 --> 00:11:48,687
Seedance ถ้าคุณขอ "cinematic" คุณจะได้ค่ากลาง ๆ

183
00:11:48,687 --> 00:11:51,861
ที่โมเดลเดาว่า cinematic หมายถึงอะไร ซึ่งมันจืดชืด

184
00:11:51,861 --> 00:11:55,543
ดูทั่ว ๆ ไป น่าเบื่อ แต่ให้บรรยายช็อตจริง ๆ แบบผู้กำกับแทน

185
00:11:55,543 --> 00:11:58,717
ระบุการเคลื่อนกล้อง เช่น ค่อย ๆ ดันกล้องเข้า (slow

186
00:11:58,717 --> 00:12:02,018
push in) ไล่ตามมุมต่ำ (low angle tracking) กล้องนิ่ง

187
00:12:02,018 --> 00:12:05,826
ระบุแสง เช่น golden hour (ชั่วโมงทอง) แสงจากหน้าต่างบานเดียว

188
00:12:05,826 --> 00:12:09,699
แสงสะท้อนบนพื้นเปียก ระบุจังหวะด้วย เช่น สโลว์โมชันตอนเปิดเผย

189
00:12:09,699 --> 00:12:14,079
พูดภาษากล้อง แล้ว Seedance 2.5 ฟังคุณจริง ๆ นี่คือหนึ่งในสิ่งใหม่จริง

190
00:12:14,079 --> 00:12:18,268
ๆ ของเวอร์ชันนี้ คุณได้ช็อตที่คุณจินตนาการไว้ แทนที่จะได้วิดีโอสวย

191
00:12:18,268 --> 00:12:21,696
ๆ สุ่มมาหนึ่งอัน **กฎข้อที่ 3: กฎที่ผมสัญญาไว้ตอนต้น**

192
00:12:21,696 --> 00:12:29,187
เอาการเล่นวนซ้ำอัตโนมัติ (auto loop) ออกไป วิดีโอพื้นหลังที่เล่นวนซ้ำไม่รู้จบคือจุดสังเกตใหญ่ที่สุดว่าเว็บนี้สร้างด้วย

193
00:12:29,187 --> 00:12:34,265
AI ทุกคนทำแบบนั้นเพราะมันเป็นค่าตั้งต้น ให้ผูกการเคลื่อนไหวเข้ากับผู้เยี่ยมชมแทน

194
00:12:34,265 --> 00:12:38,201
ไม่ว่าจะเลื่อน ชี้ หรือเคอร์เซอร์ หรือถ้าจำเป็นต้องเล่นเองจริง

195
00:12:38,201 --> 00:12:42,327
ๆ ก็เพิ่มการหยุดพักระหว่างรอบการเล่น การเคลื่อนไหวที่ตอบสนองต่อคน

196
00:12:42,327 --> 00:12:47,279
รู้สึกว่าเป็นสิ่งที่ถูกต้องการ การเคลื่อนไหวที่วนไปวนมาตลอดเหมือนสกรีนเซฟเวอร์

197
00:12:47,279 --> 00:12:51,849
ไม่ดีเลย และกฎข้อเดียวนี้จะย้ายเว็บของคุณจากกองมือสมัครเล่นไปกองพรีเมียม

198
00:12:51,849 --> 00:12:55,341
### เรื่องเครดิตที่ต้องระวัง ขอพูดต่ออีกนิดในประเด็นนี้

199
00:12:55,341 --> 00:12:58,768
เพราะช่องนี้ผมไม่ขายความเวอร์ หรือพยายามไม่ทำ Seedance

200
00:12:58,768 --> 00:13:02,704
กินเครดิตเร็วถ้าคุณสร้างแบบไม่คิดหน้าคิดหลัง นั่นคือเรื่องจริง

201
00:13:02,704 --> 00:13:06,323
แต่กฎข้างบนก็คือตัวแก้: ความยับยั้งแปลว่าคุณต้องการช็อตดี

202
00:13:06,323 --> 00:13:12,797
ๆ แค่หนึ่งหรือสองช็อตต่อหน้า ไม่ใช่ 20 การสั่งกล้องให้ถูกต้องแปลว่าคุณได้ช็อตที่ต้องการตั้งแต่ครั้งแรก

203
00:13:12,797 --> 00:13:16,162
แทนที่จะหวังพึ่งลุ้นภายใน 10 รอบ และถ้าคุณระบุความยาว

204
00:13:16,162 --> 00:13:19,653
ตัวแบบ กล้อง แสง และเสียงทั้งหมดในพรอมต์เดียวตั้งแต่แรก

205
00:13:19,653 --> 00:13:24,033
มันจะออกมาดีขึ้นมาก ให้ปฏิบัติกับการสร้างทุกครั้งเหมือนมันเสียเงินคุณ

206
00:13:24,033 --> 00:13:31,333
เพราะมันเสียจริง ๆ แล้วทั้งระบบจะถูกลงมาก หนึ่งหน้าที่สร้างด้วยวิธีนี้มีต้นทุนต่ำกว่าค่าเวลาหนึ่งชั่วโมงของเอเจนซี่

207
00:13:31,333 --> 00:13:37,237
### ทัศนคติที่อยากให้คุณติดตัวไป นี่คือการเปลี่ยนความเชื่อที่ผมอยากให้คุณเดินออกไปพร้อมกับมัน

208
00:13:37,237 --> 00:13:41,046
ยี่สิบปีที่ผ่านมา เว็บแบบนี้เป็นของบริษัทที่มีงบประมาณมหาศาล

209
00:13:41,046 --> 00:13:44,855
ทีมถ่ายทำ นักออกแบบโมชัน นักพัฒนา นั่นคือกำแพงป้องกันคู่แข่ง

210
00:13:44,855 --> 00:13:49,171
แต่จากเดือนนี้เป็นต้นไป กำแพงนั้นหายไปแล้ว ทักษะย้ายจากมือไปสู่คำพูด

211
00:13:49,171 --> 00:13:55,646
จาก "รู้วิธีเขียนโค้ด" ไปเป็น "รู้วิธีบรรยาย" และหน้าต่างที่สิ่งนี้ยังรู้สึกเหมือนพลังวิเศษก็คือตอนนี้

212
00:13:55,646 --> 00:14:00,725
ขณะที่คู่แข่งของคุณยังคิดว่าเว็บไซต์แบบภาพยนตร์ที่ขยับได้และมีชีวิตต้องใช้ทีมงาน

213
00:14:00,725 --> 00:14:04,089
อีกหนึ่งปีทุกคนจะรู้เรื่องนี้ แต่วันนี้แทบไม่มีใครรู้

214
00:14:04,089 --> 00:14:08,533
### การบ้านของคุณ นี่คือการบ้าน: เลือกหนึ่งหน้าที่สำคัญที่สุดสำหรับคุณ

215
00:14:08,533 --> 00:14:12,405
อาจจะเป็นหน้าแรก หน้าเสนอขาย หรือหน้าจอง แคปหน้าจอเว็บสามเว็บ

216
00:14:12,405 --> 00:14:16,150
หรือหาเว็บตัวอย่างสามเว็บที่คุณอยากให้เว็บตัวเองเป็นแบบนั้น

217
00:14:16,150 --> 00:14:20,149
เชื่อมต่อ Higgsfield กับ Claude สร้างฟุตเทจหนึ่งชิ้นตามกฎข้อที่

218
00:14:20,149 --> 00:14:23,323
2 เชื่อมมันเข้ากับการเลื่อน แล้วปล่อยให้มันโลดแล่น

219
00:14:23,323 --> 00:14:26,942
### ช่องทางช่วยเหลือ และถ้าอยากได้ความช่วยเหลือทุกขั้นตอน

220
00:14:26,942 --> 00:14:29,925
นี่คือสิ่งที่เราสร้างไว้ใน AI Profits Boardroom

221
00:14:29,925 --> 00:14:33,734
คุณจะได้ agent operating system (ระบบปฏิบัติการสำหรับเอเจนต์

222
00:14:33,734 --> 00:14:38,685
AI) ที่ Claude Code และเครื่องมืออื่น ๆ ทั้งหมดของคุณเสียบเข้ากับระบบแบบนี้ได้

223
00:14:38,685 --> 00:14:41,669
เพื่อสร้างเว็บไซต์ มีเครื่องมือวิดีโออยู่ในนั้น

224
00:14:41,669 --> 00:14:45,160
และรันเวิร์กโฟลว์ Seedance นี้ได้จากที่เดียว คุณได้ไฟล์

225
00:14:45,160 --> 00:14:50,175
zip แผนงาน 30 วัน ชุดติดตั้ง บทเรียนวิดีโอ และอัปเดตรายวันตอนที่เราปรับปรุงระบบ

226
00:14:50,175 --> 00:14:54,301
บวกกับคอลให้คำปรึกษาสัปดาห์ละ 4 ครั้ง ที่สมาชิกกำลังสร้างเว็บด้วย

227
00:14:54,301 --> 00:14:57,666
AI อยู่ตอนนี้ พอเอฟเฟกต์เลื่อนของคุณกระตุก หรือเทคจาก

228
00:14:57,666 --> 00:15:00,903
Seedance มีการตัด คุณแชร์หน้าจอ แล้วเราช่วยแก้แบบสด

229
00:15:00,903 --> 00:15:04,204
ๆ ด้วยกันในคอล ลิงก์อยู่ในคอมเมนต์หรือคำอธิบายวิดีโอ

230
00:15:04,204 --> 00:15:08,584
### ปิดท้าย เว็บไซต์ที่เมื่อก่อนต้องใช้ทีมงาน ตอนนี้แค่ต้องใช้บทสนทนา

231
00:15:08,584 --> 00:15:09,600
ไปคุยกันเถอะครับ