公眾號：觀海PPT
上周末有幸拜訪了一位設(shè)計圈的動畫大佬，臨走前偷了一招——視差動畫，制作非常簡單，并且可以用在PPT當(dāng)中，視覺效果瞬間爆炸，2D也能獲得3D的體驗，先一起來感受下~
結(jié)合視頻后更加驚艷
PPT復(fù)刻貝爺官網(wǎng)首頁
靈感來自FIREWATCH
靈感來自HOTDOT
結(jié)合蒙版制作左右平移
用作人物展示
只需要掌握了基本的技巧，PPT即可實現(xiàn)類似“3D”空間透視的動態(tài)景深效果，即使是新手也可以上手制作！
什么是視差動畫？
簡單來說就是讓多層背景以不同的速度進(jìn)行運動，形成立體的視覺體驗，已經(jīng)被廣泛用在了網(wǎng)頁設(shè)計以及UI設(shè)計當(dāng)中。
Dribbble大神 bestservedbold
Dribbble大神 Gabe Becker
Dribbble大神 Simon Kratz
PPT中如何實現(xiàn)？
總體思路是借助【平滑】效果進(jìn)行制作，在PPT【切換】一欄中就能找到。
切換效果【平滑】
借助平滑動畫，調(diào)整兩頁之間的位置，達(dá)到視差滾動效果！
在兩張幻燈片間添加【平滑】
一.將圖片素材分離圖層
什么樣的圖片適合做視差動畫？顯然是層次分明，具有不同深淺景別的畫面~例如下圖，遠(yuǎn)近景之間存在明顯的分層
具有近景、中景、遠(yuǎn)景明顯的分層
如何給圖片分層？
這是本節(jié)課中至關(guān)重要的一步，說白了就是摳圖，將圖片分成不同遠(yuǎn)近的幾個部分。我推薦兩種辦法：1)在線摳圖工具remove.bg 2)PS手動摳圖
在線摳圖工具 remove.bg
摳圖完成后，我們就成功地把圖片分離成幾個不同景深的圖層！（有PS基礎(chǔ)的同學(xué)可以借助仿制圖章進(jìn)行進(jìn)一步地處理）
分離圖層這一步完成~這節(jié)中用到的所有分層素材也會提供給大家~
二.調(diào)整圖層位置
為什么要調(diào)整兩頁之間的圖層位置？其實是影響到不同圖層的移動速度，一般情況下，距離人眼越近的景物移動越快-移動距離越遠(yuǎn)，距離人眼越遠(yuǎn)的景物移動越慢-移動距離越近。
不同遠(yuǎn)近景物的運動速度
明白了這個原理，我們只需要將第一頁再復(fù)制一遍，然后移動第二頁上的圖層位置。上下左右都可以移動，但要保持所有圖層移動的方向一致，距離長短也要和視覺遠(yuǎn)近對應(yīng)。
通過調(diào)整距離改變運動速度
文章開頭的其他案例也是同樣的處理方法~
通過調(diào)整距離改變運動速度
通過調(diào)整距離改變運動速度
三.利用【平滑】實現(xiàn)動畫
在第二頁添加【平滑】動畫
調(diào)整好兩頁的相對位置后，在第二頁添加【平滑】動畫，就可以直接實現(xiàn)視差動畫
添加【平滑】后
結(jié)合蒙版（左右兩側(cè)加上矩形擋住圖片），視差效果會更明顯！
結(jié)合蒙版制作左右平移
繼續(xù)發(fā)散思維，類似這樣左右平移的視差效果用來展示人物，會非常合適，效果也比傳統(tǒng)的平面設(shè)計震撼不少！
適用于人物展示
加上視頻試試？！
結(jié)合視頻后效果更佳驚艷
視差動畫對于視頻同樣有效，并且效果會更加逆天，與圖片不同，視頻無法通過簡單的【平滑】效果來制作（畢竟PPT中的視頻不能跨頁播放）
【動畫-動作路徑】
這里我們借助【動畫-動作路徑】這一動畫效果~設(shè)置好不同圖層移動的長度及時間順序，就可以做到視差動畫的效果了！
設(shè)置好不同圖層移動的長度及時間順序
PS:圖層順序和動畫順序可以通過【格式-選擇窗格】以及【動畫-動畫窗格】進(jìn)一步調(diào)整~
聯(lián)系客服
