這是 aogl.cn 上的一篇角色設計歸檔,記錄我真實在用的同一套流程:四視圖 turnaround(正、左、背、右)、編號角色探索稿 character0–6、完整行走關鍵幀 walk1–9、可在瀏覽器裡操作的walk.html 行走演示,以及多段 MP4 動態測試。文件夾裡還保留兩張生成式錨點圖,方便外部分發與圖像檢索仍能對上同一視覺身份。
四視圖 turnaround(正側背右)
四張 PNG 在無透視漂移的前提下鎖定剪影與服裝閱讀;利於 SEO 的關鍵詞包括 角色四視圖、orthographic、設定表。
探索稿 character0–6
七張靜幀作為進入動畫前的姿態與比例檢查點;文件名 character0.png … character6.png 便於 CDN 與版本對比。
交互式行走演示(walk.html)
下方嵌入頁在畫布上播放行走素材,並用 ← → / A D 控制方向;配合本段文字,有利於作品集展示與檢索理解頁面主題。
original/character/walk.html(源視頻 walk-video.mp4)。行走循環靜幀 walk1–walk9
九幀對應經典步態分解;替代文本寫明幀號,兼顧無障礙與「行走循環 第 N 幀」類長尾檢索。
旋轉與行走動態(MP4)
以下視頻位於 original/character/;需瀏覽器支持 H.264,無法播放時可下載本地查看。
turn_around-v.mp4 — 旋轉 / 展示向動態。walk-video.mp4 — 與上方畫布演示同源參考。character-video1.mp4 — 追加動態研究。生成式錨點圖
兩張 Gemini 導出與手繪表並列,作為氛圍錨點;不替代四視圖正文,但有助於覆蓋「AI 角色設計」等相關檢索。
目錄內其它素材
turn_around3.png、turn_around4.png、character-video2.mp4 / character-video3.mp4 及「生成圖片」系列等仍在同目錄,供線下審片;本文選取最清晰的教學路徑呈現給人與搜索引擎。