iT邦幫忙

2025 iThome 鐵人賽

DAY 11
0

昨天搞定了《三隻小豬懶人包》的雙版本草稿,今天要來進一步升級成「圖文並茂」版本 ✨
讓文章更有畫面感、角色更鮮活,順便測試我心中的角色美術風格能不能透過 AI 實現!


🖼️ 視覺也要懂故事!為什麼我要搭配 AI 繪圖?

我希望這個網站不只內容要白話易懂,畫面也要吸睛又有感
雖然「三隻小豬」的故事大家都耳熟能詳,但這次是重新包裝成區塊鏈 + 存錢方式的故事,畫面當然不能只是找現成素材,要有對應場景、角色設定、劇情氛圍,才能讓故事完整立起來。
這時候就得請出 AI 工具來當我的創作好幫手啦 🪄

今天實驗了幾個方向:

  • 🐷 如何設定三隻小豬角色形象與個性?
  • 🏦 每一種存錢方式(銀行、自藏、鏈上)該搭配什麼場景最有戲?
  • 📊 專家模式中的表格圖表,有沒有可能也用 AI 繪製得清楚又吸睛?

🔧 我用到的工具有哪些?

本來打算使用 Lexica.art ,沒想到付費方案就在最近過期啦,
似乎暗示可以先轉戰其他套 AI 工具試試了。
於是順勢轉向 Sora ,剛好我有訂閱 ChatGPT,沒想到一試用 Sora 發現質感也頗好,一試成主顧

  • 畫面質感很不錯,也容易調整風格
  • Remix 功能讓我快速修改角色動作、視角與構圖
  • 雖然速度稍慢,但產出質感不輸 Lexica

最後決定:這次的主產圖工具就交給 Sora!
必要時再用 Photoshop 補強細節,或裁切成適合的網頁比例。

🧪 嘗試 Prompts 範例:

3D render, wearing the pig + batman outfit, heroic pose

🔍 提示技巧小筆記:

  • 記得用英文,效果準確度高非常多!
  • 加上光線、風格(storybook style、cinematic scene)會大幅提升圖像完成度
  • 指定角色的「衣著、動作、情境」是保持一致性的關鍵


🎯 AI 圖像挑戰:

  • 難點 1:角色一致性
    AI 生圖每次風格略有差異,我用固定視角、同一風格描述語法 + Sora 的 Remix 功能,多試幾次之後,終於讓三隻豬長得像一家人了!

  • 難點 2:資訊圖表圖像化
    專家模式需要表格、對比圖,我用 Figma 做初稿,再試著用 AI 輸出帶插畫風格的版本


📖 搭配的文章段落有哪些?

目前搭配插圖的段落包括:

  • 三隻小豬角色登場:三隻不同個性的豬 + 背後代表的存錢方式
  • 大野狼駭客現身:戴墨鏡的駭客狼,對比三種存錢方式的防禦力
  • 豬們辯論會:對話框插圖,呈現三隻豬的立場與爭論
  • 表格比較區塊:銀行、自藏、區塊鏈三種方式的圖像呈現

💡 下一步:動畫&互動怎麼來?

這次雖然主要是靜態圖,但我已經在構思:

  • 用滑塊元件來做「小白 vs 專家」模式切換
  • 插圖搭配動畫出場效果(例如滾動出現)
    等到文章內容穩定後,我會進一步整合進首頁或內文的互動模組中 🧩

🧠 小結

今天完成了第一波 AI 圖像產製任務,角色總算登場,畫面也逐漸到位了!
這些圖將不只是裝飾用,而是支撐故事節奏、強化概念傳遞的關鍵元素。
我會把它們用在首頁區塊、文章內文、甚至之後的動畫與短片中,讓整個網站更具一致性與吸引力 🌟


上一篇
📚 [DAY10] 第一篇文章:專家版補完計畫!同一篇文章不同視角
下一篇
🧱 [DAY12] 文章內頁排版!小白 / 專業切換機制規劃
系列文
用最白話的方式,帶你認識區塊鏈、Web3 與元宇宙的童話冒險!12
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言