今年的科技春晚,實在沒有帶給三頓太多的驚喜。新的iPhone、Apple Watch和iPad,
看了整場發佈會,最驚豔我的反而是開場的這組MG動畫,太太太太酷了!
是的,撇開產品不談,蘋果的演示設計一如既往的顏值在線。那其中又有哪些我們可以學習借鑑的PPT技巧呢?這篇文章給大家做個分享。
有哪些值得學習的PPT技巧?
一,是樣機效果。在這次的發佈會PPT中,三頓看到了大量樣機效果的使用。
確實,樣機早已成為各種產品發佈PPT的標配。在截圖外面加個殼,顏值立馬提升不少。
在往期的文章中,也有給大家分享過不少的實際案例:
二,是模塊化佈局。之前就有給大家安利過這種靈活的佈局方式,將內容模塊化,用一個個小的形狀來承載內容,保證排版效果的同時自由度超高。
每個模塊的大小可以自由設置,適合用於總結歸納或是承載大段的文字內容:
在往期的文章中,也有給大家分享過不少的實際案例:
前兩個技巧,三頓反覆介紹過很多次。而在這篇文章中,最想和你分享的是這次發佈會PPT中酷炫的動畫效果!
有在蘋果發佈會中出現了很多次的圓形動畫:
也有各種“高大上”的轉場效果:
在眾多動畫中,三頓選了兩種“PPT小白”也能搞定的效果,給你做個詳細的介紹。
PPT小白也能上手的平滑效果
利用平滑製作轉場動畫
在這次的發佈會PPT中,三頓看到了很多利用Keynote的神器移動製作的轉場動畫:
其實,這樣的效果在PPT中也能一鍵搞定!需要用到的是PPT切換選項卡中的平滑效果。
在第一頁設置元素的初始狀態,而第二頁設置元素的最終狀態:
完成後點擊平滑按鈕,一鍵就能搞定這種高逼格的過渡動畫:
利用平滑製作放大鏡動畫
平滑效果超好用!比如這次發佈會PPT中有這樣一個放大鏡動畫:
三頓就利用平滑效果製作過類似的案例:
如何製作呢?首先準備兩個完全相同的頁面,作為初始頁和最終頁:
第二步,在初始頁面複製原圖,將其等比例進行放大:
第三步,點擊剪裁,將剪裁選區適當的拉伸放大:
第四步,在圖片後添加兩個完全相同的圓形,分別代表放大的起始和最終位置。添加後,選中第一個圓形和大圖,執行合併形狀-相交操作。
第五步,在網上找一個放大鏡的圖片素材,與合併形狀生成的圖片拼合後襬放到初始頁面上原圖左側的位置。
第六步,同樣的方法處理剛才右側的圓形,擺放到最終頁面上原圖右側的位置。
完成後為最終頁面添加平滑效果即可。這次發佈會中的放大鏡動畫案例,也可以用這個方法進行製作,不妨在看完文章後自己動手嘗試一下吧!
關於平滑功能,三頓之前寫過一篇完整的介紹文章,如果你感興趣,也可以點擊這裡查看詳細介紹。
利用平滑效果搞定PPT圖片牆
在這次的PPT中,亮眼的還有圖片牆效果的使用:
將大量圖片或規則或散亂的排布在頁面中,視覺效果非常震撼!
這種效果實現起來並不困難,可以藉助像CollageIt這樣的軟件或是手動來完成排版。
那,加上動畫效果呢?
在往期的蘋果發佈會中,我們也經常能夠看到在圖片牆的基礎上為圖片添加動畫:
這些圖片效果是怎麼製作的呢?其實利用平滑也能搞定!
利用平滑製作圖片放大效果
先來說說比較簡單的圖片放大效果,我們只需要製作一個起始頁面A:
再利用蒙版製作一個最終頁面B:
調出選擇窗口,以“!!+名稱”的方式對元素進行命名,將兩頁上的圖片關聯起來。(在前面提到的平滑效果製作文章中有詳細介紹)
完成設置後,選中B頁,在切換選項卡中點擊平滑就能搞定!
平滑與基礎動畫組合使用
圖片放大簡單,那像這樣先縮小圖片,其他圖片再逐個顯示出來的效果要怎麼做呢?
第一步依然是使用平滑,將這樣兩個頁面作為起始頁和最終頁,再添加平滑效果即可完成圖片的縮小。
比較複雜的是後面圖片逐個出現的效果。簡單一些,是直接使用像淡入這樣的動畫來讓圖片逐張出現:
但是呈現效果並不自然:
三頓的做法是給每張圖片使用“放大+淡入”的組合動畫:
首先需要處理圖片,點擊單張圖片瞭解圖片寬度後再進行全選,將圖片寬度統一縮小10%:
然後為第一張圖片添加淡入和放大兩個動畫。完成後在動畫窗格中,右擊放大動畫,打開效果選項,將放大比例設置為110%
完成後利用動畫刷為每個圖片都加上這個動畫組合,再逐個調整動畫速率即可:
動畫延遲和持續時間的調整非常關鍵,需要反覆的調試。時間關係,三頓做了一個比較簡單的樣稿:
大家不妨可以自己動手嘗試一下,如果有更好的製作方法,也歡迎留言分享出來~
趕快收好這些
方便大家動手練習,三頓把部分蘋果發佈會的圖片和平滑效果的案例做了完整打包。
獲取方式如下:
第一步:點擊文章右下角的“在看”按鈕第二步:在公眾號回覆“蘋果”即可獲取推薦資源: