在PPT中,讓一張圖動起來能干點(diǎn)什么呢?
我真的不吹,只有你看的東西夠多,基礎(chǔ)操作夠扎實(shí),有時候只是一張圖你就能玩出不一樣的花樣!
很多時候,外網(wǎng)上的一些動畫效果咱們看起來十分的高大上,比如這些。我在 Dribbble 上搜靈感的時候,看到一個這樣的動畫效果:
感覺很酷,于是便用 PPT 模仿了一下:
這個效果有個專業(yè)名稱,叫做視差滾動!是網(wǎng)頁設(shè)計中,經(jīng)常使用的一個動畫效果。
名字有些抽象,百度百科是這樣解釋的:視差滾動是指讓多層背景以不同的速度移動,形成立體的運(yùn)動效果,帶來非常出色的視覺體驗(yàn)。
說人話就是,讓頁面中的元素各動各的!咱們來看一個對比,你就明白了。這是頁面元素一起移動:
而讓頁面中元素,有的速度快,有的速度慢,再來看一下效果:
很明顯,后者的節(jié)奏感會更強(qiáng)一些。
明確了這一點(diǎn),我們試著動手還原一下這個效果。
主要分為三步。
關(guān)于圖片的選擇,需要包含近景、中景、遠(yuǎn)景,就像下面這些:
咱們就以沙丘這張為例,它的近、中、遠(yuǎn)景邊界線比較明顯:
借助在線摳圖網(wǎng)站,可以很容易將圖片分為三層:
將分層圖片按照原圖樣式,拼湊在一起。并注意圖層順序,近景在最頂層,遠(yuǎn)景在最底層:
再復(fù)制一頁幻燈片:
讓第二頁的分層圖片部分重疊:
并將圖片整體移動至頁面上方:
然后,為第二頁添加平滑切換效果,從第一頁開始播放,便得到了視差滾動的效果:
現(xiàn)在,第二頁的圖片與白色背景的銜接很生硬:
為了過渡更加柔和,我們可以吸取沙漠中的顏色,作為背景色:
再利用漸變透明的形狀,消除圖片的邊界:
這樣,頁面的過渡就會變得非常自然:
最后,我們可以第一頁中加入標(biāo)題,線條裝飾:
在第二頁,加入圖片、文本:
一個從封面頁視差滾動到目錄頁的動畫,就完成了!
大家,看到這里是不是就明白了我在文章開頭說的,只要你有一張還不錯的圖片,你就能做出火爆外網(wǎng)的超酷動畫呢?
文中案例的PPT源文件,我給大家準(zhǔn)備好了哦,獲取就能使用了:
#PPT##職場達(dá)人煉成記# #ppt# #職場干貨# #職場#
聯(lián)系客服