日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

當(dāng)這頁PPT中的數(shù)字動起來后,沒人會不愛!太震撼了!

 yuj6666 2021-07-14





而如果你會一些動畫技巧,讓這些重點數(shù)據(jù),滾動起來。在演示時,頁面就變得更加鮮活靈動、吸人眼球:


圖片
圖片


是不是很贊呢?

而像上面這些數(shù)字滾動的效果,實現(xiàn)方法,可謂是多種多樣。

今天這篇文章,就跟各位分享 4 個,容易上手的制作方法,不需要借助插件就能實現(xiàn)哦!


圖片


在介紹方法之前,先推薦幾款好看的免費英文字體:


圖片


畢竟數(shù)字作為頁面主角,如果數(shù)字的字型不夠美觀,即使動畫做的再 6,頁面依舊不好看。

那么接下來,就先來說第一個方法。


平滑裁剪



圖片


這個方法主要利用了,圖片裁剪后,添加平滑切換,能夠產(chǎn)生原位移動的特性。概念有些抽象,咱們直接看操作步驟,更容易理解。

比如我們需要數(shù)字 0 變?yōu)?nbsp;4 ,就需要先在一個文本框中,輸入數(shù)字 0-4,并保持一字一行:


圖片
建議字號大一些,避免轉(zhuǎn)圖后模糊。


剪切,并將其粘貼為圖片:


圖片


在第一頁上,裁剪圖片,只保留 0:


圖片


復(fù)制一頁:


圖片


在第二頁中,點擊裁剪,拖動圖片,保留數(shù)字 4:


圖片


為第二頁,添加切換效果「平滑」:


圖片

調(diào)整切換的持續(xù)時間,便可控制數(shù)字滾動的速度,時間越短,速度越快。



這樣就會數(shù)字就會由 0 滾動到 4:


圖片


按照上述的方法,分別得到個、十、百、千、萬位:


圖片


播放,來看下效果:


圖片


像這個圖表,也是采用了「平滑+裁剪」的方法:


圖片


看到這里,有些朋友就要發(fā)問了,我 PPT 版本太低,沒有「平滑」咋整?

別急,咱們來看第二個方法。


路徑遮罩


圖片


通過第一個方法,相信一定看出,所謂的數(shù)字滾動,其實就是一列數(shù)字,向上或向下快速移動。

而快速移動,我們使用路徑動畫中的直線,也可實現(xiàn):


圖片


依舊是數(shù)字 0-4 的文本框,我們?yōu)槠?strong>添加 「直線」路徑動畫,并拖動紅色控點,讓 0 與 4 重合:


圖片


就能得到 0 至 4 的滾動效果:


圖片


為了不讓其他數(shù)字顯現(xiàn),我們可以在頁面上下兩側(cè),加入與背景色相同的色塊,進行遮擋:


圖片


如果背景使用漸變色,或者有背景圖片:


圖片


使用純色色塊遮擋,頁面就像多出兩塊兒補丁一樣:


圖片


為了規(guī)避這個問題,我們可以剪切背景圖片,在設(shè)置背景格式中,選擇圖片或紋理填充,點擊剪貼板:


圖片


再將遮罩色塊改為,幻燈片背景填充:


圖片


這樣色塊就會與背景融為一體,毫無破綻。


圖片


同樣的,我們再來看一個路徑+遮罩的案例:


圖片


切入切出


圖片


除此之外,我們還可以利用「切入+切出」的組合動畫,模擬數(shù)字滾動:


圖片


原理是這樣的,利用「切入」讓數(shù)字從下方漸隱出現(xiàn),利用切出從上方漸隱消失:


圖片


比如我們需要從 0 滾動到 9,還是需要在一個文本框中輸入數(shù)字 0-9, 且一字一行:


圖片


調(diào)整文本框多倍行間距為 0,將所有數(shù)字重疊:


圖片


為其添加切入動畫,在效果選項中,設(shè)置方向自底部、按詞順序、延遲 50%:


圖片


在計時選項中,調(diào)整期間為 0.1:


圖片
期間就是動畫的持續(xù)時間。


現(xiàn)在,數(shù)字從下方依次飛入:


圖片


接著,再為其添加切出動畫,并在效果選項中,設(shè)置方向到頂部、按詞順序、延遲 50%:


圖片


在計時選項中,延遲 0.1,期間同樣為 0.1:


圖片


這時,就會形成完整的數(shù)字滾動:


圖片


到這里你會發(fā)現(xiàn),最后的數(shù)字 9 也會消失。

為了在頁面中留住數(shù)字 9,我們可以在切出動畫的效果選項中,將重復(fù)改為 0.9:


圖片
0.9并不是一個固定數(shù)值,需根據(jù)實際情況上下浮動。


這樣動畫會在最后一個數(shù)字停止:


圖片


對于這個動畫,現(xiàn)階段仍有些瑕疵,就是數(shù)字從出現(xiàn)到消失的距離過長:


圖片


這是由于文本框邊界過大所造成的。

想要解決這個問題也很簡單,我們可以選中文本框,依次點擊形狀格式 - 文本效果 - 轉(zhuǎn)換 - 正方形:


圖片


由于文字被壓縮,所以需要對文本進行拉伸矯正:


圖片


前后的對比,距離明顯縮短:


圖片


來看下這個方法,應(yīng)用到實際頁面中的效果:


圖片


此外,文章開頭的這個案例,也采用的是這個方法:


圖片


如果你覺得上面這些方法太難,看完感覺只有腦子會了。那么,最后這個方法一定適合你。


WPS 一鍵生成


圖片


在 WPS 這款軟件中,直接內(nèi)置了這樣一個動畫效果,就叫做「動態(tài)數(shù)字」


圖片


你只需要在文本框中,輸入最終數(shù)值,然后點擊動態(tài)數(shù)字


圖片


就能做出這樣的效果:


圖片


是不賊簡單?不過缺點嘛,就是這個效果只能在 WPS 中演示,跟 PPT 是無緣了,以上。


    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多