保姆級教程！AIGC視頻工具玩轉3D動效

本文授權轉自：阿里健康設計（ID：aljkdesign）

當Sketch遇上AIGC動效工具，設計師的加班時代正在終結，生成動態的界面動效，這波生產力革命你趕上了嗎？

1. 引言

AIGC是這幾年最大的創意紅利，我在項目里首次接觸AIGC，通過短期的技術摸索沉淀，結合各個模型的特征和利弊，在短短的一周之內同時需要完成多線任務的情況下，最大程度實現了AI在“創作控制”和“落地項目”的平衡，對于畫面的藝術性和趣味性，品牌的張力上，都力求達成一份完美的AI融合。

參與的減重戰役項目中，通過借助AI技術高效生成風格統一且情感共鳴的動效素材，智能展現人物形象及動態瘦身效果，增強用戶減重信心。實踐表明，動效生成周期縮短70%，驗證AIGC在界面動效的有效應用。分享一個最近做的典型案例，具體需求如下圖：

2. 準備工作動效腳本設計

如何通過動態素材去表達合適的減重主題，就需要通過對畫面元素的合理拆解，提煉AI可覆蓋的素材生成，制定相應動畫素材生成策略。

工具測評

對當前流行的圖片生成AI工具進行了測評并總結如下：

生圖表現：Chatgpt是我測評所有的生圖軟件里比較高效的快速的軟件，他的優勢很明顯，在所有的生圖軟件里，優勢為聽得懂人話，具備兜底的設計能力。

動態視頻表現：可靈視頻表現令人驚嘆，無論是被詬病的手部動作（“Ai不會畫手”），還是人物的表情變化，可靈都處理得相當出色。尤其是近景特寫，沒有明顯的Bug。

3. 動效SOP工作流說明

經過項目的復盤，總結了一套生成動效的SOP，主要分為4個步驟，包含生成分鏡素材、合成動態視頻、視頻細節調整、落地輸出。

工具推薦

Chatgpt（需要購置會員）、可靈（有新人贈券+購置會員）、Photoshop、Adobe After Effects

SOP-1 生成分鏡素材

制作減重動效需要人物素材，因此通過找參考、墊圖換衣服、墊圖換臉等方法生成人物基底角色形象圖，然后基于基底圖生成胖瘦的兩個狀態（形象+動作），通過對基底圖進行墊圖來保證胖瘦形象的一致。

以下為通過chatgpt墊圖生成基底圖及胖瘦兩個狀態的靜態圖片素材，作為后期視頻合成的素材。

用到3個鏡頭的素材，用基底生成胖、瘦兩個動作

SOP-2 合成動態素材合成素材探索案例嘗試

綜合測評中，因可靈支持「文生視頻」、「圖生視頻」以及「首尾幀」，所以選為生成視頻的工具。

• 可設置多種參數來控制視頻生成效果：包括運鏡控制、生成模式（高性能、高表現）、添加尾幀、想象力及相關性控制等，最長可延長視頻至10分鐘。

• 首尾幀：可靈目前還沒有控制變量（控制隨機種子）的功能，若覺得生成的視頻效果還不錯，想在此基礎上保留原有效果再生成一段類似效果，只能重新抽卡。測試下來可靈中的「首尾幀」是可控性比較強的模型，可以通過首張首尾兩幀圖作為定量，加以中間的轉場動效完成轉變，因此需要利用這個特性完成項目。

在合成視頻中，嘗試了多種提示詞，發現提示詞的結構很大程度上會決定效果成敗，因此在摸索中不斷找到合適的提示詞公式，自后提煉出提示詞公式，我們來看一下探索過程中的案例，希望對你如何生成動態視頻素材提供參考價值，以及給到我實踐下來針對項目比較合適的提示詞公式。

接下來開始進行合成動態素材的操作步驟，如下圖：

案例一

提示詞：兩位卡通人物在運動場中同步進行網球揮拍與室內騎行蹬踏，左側人物揮動綠色網球拍擊打彈跳的網球，右側人物規律地蹬踏健身車車輪旋轉，固定鏡頭展現夸張肢體動作與趣味互動。右側人物男生和左側人物女生，同時順時針緩慢轉圈一周，身體從肥胖逐漸變瘦，全身散發白色粒子閃光，透明背景，8K高清，電影質感。

思考：避免動作復雜，避免多人運動，提示詞的從句比較多，AI難以理解。需要再次優化提示詞。優化思路：嘗試換成1個人去做動作，單人做動作控制，要比雙人效果的效果好一些，但是還是會出現羽毛球拍的扭曲和變形。旋轉的提示詞要明確，是原地旋轉還是轉一圈旋轉，旋轉的角度和頭身的變化。

案例二

提示詞：一位微胖的女性，身穿白色運動T恤和綠色運動短褲，保持叉腰動作在原地旋轉360度，身材從微胖到瘦，身材逐漸變得苗條，用時1.5秒。轉完圈以后變瘦同時兩手張開，固定鏡頭3秒。頭繩為深草綠色跟褲子同色。

不希望呈現的內容：變形、面部表情、不必要的動作、跳躍、擺動

思考：提示詞描述的前后順序跟著動畫的幀數前后順序變化，改變動作前后的順序，避免長句，動作拆解變化要跟著幀的前后關系走，方便AI通過短句理解并完成動態前后變化素材準確生成。

案例三

提示詞：一位微胖的女性，身穿白色運動T恤和綠色運動短褲，身材從微胖到瘦且原地旋轉360度用時1.5秒。變瘦完成后固定鏡頭3秒。頭繩為深草綠色跟褲子同色。

思考：該視頻比較符合預期目標，并且發現提示詞的基本規律滿足公式Prompt=主體（主體描述）+運動+視角+（鏡頭語言+面部表情）。

案例四

提示詞：一位微胖男性，身穿運動服和綠色運動短褲靜止站1秒，搖擺身體用時1.5秒慢慢變得苗條，固定姿態定格靜止3秒并揮手搖擺比肌肉。固定鏡頭。

總結提示詞公式

動效提示詞公式=【主體】+【主體描述】+【視角】+【鏡頭語言】+【面部表情】

• 一致性：用同一人物、相同服裝等詞鎖定角色特征，避免變形錯亂。

• 動態強化 ：加入如發絲飄動、衣擺飛揚等細節增強動感。

• 時間控制：通過0.5秒過渡、首尾各1秒指定時長。

• 簡化描述：避免復雜從句，用逗號分隔短句，提高AI識別率。

SOP-3 AI生成素材細節調整

為了能夠對視頻細節進行調整，需要將生成的AI視頻蘇詞啊導入到ps中做細節處理，其中包括視頻中不需要展示的某些幀數、時長調整以及背景透明的批量化處理。

① 文件導入

• 文件/導入/視頻幀到圖層

• 選中導入視頻素材/打開

• 將視頻導入圖層/默認選項/確定

② 設置時間軸

• 點擊窗口/時間軸

• 圖層幀選擇無延遲

③ 對素材細節進行微調&批量化處理

• 對不必要的視頻內容進行刪幀

• 對圖層進行背景透明化批量操作

• 將時間軸轉換為視頻時間軸

④ 輸出GIF

• 將時間軸轉換為視頻時間軸

• 保存Web所用格式（舊版）

SOP-4 落地輸出AE：視頻細節進一步調整&輸出PNG格式

素材導入到AE里再做細節的進一步調整，導入AE中做微調和輸出處理，添加裝飾元素，按照導出切圖的大小給到開發。其中AE中關鍵幀的打法的教程網上有很多，大家比較熟悉就不贅述，僅做流程步驟的闡述。

PS：將AE生成的圖層導入到PS中進行GIF格式轉換并導出

因為需要將AE生成的動態視頻轉換成GIF格式，所以需要把素材導入ps進行進一步的輸出。操作步驟如下：

① 選擇【腳本】選擇【將文件載入堆?！?/p>

② 創建時間軸

③ 轉換幀-轉換視頻動畫

④ 從圖層建立幀

⑤ 反向幀

⑥ 轉換為視頻時間軸

⑦ 導出-存儲為web所用格式（舊版）

4. 對于應用AI動效的思考

該項目總結出來的3D動效SOP工作流，可以廣泛擴展到私域其他場景，動態素材的擴展場景應用舉例如下圖：

AI作為超級助手，提升了設計師效率，卻無法替代其核心創意與動效的情感敘事掌控力，如同CGI取代不了導演。

在科技浪潮奔涌向前的當下，人工智能正深刻重塑我們的生活與工作。人機之間的關系，也從簡單交互邁向深度協作。想知道如何在這一趨勢下把握體驗設計的新方向嗎？2025 年 10 月將在北京舉辦的 IXDC 國際體驗設計大會聚焦 “人機共生：人工智能時代人機協作新范式” ，作為全球領先的用戶體驗創新盛會，它將匯聚前沿理念與實踐。一起來關注這場盛會，探索人機協作的無限可能。

文章轉載：阿里健康設計，版權歸原作者所有

原文鏈接：https://mp.weixin.qq.com/s/UMZ3MxYRGZzPK5S8nrDFhQ

版權聲明：“IXDC”所推送的文章，除非確實無法確認，我們都會注明作者和來源，本公眾號對轉載、分享的內容、陳述、觀點判斷保持中立，不對所包含內容的準確性、可靠性或完善性提供任何明或暗示的保證，僅供讀者參考。部分文章推送時未能與原作者取得聯系，若涉及內容或作品等版權問題，煩請原作者聯系我們，給出內容所在的網址并提供相關證明資料，我們會核查后立即更正或者刪除有關內容！本公眾號不承擔任何責任，并擁有對此聲明的最終解釋權。

聯系微信：18802086168

聯系電話：18802086168

編排 | 黃春燕

終審 | 蘇 菁

點這里，學習更多設計知識！