當前位置:首頁 > 動漫 > 正文

PPT背景圖還能動起來?拆解圖片做出來的PPT動畫效果,實在酷斃了

在PPT中,讓一張圖動起來能幹點什麼呢?

我真的不吹,隻有你看的東西夠多,基礎操作夠紮實,有時候隻是一張圖你就能玩出不一樣的花樣!

很多時候,外網上的一些動畫效果咱們看起來十分的高大上,比如這些。我在 Dribbble 上搜靈感的時候,看到一個這樣的動畫效果:

感覺很酷,于是便用 PPT 模仿了一下:

這個效果有個專業名稱,叫做視差滾動!是網頁設計中,經常使用的一個動畫效果。

名字有些抽象,百度百科是這樣解釋的:視差滾動是指讓多層背景以不同的速度移動,形成立體的運動效果,帶來非常出色的視覺體驗。

說人話就是,讓頁面中的元素各動各的!咱們來看一個對比,你就明白了。這是頁面元素一起移動:

而讓頁面中元素,有的速度快,有的速度慢,再來看一下效果:

很明顯,後者的節奏感會更強一些。

明确了這一點,我們試着動手還原一下這個效果。

主要分為三步。

第一步:選圖并分層處理

關于圖片的選擇,需要包含近景、中景、遠景,就像下面這些:

咱們就以沙丘這張為例,它的近、中、遠景邊界線比較明顯:

借助在線摳圖網站,可以很容易将圖片分為三層:

第二步:借助平滑控制各圖層速度

将分層圖片按照原圖樣式,拼湊在一起。并注意圖層順序,近景在最頂層,遠景在最底層:

再複制一頁幻燈片:

讓第二頁的分層圖片部分重疊:

并将圖片整體移動至頁面上方:

然後,為第二頁添加平滑切換效果,從第一頁開始播放,便得到了視差滾動的效果:

第三步:使用漸變蒙版讓圖片過渡自然

現在,第二頁的圖片與白色背景的銜接很生硬:

為了過渡更加柔和,我們可以吸取沙漠中的顔色,作為背景色:

再利用漸變透明的形狀,消除圖片的邊界:

這樣,頁面的過渡就會變得非常自然:

最後,我們可以第一頁中加入标題,線條裝飾:

在第二頁,加入圖片、文本:

一個從封面頁視差滾動到目錄頁的動畫,就完成了!

大家,看到這裡是不是就明白了我在文章開頭說的,隻要你有一張還不錯的圖片,你就能做出火爆外網的超酷動畫呢?

文中案例的PPT源文件,我給大家準備好了哦,獲取就能使用了:

#PPT#

你可能想看:

有話要說...

取消
掃碼支持 支付碼