目標動畫效果:使用圓形漸層影片片段元件做為煙的構成內容，搭配在影片片段元件內製作多重的煙元件向上移動，只要安排得宜，即可完成頗具效果的熱騰騰煙霧。
使用動畫技巧:影片片段元件、傳統補間動畫、外框編輯。
Step1.
在範例檔之中，元件庫內的漸層圓影片片段元件，為使用放射狀漸層填色所繪製。新增影片片段『煙霧』，在影片片段內拉入漸層圓圖像元件，於影格80處插入關鍵影格，縮小關鍵影格1上的圓形漸層並略成長橢圓，點取關鍵影格80上的橢圓漸層，設定元件alpha=0 %，並且向上移動約200像素，加入傳統移動補間動畫，設定加/減速：100。
Step2.
選取整個移動補間動畫並執行複製影格，新增多個圖層，依序在每個圖層上不同的起始影格位置『貼上影格』，整理右側多餘影格，複製出多個圖層的逐漸上生並消失的煙霧。
Step3.
依序點取每個圖層上的頭一個關鍵影格上漸層圓，任意的上下左右移動其位置（時間軸上切換為外框編輯模式），同樣的對每個圖層上的最後一個影格，也進行漸層圓的位置調整，任意的上下左右移動其位置。
Step4.
回到場景上新增圖層，拉入煙霧影片片段，並將煙霧影片片段略微放大，二圖層於影格100處插入影格。
新增多個圖層，依序在每個圖層上置入不同的放大煙霧（可以切換為外框編輯模式），最後選取每個圖層的第一個關鍵影格並向後移動，安排不同的開始時間，完成較自然排列的煙霧。
相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果
