有讀者昨晚私信我說，邵大，B站上這個超火的PPT，是怎麼做的啊？
我在B站上搜索了一下，發現這個PPT頁面真的非常有意思：
這是網頁設計中，經常會用到的一種『視差滾動動畫』。
啥意思呢？先來簡單解釋一下。
所謂視差滾動，其實就是一個畫面中的前景元素，和背景元素的運動速度不同，所形成的視差。
而關於前景和遠景，很好理解，我們拿一張照片來說：
如果我們想做視差動畫，其實，就可以分別調整前景和遠景的運動速度，使其存在差異：
這裡的前景和遠景是兩個圖層
明白了嗎？
很多國外大神做過相關的案例，就像這樣：
包括我們之前做過的《霧山五行》的PPT開頭，其實也用到的是這個原理：
這裡的雲是前景，山脈是遠景，相信各位能看得出來，二者運動的速度，會有差異，對嗎？
那回到剛才的案例中，這裡的前景，就是頁面上的4個色塊，而遠景就是背景：
明白了這一點之後，接下來的，我們就可以動手來將其完成。
同樣，還是先來完成頁面的排版，我們可以先在頁面上，畫出對應的色塊位置，一共有5個色塊：
然後，找一張圖片，填充作為背景，這時候，背景是這樣的：
接下來，再次把圖片，填充到底層的色塊中：
對於上層的4個色塊呢，我們同時選中，設置形狀格式，選擇幻燈片背景填充：
這時候，頁面就變成了這樣，有內味兒了，對嗎？
而後，就是添加動畫了，這一步非常簡單。
對於頁面左側的兩個色塊，我們添加的動畫為：
不過，這裡有一個細節是，在調整放大動畫的方向時，是吧，其中一個是垂直放大，另一個是水平：
對於右側的兩個色塊呢，也是一樣，只是他的動畫組合變成了：
最後，就是給底部的圖片，添加直線路徑+放大動畫。
不過要注意，我們為了營造視差的感覺，它的運動路徑，可以稍微短一些，放大的比例，可以稍微小一點：
最後呢，設置所有的動畫同時播放即可：
怎麼樣，是不是特別簡單？
沒有學會的朋友，也沒關係，我會把這個PPT模板也免費分享給你們~
