作者/菜 花

編輯/肖 灑

小夥伴們，好久不見！我是菜花~

今天分享一個動畫組合，

適用於頁面需要依次展示多張圖片

重點是這個動畫效果真的超簡單，只需要2步就能完成，學會後再多的圖片也沒在怕啦~

廢話不多說，動畫效果開整！

01

動畫效果解析

我們提取兩張圖片單獨檢視動畫效果

可以看到第一張圖片被壓縮消失的同時，第二張圖片伸展出現，

二者同時發生形成的動畫效果

是不是感覺沒那麼複雜，接下來我們一步步完成這個效果

02

準備圖片素材

第一步是這個動畫比較關鍵的步驟，因為圖片展示的過程是有順序性的

我們在開始製作前，有兩點需要注意：

①

要統一圖片大小

②

要確定圖片展示順序

這裡方便大家瞭解我的圖片展示順序，這裡將圖片打上了序號，按照序號進行動畫新增，小夥伴對序號不必在意

03

新增動畫效果

第一步：

選擇第一張圖片新增

【進入動畫】

的

【淡化】

效果。再次選擇第一張圖片，新增

【退出動畫】

的

【層疊】

效果

這裡我們需要將引數修改一下，

【效果選項】

改為

【到左側】

，

【開始】

改為

【與上一項動畫同時】

，

【持續時間】

改為

1秒

，並且新增

1秒

的

延遲

第二步：

選擇第二張圖片新增

【進入動畫】

的

【伸展】

，

【效果選項】

改為

【自右側】

，

【開始】

改為

【與上一項動畫同時】

，

【持續時間】

改為

1秒

再次選擇第二張圖片新增

【退出動畫】

的

【層疊】

，

【效果選項】

改為

【到左側】

，

【開始】

改為

【與上一項動畫同時】

，

【持續時間】

改為

1秒

，並且新增

3秒

的

延遲

為什麼是3秒的延遲呢？因為需要比之上一個動畫時間多2秒，上一個動畫延遲是1秒，所以總共是3秒的延遲

第三步：

將圖片二的動畫使用動畫刷貼上到圖片三，將

【進入動畫】

的

【伸展】

設定為

【與上一動畫同時】

將

【退出動畫】

的

【層疊】

在原來的延遲時間上，再新增

2秒

的

延遲

，例如原來延遲為3秒，則改為5秒的延遲

第四步：

圖片四也是按照第三步的操作，使用

【動畫刷】

貼上動畫效果，修改動畫延遲

最後再把所有的圖片

居中對齊

，效果就完成啦

如果想讓最後一張圖片停留在頁面，把最後一個

【退出動畫】

的

【層疊】

效果刪除即可

我是菜花，希望你能學會這個動畫，拜拜~

獲取原始檔新增文末的微信回覆

【輪轉動畫】

即可獲取~

系統學習PPT可以關注我們的圖書

《PPT之光》

噢~

購買後新增下方微訊號

回覆

“PPT之光”

即可獲取三重好禮

（勿重複新增喲~）

聽說長的好看的人

都星標關注公眾號啦~