大家好哇!我就是美貌與智慧並重,英雄與俠義的化身阿P!
今天帶大家玩一個有趣的遮罩動畫-展開的捲軸。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f59a7020-779c-43c3-8588-970e865395ea.jpg)
捲軸是中國書畫的裝裱形式之一,有一種徐徐展開的歷史感。在PPT中,這類捲軸遮罩動畫的使用常用於國風類製作,那麼,這種效果該如何實現呢?
下面就跟著阿P一起去看看。
01
繪製捲軸元素或插入圖片素材
捲軸通常會有兩個槓(軸桿和畫槓)。我們可以直接從網路上搜尋一張捲軸的圖片素材,然後拖入PPT中(或在選單列選項中選擇【插入】-【圖片】),並利用裁切工具將兩個軸和版面給裁剪出來。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/5d72659d-8a25-4b31-8b91-846102fd1795.jpg)
當然我們也可以使用PPT內自帶的形狀(圓+矩形)畫出桿子的形狀。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/f747c549-0e88-48df-8253-4e8bd05a9592.jpg)
02
元素處理
我們對拆分出的捲軸版面進行二次裁剪,把中間掏空,留下邊框;
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/6c162753-a239-4786-a3d8-800c28f37482.jpg)
接著我們在桿子下面插入兩個矩形,並使他填滿背景色;
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/18e56dd6-99f5-4b64-a7ff-961c4e4122d6.jpg)
繼續拖入我們需要展示的長圖,複製一份並對其長度進行裁剪,直到同版面掏空部分同等大小;
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/c3460b9d-627f-4173-9632-b597d74df35a.jpg)
最後我們先將插入的兩個矩形置於底層,再將插入的長圖和裁剪的短圖也置於底層,這樣的話矩形就可以對圖片起到遮蓋的效果了。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/d4f9d2d9-b7e1-4832-8617-8fc8d2ac8939.jpg)
03
動畫設計
在素材都處理好後,我們進行遮罩展開的動畫製作;
首先,我們將兩個桿子按住shift等線移動到捲軸版面的中心處;
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/8953fe98-097c-454d-b95d-03d3ddd87543.jpg)
再對桿子添加直線路徑動畫,注意,左邊桿子路徑向左拖動,右邊桿子路徑向右,將動畫的時長設定為2秒;
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/e61c3977-4db6-47f0-b46d-f3dc0c1567e0.jpg)
接著我們對掏空的框圖和裁切後的短圖做劈裂動畫,注意在效果選項中把方式改為中央向左右展開;
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/e9cd1c8a-0400-4b51-a4b4-6b61ad61ef82.jpg)
最後將裁切後的短圖添加退出動畫(消失),對展示的長圖添加進入動畫(出現),並添加一個向左的直線路徑;
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/d6d3a8ca-7e51-4ce7-930c-bec7f8132146.jpg)
如果我們想更改下背景,也可以將選取的圖片填入頁面背景,並對兩個矩形遮罩設定為幻燈片背景填充;
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/696bd302-2b42-4a6b-9348-c5b7c41db29c.jpg)
最後就可以得到這樣的捲軸動畫啦。
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/8e390472-6713-48b6-b08e-4fded979bfa0.jpg)
今天的動畫拆解就到這裡啦,朋友們,你們學廢了嗎?拆解的來源檔案可以關注公眾號設定星標後,發送關鍵字「捲軸動畫」來取得哦~
![](http://ttzixun.oss-cn-beijing.aliyuncs.com/ttzixun/pic/8f40f949-2a9c-41ca-9d7e-87ca3f83664f.jpg)
文章為用戶上傳,僅供非商業瀏覽。發布者:Lomu,轉轉請註明出處: https://www.daogebangong.com/zh-Hant/articles/detail/PPT-de-juan-zhou-dong-hua.html
评论列表(196条)
测试