本篇來講一個簡單的橫幅動畫製作，效果如下，
這個動畫僅用到了兩張圖片和三個文本。
其中宣傳語和第一張圖片構成第一部分，剩下的標題和另外一張圖片構成第二部分。
注意這裡的圖片已經被剪裁成了相同大小的長條狀，目的是為了模擬一個橫幅（banner）。
此外圖片的背景都比較簡單，這樣不至於干擾到文字的信息。
第一部分的動畫製作如下。
給第一張圖片分別添加三個動畫——進入動畫“淡出”，強調動畫“放大、縮小”，退出動畫“淡出”。具體設置如下，
這樣便實現了圖片放大進入，然後消失的效果，
接著給宣傳語分別添加進入動畫“淡出”和退出動畫“淡出”，參數的設置都與第一張圖片相同，目的是為了實現跟第一張圖片“同時進入、同時消失“的效果。
把文字和圖片中央對齊，來看一下效果
第二部分的動畫製作如下。
第二張圖片的動畫其實跟第一張的完全相同，不同的是第二張圖片要在第一張圖片消失的同時恰好出現。
所以我們只需用動畫刷把第一張圖片的動畫複製給第二張，然後再調整一下第二張圖片動畫的整體延遲即可。
效果如下，
再來看標題，其中白色標題的動畫跟宣傳語完全相同，只是延遲上有區別，具體的製作過程跟剛才第二張圖片的製作類似，不再贅述。
這裡實現的效果是白色標題1與第二張圖片“同時出現、同時消失“，
所有的對象都消失後，當然最後就是標題2出現了。
這裡只用到了一個簡單的“淡出”進入，時間在標題1消失的同時出現。
至此，所有的效果就完成了。
當然了，你完全可以在此基礎上修改和推廣。
比如圖片不用放大，而是用縮小，未嘗不可嘛，
還有，如果背景比較複雜，可以在文字下方加個形狀，
如果你不拘於現有的動畫效果，完全可以在此基礎上加個其他效果，比如下面我加個路徑位移的動畫，
本篇到此結束。
分享到:
閱讀更多 花道PPT 的文章
