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

今天和大家分享動(dòng)畫效果。

我們來看一下這兩個(gè)PPT動(dòng)畫案例~

這部動(dòng)畫片的效果怎么樣？

事實(shí)上，兩個(gè)動(dòng)畫都有使用遮罩動(dòng)畫的效果。讓我逐一分析一下。

案例1

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

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

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

原型和文案的排版都很簡(jiǎn)單。我不多說，直接說明動(dòng)畫效果。

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

對(duì)齊所有圖片以設(shè)置直線的動(dòng)畫。

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

調(diào)整動(dòng)畫的延遲時(shí)間，使圖片逐個(gè)移動(dòng)。

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

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

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

只有這樣，左右兩張相同的圖片移動(dòng)時(shí)不會(huì)被遮擋住。

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

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

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

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

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

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

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

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

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

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

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

案例二

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

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

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

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

在里面添加一個(gè)3D的球體。

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

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

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

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

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

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

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

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

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

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

還有這的字體滾動(dòng)效果，也會(huì)用到遮罩。

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

包括這樣的掃光動(dòng)畫

好啦以上就是今天的全部?jī)?nèi)容啦~

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

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

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

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

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