在PPT中,讓一張圖動起來能幹點什麼呢?
我真的不吹,隻有你看的東西夠多,基礎操作夠紮實,有時候隻是一張圖你就能玩出不一樣的花樣!
很多時候,外網上的一些動畫效果咱們看起來十分的高大上,比如這些。我在 Dribbble 上搜靈感的時候,看到一個這樣的動畫效果:
感覺很酷,于是便用 PPT 模仿了一下:
這個效果有個專業名稱,叫做視差滾動!是網頁設計中,經常使用的一個動畫效果。
名字有些抽象,百度百科是這樣解釋的:視差滾動是指讓多層背景以不同的速度移動,形成立體的運動效果,帶來非常出色的視覺體驗。
說人話就是,讓頁面中的元素各動各的!咱們來看一個對比,你就明白了。這是頁面元素一起移動:
而讓頁面中元素,有的速度快,有的速度慢,再來看一下效果:
很明顯,後者的節奏感會更強一些。
明确了這一點,我們試着動手還原一下這個效果。
主要分為三步。
第一步:選圖并分層處理關于圖片的選擇,需要包含近景、中景、遠景,就像下面這些:
咱們就以沙丘這張為例,它的近、中、遠景邊界線比較明顯:
借助在線摳圖網站,可以很容易将圖片分為三層:
第二步:借助平滑控制各圖層速度将分層圖片按照原圖樣式,拼湊在一起。并注意圖層順序,近景在最頂層,遠景在最底層:
再複制一頁幻燈片:
讓第二頁的分層圖片部分重疊:
并将圖片整體移動至頁面上方:
然後,為第二頁添加平滑切換效果,從第一頁開始播放,便得到了視差滾動的效果:
第三步:使用漸變蒙版讓圖片過渡自然現在,第二頁的圖片與白色背景的銜接很生硬:
為了過渡更加柔和,我們可以吸取沙漠中的顔色,作為背景色:
再利用漸變透明的形狀,消除圖片的邊界:
這樣,頁面的過渡就會變得非常自然:
最後,我們可以第一頁中加入标題,線條裝飾:
在第二頁,加入圖片、文本:
一個從封面頁視差滾動到目錄頁的動畫,就完成了!
大家,看到這裡是不是就明白了我在文章開頭說的,隻要你有一張還不錯的圖片,你就能做出火爆外網的超酷動畫呢?
文中案例的PPT源文件,我給大家準備好了哦,獲取就能使用了:
#PPT#
有話要說...