我賭五毛,你一定沒用過這個位於PPT插入選項卡的動作功能:
三頓就是用這個不起眼的小功能,製作了超多酷炫的交互動畫。比如在做APP產品介紹時,點擊左側的按鈕就能一鍵更換背景和產品圖片:
甚至不用點擊!將鼠標滑動到按鈕位置就能給車換色:
這種玩法放到PPT目錄頁中也很好用:
再還能用到常見的內容頁中!只需要滑動到對應位置,就能展開呈現具體內容:
是不是超酷?三頓要告訴你的是,不僅效果酷炫,而且做起來一點都不復雜,和我一起來看看吧!
交互動畫的基本原理
這個動作功能到底是幹嘛呢?簡單來說就是一個超鏈接。比如現在有這樣三個頁面:
給首頁的兩個按鈕添加上動作效果之後,點擊按鈕1就能切換到頁面1,點擊按鈕2就能切換到頁面2。
給大家看一下具體的設置選項:
那是什麼原因讓這個功能變得特別酷炫呢?一是除了點擊鼠標打開超鏈接外,還支持鼠標懸停,也就是鼠標懸浮到指定位置,無需點擊就能打開超鏈接指向的頁面。
二是可以結合平滑動畫,點擊的同時也能執行元素由A狀態到B狀態的平滑過渡。比如只要將鼠標滑動到紅色小圓的位置,立馬變成藍色的大圓:
如果你對平滑動畫不瞭解,也可以點擊這裡查看三頓之前寫過的一篇介紹。
除此之外,不僅形狀可以添加動作效果,各種圖片和文字都能添加動作效果,這都使得動作變成了一個黑科技功能!
交互動畫搞定產品介紹頁
瞭解了動作功能的基本原理之後,不妨動手試試製作這種效果!以前面分享的這個頁面為例,具體是怎麼製作的呢?
第一步,我們需要做好四個產品頁面:
第二步,在頁面一中添加上用來交互的按鈕模塊:
第三步,給每個按鈕都加上動作效果。在操作設置中選擇單擊鼠標一欄,超鏈接到幻燈片,指向對應的四個頁面:
第四步,把做好的動作按鈕複製到每一頁中:
最後,給每頁都加上平滑效果,即可完成整個效果的製作。
是不是特別簡單?汽車這個動畫製作起來也是類似,做好頁面,添加按鈕,設置動作,加上動畫,簡單幾步就能搞定。
唯一變化的就是在添加動作時,需要選擇鼠標懸停一欄再添加超鏈接:
另外還要用到一個關於平滑功能的小技巧,四張汽車圖片需要在選擇窗格中以“!!1”的形式進行命名,強制關聯以實現變色的效果。
交互動畫搞定PPT內容頁
再來看這個要複雜一些的的案例,這種超酷炫的展開動畫是怎麼做的呢?
素材準備製作這個效果,首先需要進行的是素材準備。我們要找好這樣六張圖片:
使用PPT中的剪裁功能將它們分別裁成相同的矩形:
剪裁後就能得到這堆素材:
另外我們還需要準備這樣六個只添加了背景的PPT頁面:
具體制作接著才是具體制作,我們需要給剛剛做好的六個矩形加上動作效果,分別指向六個只有背景的PPT頁面。
記住,每個在操作設置中都得設置鼠標懸停,鏈接到對應頁面:
設置完成後,我們只需要將這些添加了動作的矩形圖片和原圖片拼組到六個PPT背景頁面上,再加上文字,製作成完整的PPT:
再對每頁加上平滑效果,即可搞定:
小貼士目錄交互動畫的製作更加簡單,區別就是不用添加平滑效果,後三頁各自去掉一個黑色蒙版即可。大家不妨可以跟著圖片自己動手嘗試一下:
在實際的PPT製作中,我們可以使用隱藏幻燈片的功能把多餘頁面隱藏起來,保證原有頁面正常切換的同時,交互動畫效果不受影響。
三頓在介紹案例時為了方便大家跟著練習,做的是逐步拆解,看著好像有些難度,其實就是以下幾個簡單步驟:
除此之外,動作功能結合平滑效果還有超多有趣玩法,比如小夥伴@短酷PPT製作的這個案例,圓形可以跟隨鼠標一起移動:
再比如經典的放大鏡動畫,可以使用動作功能加上一個滑動模塊。用好這個實用的小功能,能做出不少酷炫的交互效果。
趕緊自己動手試試吧!同樣方便大家動手練習,文章中用到的部分案例也給大家做了打包,
第二步:在“動作”即可獲取
當然不點在看也能獲取,但是寫稿不易,如果覺得有用,希望你能小小支持和鼓勵一下三頓哦~
形狀元素在PPT中的應用場景
寫論文必備的乾貨資源包
收好這套超5萬人在學的PPT課程!
閱讀更多 三頓 的文章