大家好,我是雅客。
事不宜遲,下面就正式開始今天的賞析。
今天要給大家分享的案例,是一組具有創(chuàng)意性的PPT動畫,里面的動畫效果都是基于系統(tǒng)自帶的動畫效果組合而成的。
如果你也想做出像下面這樣的動畫,那么這期的案例欣賞可就要好好往下看啦!
▲ 計數(shù)動畫
▲ 用動畫講述故事
▲ 放大鏡動畫
▲ 加載動畫、轉場動畫
這些動畫都是我用 Office 2016 制作出來的,那么這些看似高逼格的動畫效果,實際上是如何制作出來的呢,請看下面的詳細講解。
首先,我們先來看第一張作品,也就是下面這個計數(shù)的動畫效果,它的制作流程。
這個動畫效果制作的關鍵點有兩個,一個是「遮罩」,另一個是「平移」的切換動畫效果。
在制作這個作品之前,我們可以先為頁面填充一個背景圖片,鼠標右鍵幻燈片空白處,選擇設置背景格式,在填充方式處選擇圖片填充。
之后在頁面中間插入幾個圓角矩形,調(diào)整好透明度,作為計數(shù)牌。
數(shù)字的排列,是通過插入5個文本框,分別輸入上0-9的數(shù)字,文字的排列方向選擇「堆積」,拖動文本框,數(shù)字的排列就會呈現(xiàn)豎排。
之后把0這個數(shù)字放在圓角矩形當中,并對齊。
然后用鼠標點擊界面左邊這一頁的縮略圖,在鍵盤上按Ctrl+D,復制多一頁一模一樣的出來。
接下來通過往上移動文本框,改變計數(shù)器上的數(shù)字,之后利用office2016系統(tǒng)當中的「平滑」切換動畫效果,即可實現(xiàn)文本框的移動。
如果你沒有「平滑」的切換動畫效果,也可以使用路徑動畫當中的向上移動來進行替代。
制作出來的效果如上圖所示,但是這樣的效果明顯不是我們想要的是吧,因為這樣就等于把魔術的神秘之處都揭開了。
所以我們就需要「遮罩」來掩蓋我們不想讓別人看到的露餡的地方。
而「遮罩」的制作方法也并非復雜,插入一塊矩形,放在計數(shù)牌的上下兩端,之后填充方式選擇為幻燈片背景填充,即變成了一塊隱形的蒙版。
如上圖所示,矩形選擇幻燈片背景填充之后,填充的部分就是幻燈片背景,所以我們移動矩形到哪里,填充的部分也會相應地發(fā)生改變。
這種設置為幻燈片背景填充的矩形覆蓋在數(shù)字之上,把不想被人看到的元素隱藏起來的形狀,我們就把它們稱之為「遮罩」。
這里同樣要注意,在其中一頁使用了遮罩,另一頁就把上一頁的遮罩復制過去即可,不然位置會發(fā)生變化,演示的時候就會有破綻。
接下來我們再來看第二個動畫創(chuàng)意,這個動畫所以導出GIF格式的時候,文件太大上傳不上來,所以進行了壓縮和加速,就變成了這樣的渣渣畫質(zhì)。
這個動畫是通過縮放定位動畫制作完成的,效果如上圖所示,點擊一張圖片,我們就能放大這張圖片,而且是無損的。
通過層層疊加,我們可以從畫廊滲透到一幅畫,從一幅畫滲透到一間房,從一間房的相架再滲透到另一個場景,讓本來好像沒有關聯(lián)的場景,順其自然的連接起來,好像電影的一樣。
制作的方法是,將不同場景放在不同的PPT頁面,如下圖所示。
之后,選中第一個開始的場景,點擊菜單欄上的插入,選擇「縮放定位」再選擇「幻燈片縮放定位」。
勾選你要定位的幻燈片頁面,之后點擊確定導入進來,此時頁面上就會出現(xiàn)那一頁PPT的縮略圖,縮放到一個容器當中,與場景融為一體即可。
下面是具體操作的動態(tài)演示圖,不知道怎么操作的可以看下面的動圖。
放置好之后,在全屏放映模式下,用鼠標點擊該圖片,頁面就會自動縮放過去,形成非常連貫自然的過渡效果。
如何排列得當,還可以通過這樣的方式來講述故事,這會是一種非常具有創(chuàng)意性的表達。
除了相框、窗戶之外,我們還可以尋找電視機、電腦屏幕、報紙上的圖片,書本上的插圖,街邊的海報等作為我們圖片的容器。
唯一值得注意就是圖片要與周圍的場景要比較融合,不然圖片放上去也會比較生硬,這樣展示出來的效果就不自然了。
另外,這個動畫效果也是office 2016的新功能,沒有更新的朋友可能暫時還體驗不到哦~
第三個動畫效果是放大鏡動畫,最初是出現(xiàn)在錘子手機的發(fā)布會上,那這樣的動畫效果又是如何制作出來的呢,且看下面的分解。
首先你要準備好這樣幾樣東西,一個是放大鏡、一個是小型的手機、一個大型的手機、外加一個與放大鏡一樣大小的圓形和矩形。
之后,把兩臺手機放在頁面中間,小的放在底層,大的放在小的上面。
然后把矩形拖到下方大小,并設置為無填充,無邊框。之后與大的手機進行組合,之后復制黏貼為增強型圖元文件。
注意,此時的手機雖然還是手機但是已經(jīng)跟矩形合并成一個圖片了,這一點很關鍵。
之后我們同樣點擊界面左邊的幻燈片縮略圖,按鍵盤上的CTRL+D復制黏貼多一頁出來。
然后在上一頁,讓圓形與手機通過截圖工具,把放大鏡以外的區(qū)域進行裁剪。
裁剪完之后,就只剩下手機左邊的一端留在放大鏡當中,在裁剪的時候注意不要放放大鏡也裁剪了。
那在下一頁也是一樣的操作,只是放大鏡要移動到手機的末端,然后圖片裁剪到手機的末端。
之后在兩頁之間使用平滑的切換動畫效果,就可以實現(xiàn)放大鏡的效果啦。
那最后一個動畫,就是頁面加載動畫以及轉場動畫,這一頁動畫的制作同樣運用到了「遮罩」,它在動畫當中是非常常見的。
具體的制作方法是,插入一個與屏幕大小的矩形和一個小的圓形,放在矩形的正中間,之后讓圓形與矩形進行形狀組合。
組合后的圖形中間的圓是鏤空的,可以漏出底部的元素,如下圖所示。
之后我們要做的,就是制作動態(tài)的水效果,我們需要插入一個矩形或者一個波浪的圖形,放在這個遮罩圖層的底層。
注意,底層的含義是指這個遮罩的背后,而不是像下圖這樣放在遮罩的下方。
然后我們就會這個波浪圖形添加動畫,動畫的效果要根據(jù)自然規(guī)律來進行設定。
水添加到容器當中會晃蕩,對于PPT動畫里面我們可以用蹺蹺板來實現(xiàn),水一直加,水位會往上深,所以可以同時用向上的路徑動畫來實現(xiàn)。
所以這個水位的動畫就由兩部分構成,一個是蹺蹺板動畫,一個是向上移動的路徑動畫。
另外,水的晃蕩不是晃蕩一下子就會停止的,會不停的晃蕩,所以蹺蹺板的動畫我們要在動畫效果上設置重復。
如上圖所示,制作出來的效果就是波浪圖形一直抖動著往上移動,非常的滑稽和搞笑哈。
之后就很簡單了,把這個抖動的小家伙放在我們的遮罩后面,就形成了我們加水的動畫效果。
如果我們需要切換場面,讓動畫效果過渡更加自然,我們就要利用頁面當中原本存在的元素,來進行切換和過渡。
比如上圖當中存在的一個元素就是藍色的圓形,那我就可以把這個圓形進行放大,覆蓋掉頁面上其他的元素,從而起到自然換場的效果。
總結
以上就是今天案例分享要給大家介紹的四個創(chuàng)意小動畫,最后盤點一下今天我們運用了那些小技巧。
第一個是咱們頻繁使用的平滑切換動畫,可以讓兩個頁面的元素進行自然過渡。
第二個是遮罩,可以讓我們動畫當中不想讓別人看到的部分被遮住。
第三個是縮放定位動畫,使用它我們可以實現(xiàn)頁面之間的跳轉。
最后雅客想說,無論是制作什么動畫都好,要想動畫呈現(xiàn)出來的效果好,都要遵循自然界的運動規(guī)律,這樣呈現(xiàn)出來的效果才真實。
而動畫的運用,只是將這樣自然界當中理所當中的運動狀態(tài)重新呈現(xiàn)出來。
希望今天的案例分享,對你有幫助