編按:
相信大家經常會在發布會、年會、工作匯報等重大場合的PPT中看到一些數字滾動的動畫效果。對於一些需要體現數據變化過程的PPT,數字滾動動畫無疑是錦上添花。對於單個數據變化來說,可以通過遮罩或者平滑來做。但是同一頁面上實現多個數據的動態變化,適合用ok插件的圖形逐幀功能來做!
首先,我要簡單介紹下逐幀動畫。逐幀動畫是一種在連續的關鍵幀中分解動畫動作,即在時間軸的每一幀上繪製不同內容並使之連續播放成動畫的一種常見的動畫形式。所以我們肉眼所看到的動畫,其實是由24張照片進行快速播放形成的,也就是在1秒的時間單位裡有24張畫面的連續播放,從而形成動態效果。我們可以運用其原理,繪製多個對象,通過快速播放,從而形成動畫,達到我們想要的效果。
接下來,我要通過下面的案例,詳細講解如何用PPT逐幀動畫製作一個頁面多組數字滾動的動畫效果。
第一步:我們通過文案整理出下面的數據,希望通過數據滾動來實現其變化的趨勢,然後主色調偏向於黨政風,所以這裡我們可以以紅色為主。
第二步:通過風格的確定來調整合適的布局和設計元素,得到如下畫面:
第三步:靜態畫面設計好後,真正的重頭戲開始啦。我們對「11000」複製15份,然後修改每個文本框的數字,這裡數字可以是任意無規律的,如下圖所示:
第四步:這裡我們需要藉助下OK插件來完成,我們全選這15個文本框,複製一份,為後面的備份。點擊OK插件中的【一鍵轉圖】,將15個文本框轉成圖片。再點擊OK插件中的【逐幀相關】下的【圖形逐幀】,在頁面的左上方會形成一個多文本框的疊加框,並且會彈出下列對話框:
我們打開動畫窗格,將其動畫的字母延遲為「100」,如下動圖所示:
第五步:我們將這個文本框置於原來的「11000」上,然後將其它元素進行組合,如下動圖所示:
第六步:我們需要將數字滾動動畫與其匹配的元素進行動畫搭配,所以先為其組合添加一個浮入動畫,觸發方式全部改為【與上一動畫同時】,依次進行延遲,如下動圖所示:
第七步:對於其它組,是同樣的思路和操作步驟,唯一需要注意的點就是需要看下數據的位數是多少,然後按照前面的步驟,就可以全部做好,如下動圖所示:
可以發現,數據滾動的速度有點慢,那麼如何調整呢?非常簡單,雙擊數字滾動文本框,在效果中的【設置文本動畫】下的【按字母順序】中,將字母延遲改為70%,百分比值越低,滾動速度越快,這個就看你的需求啦,具體操作如下圖所示:
那麼整個過程中,最核心的技術就是逐幀動畫,那麼這個可以藉助OK插件裡的【圖形逐幀】來完成,如果你沒有安裝這個插件,可以訪問 http://oktools.xyz/
如果你不會用這個插件也沒關係,開發者很貼心,點擊【學習OK插件】,裡面都有相關的對應教程,非常值得學習,對於今後我們提高PPT設計效率很有作用。如果有不了解的地方添加微信【blwppt】,加入我們的作品交流群,領取PPT源文件學習,直接在群中向作者請教。更多精彩的PPT教程,下期見了~~