而大家疑問最多的地方，就是它的遮罩動畫的製作！

所以，今天就來具體給大家說一說遮罩動畫！

1、遮罩動畫的原理

其實它的原理很簡單，無非就是上層覆蓋一個形狀，其中部分割槽域是鏤空的，而下層有些元素在不斷運動，從而營造出一種遮罩動畫的感覺！

知道了原理之後，我們就可以做出這樣的效果：

或者是這樣的創意圖表：

以及蘋果釋出會上的這種文字漸變效果：

2、兩個實際案例

原理我們都知道了，那它到底怎麼實現呢？這裡舉兩個例子來操作，你就明白了！

首先，我們以上面的創意圖表為例：

這裡我分為3步來實現：

第一步：形狀繪製。首先繪製一個矩形，和一個水滴形狀：

第三步：繪製波浪，併為波浪新增動畫，置於鏤空矩形的底層：

最後，在最上層新增上文案就可以了！

第二個例子呢，我們來做一個TED演講的開頭動畫：

這裡是分為2步來實現：

第一步：插入與畫布同等大小的形狀，利用布林運算與標題文案剪除，做出鏤空效果

第二步：插入影片，並將影片置於鏤空形狀下方即可

以上，就是關於遮罩的一些實現步驟，你學會了嗎？

另外，我為你準備了一份足足60頁的定製級動畫PPT原始檔：