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