435
熱門ppt
PPT動畫的神秘暗箱—動畫遮罩
想必大家都看過魔術
總能呈現出驚豔的視覺效果
而魔術師的暗箱則是魔術的關鍵
當暗箱曝光，魔術也就失去了神秘的色彩
今天帶大家來深入了解
動畫的神秘暗箱——動畫遮罩
01 動畫聚焦
點擊播放
GIF/153K
我們用上一期所教的時間縮放
來嚐試解析這個動畫效果
點擊播放
GIF/256K
細節清晰很多
我們可以看見所有的元素以白線為軸
憑空出現繼而迅速消失
這就是這段動畫暗箱的精彩神秘所在
我們來看看把遮罩去掉後的這段動畫
點擊播放
GIF/440K
是不是有一種恍然大明白的感覺
個中的差異不過是在白線以下添加了一個
和背景同色的矩形遮罩
實現了視覺欺騙！
02 動畫延伸
我們來繼續深入感受動畫遮罩的應用
-01 地球旋轉-
點擊播放
GIF/530K
地球旋轉是非常經典的PPT動畫
在“平滑切換”功能還沒有更新之前
幾乎是無法想象球體旋轉動畫的實現
但可以很肯定的說
上麵呈現的這個動畫非常簡單
接下來我們來拆解一下地球旋轉動畫
【一共5個元素】
1.藍色背景-用作底色
2.白色遮罩—通過矩形和圓形布爾運算減除得到
3.圓形質感—讓平麵呈現球體的質感效果
4.陰影—增添豐富細節
5.世界地圖—動畫主體
而其中隻設置了一個動畫
“元素5—世界地圖”的直線路徑動畫
通過設置動畫重複來達到周而複始的效果
拆解動畫後大致就是如下效果
點擊播放
GIF/542K
-02 頁麵加載-
點擊播放
GIF/755K
我們改變一下畫麵的底色
減少一下遮罩的範圍以此來拆解這個動畫
本質上和地球旋轉動畫並無不同
就是波浪形狀的路徑動畫而已
點擊播放
GIF/1438K
有道是無心插柳柳成蔭
大家看上麵這個拆解動畫有聯想到什麼嗎
是不是很像洗衣機
於是我稍微給這個頁麵添加了一些細節
把這個加載動畫改成了洗衣機動畫
點擊播放
GIF/504K
03 思考延伸
動畫遮罩就是通過遮掩部分畫麵
實現動畫的暗箱
實際上動畫遮罩並不止局限於
大麵積的色塊遮罩
也有動畫對象本身的遮罩
譬如在作品《演示改變世界》中
所有矩形從四麵八方聚向中心時
是60個不同路徑的動畫效果
點擊播放
GIF/476K
在之後的輪盤動畫中
讓60個小矩形進行陀螺旋動畫非常麻煩
我們就用組合後的矩形圓環
對之前的60個小矩形進行遮罩替換
這樣隻需要添加一個動畫即可
點擊播放
GIF/447K
最後更新：2017-10-26 19:13:25