而如果你會(huì)一些動(dòng)畫技巧,，讓這些重點(diǎn)數(shù)據(jù),，滾動(dòng)起來(lái)。在演示時(shí),，頁(yè)面就變得更加鮮活靈動(dòng),、吸人眼球：而像上面這些數(shù)字滾動(dòng)的效果,，實(shí)現(xiàn)方法,，可謂是多種多樣。
今天這篇文章,，就跟各位分享 4 個(gè),，容易上手的制作方法，不需要借助插件就能實(shí)現(xiàn)哦,！在介紹方法之前,，先推薦幾款好看的免費(fèi)英文字體：畢竟數(shù)字作為頁(yè)面主角，如果數(shù)字的字型不夠美觀,，即使動(dòng)畫做的再 6,，頁(yè)面依舊不好看。那么接下來(lái),，就先來(lái)說(shuō)第一個(gè)方法,。平滑裁剪 這個(gè)方法主要利用了，圖片裁剪后,，添加平滑切換,，能夠產(chǎn)生原位移動(dòng)的特性。概念有些抽象,，咱們直接看操作步驟,，更容易理解。比如我們需要數(shù)字 0 變?yōu)?nbsp;4 ,，就需要先在一個(gè)文本框中,，輸入數(shù)字 0-4，并保持一字一行：建議字號(hào)大一些,，避免轉(zhuǎn)圖后模糊,。在第二頁(yè)中，點(diǎn)擊裁剪,，拖動(dòng)圖片,，保留數(shù)字 4：調(diào)整切換的持續(xù)時(shí)間,，便可控制數(shù)字滾動(dòng)的速度,，時(shí)間越短,，速度越快。 這樣就會(huì)數(shù)字就會(huì)由 0 滾動(dòng)到 4：按照上述的方法,，分別得到個(gè),、十、百,、千,、萬(wàn)位：像這個(gè)圖表,，也是采用了「平滑+裁剪」的方法：
看到這里,，有些朋友就要發(fā)問了，我 PPT 版本太低,，沒有「平滑」咋整,？
通過(guò)第一個(gè)方法,，相信一定看出，所謂的數(shù)字滾動(dòng),，其實(shí)就是一列數(shù)字,，向上或向下快速移動(dòng)。而快速移動(dòng),，我們使用路徑動(dòng)畫中的直線,，也可實(shí)現(xiàn)：依舊是數(shù)字 0-4 的文本框，我們?yōu)槠?strong>添加 「直線」路徑動(dòng)畫,，并拖動(dòng)紅色控點(diǎn),，讓 0 與 4 重合：為了不讓其他數(shù)字顯現(xiàn)，我們可以在頁(yè)面上下兩側(cè),，加入與背景色相同的色塊,，進(jìn)行遮擋：使用純色色塊遮擋,，頁(yè)面就像多出兩塊兒補(bǔ)丁一樣：為了規(guī)避這個(gè)問題，我們可以剪切背景圖片,，在設(shè)置背景格式中,，選擇圖片或紋理填充，點(diǎn)擊剪貼板：這樣色塊就會(huì)與背景融為一體,，毫無(wú)破綻。同樣的,，我們?cè)賮?lái)看一個(gè)路徑+遮罩的案例：
除此之外,，我們還可以利用「切入+切出」的組合動(dòng)畫,，模擬數(shù)字滾動(dòng)：原理是這樣的，利用「切入」讓數(shù)字從下方漸隱出現(xiàn),，利用「切出」從上方漸隱消失：比如我們需要從 0 滾動(dòng)到 9,，還是需要在一個(gè)文本框中輸入數(shù)字 0-9， 且一字一行：
調(diào)整文本框多倍行間距為 0,，將所有數(shù)字重疊：為其添加切入動(dòng)畫,，在效果選項(xiàng)中，設(shè)置方向自底部,、按詞順序,、延遲 50%：在計(jì)時(shí)選項(xiàng)中，調(diào)整期間為 0.1：期間就是動(dòng)畫的持續(xù)時(shí)間,。
現(xiàn)在,，數(shù)字從下方依次飛入：接著，再為其添加切出動(dòng)畫,，并在效果選項(xiàng)中,，設(shè)置方向到頂部、按詞順序,、延遲 50%：在計(jì)時(shí)選項(xiàng)中,，延遲 0.1，期間同樣為 0.1：這時(shí),，就會(huì)形成完整的數(shù)字滾動(dòng)：到這里你會(huì)發(fā)現(xiàn),，最后的數(shù)字 9 也會(huì)消失。為了在頁(yè)面中留住數(shù)字 9,，我們可以在切出動(dòng)畫的效果選項(xiàng)中,，將重復(fù)改為 0.9：0.9并不是一個(gè)固定數(shù)值，需根據(jù)實(shí)際情況上下浮動(dòng),。
這樣動(dòng)畫會(huì)在最后一個(gè)數(shù)字停止：對(duì)于這個(gè)動(dòng)畫,，現(xiàn)階段仍有些瑕疵，就是數(shù)字從出現(xiàn)到消失的距離過(guò)長(zhǎng)：想要解決這個(gè)問題也很簡(jiǎn)單,，我們可以選中文本框，依次點(diǎn)擊形狀格式 - 文本效果 - 轉(zhuǎn)換 - 正方形：
由于文字被壓縮,，所以需要對(duì)文本進(jìn)行拉伸矯正：來(lái)看下這個(gè)方法，應(yīng)用到實(shí)際頁(yè)面中的效果：此外,，文章開頭的這個(gè)案例,，也采用的是這個(gè)方法：
如果你覺得上面這些方法太難，看完感覺只有腦子會(huì)了。那么,，最后這個(gè)方法一定適合你,。在 WPS 這款軟件中，直接內(nèi)置了這樣一個(gè)動(dòng)畫效果,，就叫做「動(dòng)態(tài)數(shù)字」：你只需要在文本框中,，輸入最終數(shù)值，然后點(diǎn)擊「動(dòng)態(tài)數(shù)字」：是不賊簡(jiǎn)單,？不過(guò)缺點(diǎn)嘛,，就是這個(gè)效果只能在 WPS 中演示，跟 PPT 是無(wú)緣了,，以上,。
|
