用 ChatGPT Astra 整一個$70000 網站|唔識 Coding 都做到(廣東話)
Autobrand
0:00 / 0:00
用 ChatGPT Astra 整一個$70000 網站|唔識 Coding 都做到(廣東話)
108 просмотров · 1 мес. назад
Autobrand
985 подписчиков
108 просмотров · 1 мес. назад
喺呢條【AI Website 製作教學】,我會教你點樣用 ChatGPT、Codex 同 AI Skills,由幾張 Reference 圖片開始,設計 Story、生成影片,再整合成一個電影級嘅 Cinematic Scrolling Website
今次會用到 Cinematic Scroll Story 同 Taste Skills,幫你將原本需要大量設計、剪片同 Coding 嘅工作交畀 AI 完成。由 Story planning、Character Sheet、AI Video Generation,到最後 Landing Page 設計,全部可以用一個完整 workflow 做出嚟。
你唔需要由零開始識寫複雜嘅 Prompt,亦唔需要自己逐步設計所有 Animation。只要準備幾張你鍾意嘅 Reference 圖片,再跟住 Skills 嘅流程,AI 就可以幫你建立一個有 Story、有 Transition、同埋可以隨住 Scrolling 播放嘅互動網站。
今集影片會教你:
✅ 點樣用 ChatGPT Desktop/Codex 開始製作 AI Website
✅ 下載同使用 Cinematic Scroll Story Skill
✅ 用 Reference 圖片建立一個完整嘅 Website Story
✅ 用 Character Sheet 保持人物風格一致
✅ 用 AI Generate Video 同 Cinematic Transition
✅ 點樣將幾張圖片發展成一條完整影片
✅ 用 Taste Skills 改善 AI Website 嘅設計質素
✅ 加入 Scrolling Text、Landing Page 同 Interactive Effect
✅ 點樣避免網站出現一般 AI Design 嘅感覺
✅ 由 Concept、影片到最終 Website 嘅完整製作流程
👇 今集影片提及嘅 Skills、Resources 同 Design Files,可以喺我哋嘅 Skool Community 免費攞到 👇
https://www.skool.com/autobrand-7514
如果你代表公司,或者有 AI、自動化、Website Design、Landing Page
等合作需要,歡迎預約 Meeting,同我哋傾下你嘅項目:
https://autobrand.site/
⏱️ 章節
00:00 今集會整一個電影級 AI Website
00:31 ChatGPT Desktop 同 Cloud 版本有咩分別
02:42 先睇兩個 Website 嘅實際效果
04:17 下載 Skills,同 AI 開始製作流程
05:05 揀 Reference 圖片同建立視覺方向
06:20 用 AI 設計 Website Story
07:56 Generate Character Sheet,保持人物一致
09:48 用 AI Generate Website 所需影片
11:55 將幾張圖片組合成 Cinematic Video
13:55 檢查影片,同 AI 修正畫面問題
15:42 用 Taste Skills 改善 Website Design
17:26 完成 Landing Page,同 AI 進行最後調整
🛠️ 影片提及工具
ChatGPT / Codex
Cinematic Scroll Story Skill
Taste Skills
Skool Community
Pinterest
AI Video Generation Tools