![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/17482ae0-aeb7-45ed-a729-bda16c4e33d6.jpg)
有不少小伙伴對之前文章裡PPT 頁面中的動畫很感興趣,覺得特炫酷,強烈表示很想學!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/1b883673-d845-4c4b-9078-4138443b5feb.jpg)
既然大家的學習熱情這麼強烈,今天這篇文章,就跟各位分享一下這些動畫的製作方法。
而且這些動畫的PPT源文件也免費分享給大家!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/f7ccce45-9c99-4387-94f7-a3350fedb3fd.jpg)
操作不難,包你看完就會!話不多說,咱們直接開講。
緩和飛入
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/e7a579bd-45b9-47e3-9e47-7f144e1d2154.jpg)
這頁只用了「飛入」效果。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/7b46cc24-f8d7-4fea-bdf2-26d528aeec19.jpg)
如果你添加過動畫就知道,在加上這個效果後,元素的進入動畫會很生硬,就像這樣:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/a79a6733-03ad-4f8c-ac3d-bb7da01e6ff0.jpg)
那如何讓動畫變得更加緩和呢?
秘訣就在於,設置動畫效果,讓其平滑結束,比如把時間拖到最大。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/3f1b9afa-fb1d-410f-8048-b37163803c66.jpg)
這時,動畫就會變得非常輕柔:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/a954a574-b010-4b6d-bffa-1e8c5524fa04.jpg)
明白了這一點。
接下來,我們可以先給頁面中的每一個元素,都加上「飛入」動畫:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/3f11437d-60d7-40c0-bfb7-a8a8cf9002a7.jpg)
然後,按順序去調整各元素動畫的開始時間,比如每個動畫間隔0.1s。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/cf752832-da5c-40d2-90ae-39944cd0b75e.jpg)
頁面的中的元素就會依次緩和飛入:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/7dc49e9b-1ab2-4056-bd93-3874ce7b2f5b.jpg)
這個效果雖然簡單,但是我們可以通過改變元素的進入方向,讓頁面的演示效果更加飽滿。
比如元素從頁面左、右兩側,雙向進入:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d8f8ff28-7ee0-4848-98f4-4eb1759eb8e2.jpg)
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/50c77932-879f-4c73-819b-069366717ab7.jpg)
又或者傾斜進入:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/756459d1-3406-498f-946a-d5956a2872ad.jpg)
這第一個動畫,你學會了嗎?
按鈕彈動
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/2c5024ba-709d-4f96-9ded-3e9f0cfc4f2d.jpg)
這個動畫主要模擬了交互效果,通過鼠標和按鈕的縮小、回彈,讓人感知到這個按鈕被點擊了。
原理很簡單,就是用到了「放大/縮小」的動畫效果。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/821f5572-4773-4abd-811f-faafabd92283.jpg)
在效果選項中,設置尺寸小於100%,元素就會縮小。勾選自動翻轉,元素縮小後,就會回彈:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/90f8f69b-f8a5-41e3-9fe2-8b7bb1c1b39d.jpg)
看下效果:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/071cf012-9f87-497d-8d9a-a92bc09182b3.jpg)
有些生硬,我們調整平滑開始、平滑結束,讓兩者時間大致相同:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/3d487f64-2ac6-4a62-ba9d-d151a3c002f5.jpg)
動畫就會變得輕柔緩和:
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/18604d30-8c1a-4b86-99a9-93fa8cbdc774.jpg)
是不是很簡單?
好了,今天主要跟各位分享了兩個簡易好用的動畫效果,還有一個明天的文章會講哦~
PPT 動畫可以不追求酷炫,但給人的感覺一定要連貫柔和,畢竟輔助演講才是它的主要職責。
最後,為了方便大家拆解學習,我把這份PPT 的源文件免費分享給各位。
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/d5a6f636-ecce-4580-87c8-0cd412d42172.jpg)
關注我們@PPT進化論,私信回復關鍵詞改稿05,即可免費無套路領取PPT 動畫源文件!
![](http://daogezhiyuan-article.oss-cn-beijing.aliyuncs.com/win3000/pic/8d3b3b62-a284-4db6-bd3a-26218de593a2.jpg)
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/The%20PPT%20animation%20that%20has%20been%20asked%20999%20times%20is%20here%20After%20you%20finish%20reading%20it%20start%20immediately.html
评论列表(196条)
测试