我來分享HTML5插入曲線變形動畫的操作步驟

相信很多朋友都遇到過以下問題,就是HTML5插入曲線變形動畫的操作步驟 。。針對這個問題,今天本站小編就搜集了網上的相關信息,給大家做個HTML5插入曲線變形動畫的操作步驟 。的解答 。希望看完這個教程之后能夠解決大家HTML5插入曲線變形動畫的操作步驟 。的相關問題 。
今天我們來學習一下HTML5插入曲線變形動畫的操作步驟,有不清楚的小伙伴,一起來學習一下吧 。
HTML5插入曲線變形動畫的操作步驟

我來分享HTML5插入曲線變形動畫的操作步驟


首先在第一幀畫一個圓,然后在該圖層的后面數幀后插入幀:
【我來分享HTML5插入曲線變形動畫的操作步驟】
我來分享HTML5插入曲線變形動畫的操作步驟


然后在該處右擊選擇“插入曲線變形動畫”:

我來分享HTML5插入曲線變形動畫的操作步驟


此時該時間單元的顏色會改變,如下圖:

我來分享HTML5插入曲線變形動畫的操作步驟


同時該幀會產生一個紅色的關鍵幀 。在該關鍵幀處,選中舞臺上的圓形后,點擊左側工具條中的節點按鈕:

我來分享HTML5插入曲線變形動畫的操作步驟


此時舞臺上的圓形的節點會顯示出來:

我來分享HTML5插入曲線變形動畫的操作步驟


選中節點,并通過拖動節點改變圖形的形狀:

我來分享HTML5插入曲線變形動畫的操作步驟


修改完后,已經變成一個完全不同的圖形:

我來分享HTML5插入曲線變形動畫的操作步驟


完成,保存,并預覽動畫 。
以上就是HTML5插入曲線變形動畫的操作步驟,希望大家喜歡 。

    推薦閱讀