在這個教程里，將會練習如何把二維圖片轉變成三維場景，以及如何利用父子層關系來制作關鍵幀動畫，還有簡單的表達式來實現無限循環運動，以及利用空間差值讓蝴蝶的運動顯得平滑自然。教程中所涉及的ae操作都很初級，非常適合AE初學者練習。

1、準備好蝴蝶圖片，并在photoshop中將蝴蝶的左翅膀、右翅膀和身體分作三個獨立的圖層，并分別命名為“左翅膀”、“右翅膀”、“身體”。

ps：在ps中的摳圖工作這里就不贅述了，小伙伴們可以選擇擅長的方法，po主就直接磁性套索工具+調整邊緣來做的。因為每個蝴蝶從平面到三維飛舞的制作方法都是一樣，只要按照創作需要設定特定的飛舞路徑即可，所以教程僅以一只蝴蝶的制作為例，以此類推。

2、打開AE。然后，以合成的方式導入分層的蝴蝶素材，并打開此合成。操作為執行文件>導入>文件，或者直接使用快捷鍵ctrl+i，打開導入對話框，選擇上一步制作好的蝴蝶素材，按如下圖示操作：導入種類選擇“合成”，圖層選項選擇“可編輯的圖層樣式”，然后點擊確定。

3、如圖示，分別打開三個層的3D層開關，將二維素材轉換成3D層。

4、選中“向后平移（錨點）工具”，逐一選中“左翅膀”和“右翅膀”將它們的錨點移動到各自的關節位置，在選中“身體”層將錨點一動到中心位置。圖示僅列出左翅膀的操作，其它方法相同。

5、開始設置關鍵幀屬性。分別將左翅膀和右翅膀的Y軸旋轉屬性設置成-70°和+70°，并在起始位置記錄關鍵幀。將時間指示標移動到第10幀的位置，再講兩個層的Y軸旋轉屬性分別設置成+70°和-70°，ae會自動生成關鍵幀。此時，完成了蝴蝶翅膀的一次扇動。

ps：修改屬性參數方法是一樣的，所以圖示只列出起始位置的設置。

6、通過關鍵幀差值的設置讓翅膀的扇動更自然。在關鍵幀設置中，無論是空間還是時間的差值默認都是線性的，即運動是走直線的，速度是勻速的，但是自然界往往都是曲線的，都是非勻速的，所以要對差值進行設置。首先，按住shift鍵，鼠標單擊選中上一步記錄的四個關鍵幀，執行動畫>關鍵幀輔助>緩動，或者直接按住F9快捷鍵。

7、利用表達式，讓翅膀的扇動可以往復循環起來，簡單說就是一直扇啊扇的。左翅膀和右翅膀的操作是一樣的，以左翅膀為例，選中左翅膀層Y軸旋轉屬性，執行動畫>添加表達式，或者按住快捷鍵alt+shift+=，輸入表達式語句“loopOut(type="pingpong",numKeyframes=0)”。即實現了翅膀一直扇動的效果。

8、利用父子層關系，將左翅膀層和右翅膀層與身體層組成一體，這樣只要設置身體層的關鍵幀動畫，整個蝴蝶就一起運動了。如圖示，將左翅膀和右翅膀兩個層的父層設置成身體層。

9、為“身體”層設置運動路徑，也就是整個蝴蝶的飛行路徑。身體的運動路勁的關鍵幀設置方法上同第五步對左翅膀Y軸旋轉屬性的設置是一樣的，遵循關鍵幀越少運動越平滑的原則，實際上只需要設置始末位置的關鍵幀，路徑則可以利用關鍵幀差值進行調節。運動過程，當然也可以對蝴蝶的大小等屬性進行關鍵幀甚至，以增加運動的豐富性。

10、為了增加畫面豐富性，可以按照自己想法為合成添加一個背景層，當然可以是動態，也可以是靜態啦，然后再按照以上方法制作其他蝴蝶，最后可以完成蝴蝶飛舞的小動畫，也可以配上背景音樂。