注:本教程所用PPT為2013版本,10版本,16版本,19版本同樣適用。
本期介紹一個旋轉上升的LOGO動畫,先來看一下效果:
下面來具體分析。
1. 用到的素材
很簡單,一張logo圖片,一行文字標語
2. 素材加工——圖片切割
從效果裡可以看到,logo圖片被“分塊”了,所以我們講解動畫之前先把圖片進行切割。
首先插入幾個相同的矩形(這裡我插入了4個),
將4個矩形全選,依次點擊右上角的格式——對齊——水平居中,
再來一次縱向分佈對齊,
將經過兩次對齊後的矩形和logo圖片重疊擺放,
按住shift,依次選中圖片和四個矩形(一定要先選圖片哦),然後點擊右上角的格式——合併形狀——拆分,具體操作可見下方的動圖,
這時logo圖片就被切分成9快啦,需要注意,這裡多了一些不必要的切片(下圖中黑色框裡),把它們刪掉就OK了。
3. 添加動畫
觀察案例中的效果可以發現,每一個分塊的動畫可以由三部分組成:
淡出動畫 + 旋轉動畫 + 路徑動畫(上移)
我們首先給最上方的分塊添加這三個效果。
選中最上方的分塊,依次點擊
動畫——添加動畫——淡化,具體操作如下打開“動畫窗格”,選中剛才添加的動畫,將其時長設為1.75s,開始方式為“與上一動畫同時”,具體操作如下,
這時,淡出進入動畫就添加完畢了。
繼續選中最上方的分塊,依次點擊動畫——添加動畫——更多進入效果——基本旋轉,同樣把“時長”設為1.75s,開始方式為“與上一動畫同時”,具體操作如下,
此時,旋轉動畫 也添加完了。
繼續選中最上方的分塊,依次點擊動畫——添加動畫——直線路徑,同樣把“時長”設為1.75s,開始方式為“與上一動畫同時”,具體操作如下,
在動畫窗格中選中路徑動畫,調整路徑的長度,並設置“效果選項”為“翻轉路徑方向”, 具體操作如下,
至此,三個動畫都添加完了,讓我們來看看剛才完成的效果,
OK, 接著選中最上方的分塊,點擊動畫——動畫刷,然後再點擊下面的分塊,這樣就把動畫複製給下面的分快了,具體操作如下,
此時的動畫窗格里是這樣的,
我們選中後三個動畫,然後把延遲設為0.08s(此數值僅供參考),具體操作如下,
這樣做的目的是讓兩個分塊依次出現,效果如下,
最後重複剛才的操作,把剩下的分塊和文字都複製上相同的動畫,並調整延遲,就完成最終的效果啦。
本期教束,期待下次再見。
閱讀更多 花道PPT 的文章