效果圖

我們還是繼續來練習鋼筆工具，今天我們用的是修剪工具，這個功能也是讓路徑變為動畫效果的功能之一，也算比較實用的

教程

1、

• 首先開啟我們的AE

• 新建一個合成，1080*660px，持續時間暫時定為10秒，後面可以調小的，畫布顏色為白色

3、

• 點選鋼筆工具，將填充關閉，描邊15左右，在畫布上繪製一個箭頭（還不會用鋼筆工具的，請看我上一篇文章，裡面有教程的）

• 然後點選形狀圖層1-內容-形狀-描邊，將裡面的線段端點改為圓頭端點，將線段連線改為圓角連線
• 每個圖層都這樣做

4、

• 開啟直線圖層，我們找到內容旁邊的新增-修剪路徑

• 然後我們將時間線移動到1秒
• 我們再開始和結束分別打上兩個關鍵幀
• 在移動到2秒位置
• 將開始調為49.9%，結束調為50.1%，這樣才能讓我們中間的線看起來圓滑
• 如果我們全部調為50%的話，那中間的線段就會消
• 並將所有的關鍵幀設定緩動（快捷鍵：F9）

5、

• 點選形狀圖層2-內容-形狀-路徑，我們在2秒的地方打一個關鍵幀
• 然後將時間線移動到2秒15幀，拉動中間的點，將線段拉平
• 然後向前移動2幀，打上關鍵幀
• 在向前移動2幀，我們將中間點向上拉，超過中間圓
• 這個過程是為了讓這個路徑有彈簧效果
• 同時將所有關鍵幀打上緩動

6、

• 我們點選橢圓工具，畫一個大於箭頭的圓
• 然後我們開啟變為圓點的直線圖層-內容-形狀-路徑-路徑
• 我們在最後一幀的位置，為圓點的路徑打一個關鍵幀
• 將時間線移動到3秒，我們將圓點向上移動，超過大圓
• 然後將時間線移回3秒05幀，讓圓點與大圓重合

7、

• 複製一層大圓圖層，我們將複製的大圓圖層，在3秒05幀的位置設定入點（快捷鍵：alt [）
• 然後將原大圓圖層內容-變換-不透明度降低

8、

• 點選設定了入點的圖層，我們為圖層新增修剪路徑
• 然後在3秒05幀的位置，將開始和結束打上關鍵幀，並將2個屬性值都調為50%，偏移調為180度（如果不調偏移，那動畫就是從下方開始的，大家可以去試試）
• 然後將時間線移動到4秒05幀，將開始調為100%，結束調為50%
• 將路徑的線段端點改為圓頭端點
• 這樣我們圓這部分的動畫效果就做好了
• 併為圓的關鍵幀新增緩動效果

9、

• 我們回到3秒05幀
• 點開直線圖層，為圖層新增一個修剪路徑
• 並在開始和結束打上一個關鍵幀
• 然後將時間線移動到4秒
• 將開始調為49.9%，結束調為50.1%
• 並將所有關鍵幀加上緩動效果

• 點選直線圖層，我們按P，彈出位置屬性
• 將時間線移到4秒，我們在位置屬性打上關鍵幀
• 然後移動到4秒15幀
• 我們為2個關鍵幀加上緩動效果

10、

• 點選鋼筆工具，在4秒15幀的位置
• 我們分別畫兩條直接路徑，並設定入點（快捷鍵：alt [）
• 然後都將直線的線段端點改為圓頭端點
• 並新增修剪路徑，在4秒15幀為結束屬性打上關鍵幀，並調為0%
• 拉到5秒位置，將結束值拉到100%
• 並將關鍵幀加上緩動效果
• 兩條線段都是一樣的做法，我這裡就不分開說了

11、

• 這樣我們的修剪路徑動畫就做好了

結語：今天我們主要是鍛鍊邏輯能力還有修剪工具的熟練度