Animate CC 網頁動畫與JS互動 - 導引線動畫｜方格子 vocus

導引線動畫

Animate CC Q版騎腳踏車動畫

在交通工具中，就屬腳踏車動畫的細節最多，因為除了輪子的轉動外，人物角色二隻腳來踩動腳踏車踏板是最需要注意動畫細節的，其中包括雙腳的動作與踏板的旋轉，雙腳動作需注意變形中心與補間動畫的應用，踏板的旋轉即是要依靠導引線來控制繞圈旋轉，最後搭配場景上場景元件的移動，即可完成騎腳

哩老師

2020-02-12

0

Animate CC 大自然水滴滴落動畫

在大自然的場景下，除了昆蟲與樹葉的動態表現外，樹葉上的露水滴落往往成為動畫的焦點，因此水滴滴落時的動態表現，不同於雨滴，需要更細膩的表現出來。目標動畫效果:利用影片片段元件與導引線動畫，表現大自然之中的元素動態，包括昆蟲飛舞、葉子晃動、葉上水滴滴落等。使用動畫技巧:

哩老師

2020-02-12

0

Animate CC 花飄落水中動畫

若要表現花飄落的效果，除了落下的軌跡外，最重要的是花在落下的同時是伴隨著細微的旋轉，最後再以導引線控制飄落軌跡與搭配落入水中時的水紋，即可完成！目標動畫效果:搭配影片片段元件與導引線的使用，加上水紋與移動的安排，來完成花落入水中的各個細節。使用動畫技巧:影片片段元件、

哩老師

2020-02-12

0

Animate CC 遮色片細膩繪圖動畫

【檢視範例】【下載範例】目標動畫效果:應用影片片段元件與傳統補間動畫，以及應用逐格動畫的遮色片動畫技巧，細膩表現繪圖內容的動態呈現。使用動畫技巧:影片片段元件、傳統補間動畫、形狀補間動畫、逐格動畫、遮色片動畫、導引線。 Step1. 範例檔元件庫中包含了所有將進行遮色片繪圖的影片片段元件（

哩老師

2020-02-07

0

Animate CC 蝴蝶飛舞動畫

【檢視範例】【範例下載】關於逐格動畫最常使用的時機，其實就是當無法以補間動畫方式來呈現的動畫，就得退而求其次的以逐格動畫呈現，即是逐一安排關鍵影格的動畫內容來呈現出動畫，當然就需要搭配適當的變形編輯與動畫內容的準備。目標動畫效果:由逐格動畫搭配變形編輯與傳統補間動畫導引線，製作蝴蝶循移動軌跡飛

哩老師

2020-02-07

0

Animate CC 漸層光束刻字動畫

【檢視範例】【下載範例】以漸層繪製的光束來表現移動的同時，出現文字框內容，表現光束刻畫出文字框的動畫。應用的方式是結合導引線控制光束移動，同時以遮色片逐格動畫方式控制文字外框內容的顯示，只要搭配得宜即可完成漸層光束刻字。目標動畫效果:導引線控制光束移動，搭配遮色片控制文字外框的顯示，時間點搭配

哩老師

2020-02-06

0