大家好，大家好，我是李哥~

今天和大家分享動畫效果。

我們來看一下這兩個PPT動畫案例~

這部動畫片的效果怎么樣？

事實上，兩個動畫都有使用遮罩動畫的效果。讓我逐一分析一下。

案例1

動畫內(nèi)容是將左邊的手機(jī)文件傳輸?shù)接疫?，傳輸過程中中間的光效果會一直閃爍。

了解了大致的動畫過程后，我們開始制作這部動畫。

首先，請準(zhǔn)備兩個手機(jī)原型和幾張風(fēng)景照片。

原型和文案的排版都很簡單。我不多說，直接說明動畫效果。

首先疊畫，注意每幅畫的圖層關(guān)系。(這個以后會用)

對齊所有圖片以設(shè)置直線的動畫。

這里需要注意的是，直線動畫必須分別設(shè)置，每個動畫必須拖動到向左移動的軌跡上。(約翰f肯尼迪)。

調(diào)整動畫的延遲時間，使圖片逐個移動。

這樣就完成了左側(cè)部分的動畫路徑。接下來，設(shè)置右側(cè)的動畫。

需要注意的是，右邊部分的圖片層關(guān)系與左邊相反，剩下的不變。

large/pgc-image/2f9a767c41214d948aa37114aa6ca51f?from=article.detail&_iz=31825&index=9" width="640" height="214"/>

只有這樣，左右兩張相同的圖片移動時不會被遮擋住。

如果圖層關(guān)系不改變，那么動畫就會變成這樣~

右邊的手機(jī)里只展示了一次動畫，后面的圖片都被遮擋住了。

在演示的時候，我只需要保留手機(jī)內(nèi)部的圖片，其他地方的圖片我們可以用色塊將其遮擋住。

插入一個矩形，然后用兩個圓角矩形摳出手機(jī)大小的鏤空形狀，并將形狀設(shè)置為“幻燈片背景填充”。

這樣就能將手機(jī)屏幕外的圖片遮擋住了，播放的效果是這樣的。

最后要設(shè)置的就是兩個手機(jī)中間的光效。

插入一個線條，設(shè)置兩端的透明度為100%，得到一根光效線條，將這個線條多復(fù)制幾根就能得到一組光效。

將這些線條組合在一起，然后將他們設(shè)置為“擦除”動畫。

光效出現(xiàn)以后還會消失，所以我們還需要添加一個消失的“擦除”動畫。

調(diào)整一下動畫的延遲時間，并將動畫設(shè)置為重復(fù)播放。

最后將所有動畫組合到一起，就能實現(xiàn)案例中的效果啦。（沒看明白的可以去下載源文件研究哦）

案例二

這個也是一個手機(jī)內(nèi)部的動畫，只不過這個動畫的是一個3D的星球。

動畫展示的原理也是一樣，手機(jī)屏幕外多余的部分可以用色塊遮擋掉。

我們也可以找一個3D的星球素材，找不到素材的可以自己做。

我們打開Windows自帶的Paint 3D功能。

在里面添加一個3D的球體。

找張圖片直接貼到球體中。

最后保存為3D模型就行。

PPT只有365和2019才有3D模型這個功能。

將球體導(dǎo)入PPT，將其縮小到手機(jī)屏幕中。

復(fù)制這張PPT，并將里面的球體放大。

然后用鏤空的色塊將手機(jī)屏幕外的球體遮擋住。

最后將這兩張PPT直接設(shè)置“平滑切換”功能。

這樣就能實現(xiàn)案例中的效果了。

當(dāng)然遮罩動畫還有其他的玩法，

像這樣的卷軸動畫可以用遮罩的效果實現(xiàn)。

還有這的字體滾動效果，也會用到遮罩。

還有這樣的字體光效也是用的遮罩效果。

包括這樣的掃光動畫

好啦以上就是今天的全部內(nèi)容啦~

沒有看懂的可以去下載源文件觀看哦。

源文件也給你們準(zhǔn)備好了，幫忙“點贊”、“分享”一下文章唄，多謝~

素材樣機(jī)的領(lǐng)取方式：

1、幫忙順手“轉(zhuǎn)發(fā)”“分享”一下這篇文章

2、查看下面圖片，獲取領(lǐng)取文件。