今年蘋果發(fā)布會(huì)沒有看，但是最近看到三石兄發(fā)了一篇關(guān)于發(fā)布會(huì)現(xiàn)場(chǎng)的這頁P(yáng)PT復(fù)刻的推文困食，它介紹的是利用直線輔助的方法來完成边翁。

那么今天我們主要介紹如何用插件來復(fù)刻它。接下來我們將借助islide和OK以及PA口袋動(dòng)畫三個(gè)插件來實(shí)現(xiàn)它硕盹。

首先我們來看一下它動(dòng)態(tài)的完整效果??

觀察這一頁P(yáng)PT符匾，我們可以發(fā)現(xiàn)難點(diǎn)主要是在于中間的動(dòng)態(tài)進(jìn)度條和動(dòng)態(tài)數(shù)據(jù)。那么這個(gè)動(dòng)態(tài)進(jìn)度條和動(dòng)態(tài)數(shù)據(jù)有沒有方便的方法來做呢瘩例？

關(guān)于這個(gè)動(dòng)態(tài)數(shù)據(jù)滾動(dòng)的做法啊胶，我們前面推文有講過，利用OK插件一鍵生成垛贤。我們?cè)賮韽?fù)習(xí)一下操作??

1.滾動(dòng)數(shù)據(jù)動(dòng)畫

1）先縱向打出一列隨機(jī)數(shù)字

2）通過OK插件“文檔組-逐幀相關(guān)-逐幀輔助-設(shè)置行間距為固定值0磅”焰坪，再對(duì)文本添加逐幀閃爍，設(shè)置對(duì)應(yīng)參數(shù)即可聘惦。

3）在滾動(dòng)數(shù)據(jù)末尾為最后停留的數(shù)據(jù)某饰，添加出現(xiàn)動(dòng)畫。

2.半封閉式圓環(huán)進(jìn)度條

接下來觀察我們這個(gè)由圓點(diǎn)組成的半封閉圓環(huán)式進(jìn)度條部凑，我們發(fā)現(xiàn)它包含了以下圖示的基礎(chǔ)屬性的變化露乏，那么我們就可以利用插件對(duì)應(yīng)的功能來制作這個(gè)圓環(huán)進(jìn)度條??

1）插入正圓形碧浊，對(duì)圓形執(zhí)行“環(huán)形布局”涂邀。

動(dòng)態(tài)操作演示如下??

最后刪除掉多余部分，即可??

2）通過“OK神框-填充透明遞進(jìn)”設(shè)置它的遞進(jìn)透明填充屬性箱锐。

OK神框“填充透明遞進(jìn)”使用方法比勉，在這里簡(jiǎn)單說明一下，在框內(nèi)輸入合適的數(shù)值，中間用逗號(hào)隔開浩聋，然后回車即可观蜗。

如下圖所示，在框內(nèi)輸入“10衣洁，0”墓捻，表示的是對(duì)象填充顏色的透明度呈10%到0%的透明度變化。

這里我設(shè)置的是20%-0%的透明度的變化坊夫，這個(gè)參數(shù)可以根據(jù)自己需要來設(shè)置砖第。

動(dòng)態(tài)演示如下??

3）通過“OK神框-尺寸比例遞進(jìn)”對(duì)設(shè)置它的大小遞進(jìn)。

跟前面講的方法一樣环凿，我們只需要在神框內(nèi)插入合適的數(shù)值梧兼，用逗號(hào)隔開，然后回車即可智听。這里我設(shè)置的是“80羽杰，100”，即尺寸大小比例呈80%-100%遞進(jìn)變化到推。

下面我們直接上動(dòng)圖演示??

3.進(jìn)度條動(dòng)畫設(shè)置

我們可以看到進(jìn)度條好像是一個(gè)旋轉(zhuǎn)出現(xiàn)的這么一個(gè)效果考赛，其中還伴隨著一個(gè)大圓點(diǎn)進(jìn)行變化的。

我們可以將圓環(huán)分為2等分莉测，然后組合起來欲虚，分別用“向上”和“向下”兩個(gè)方向的擦除出現(xiàn)動(dòng)畫來做這個(gè)類似的效果。

動(dòng)態(tài)操作演示如下??

速度有點(diǎn)慢悔雹，后面我們還可以將擦除速度再調(diào)快一點(diǎn)复哆。

接著是外面的大圓點(diǎn)的伴隨路徑動(dòng)畫的設(shè)置，我們可以先復(fù)制一個(gè)圓點(diǎn)出來腌零，然后利用PA口袋動(dòng)畫插件的“形狀轉(zhuǎn)路徑”即可得到圓點(diǎn)的伴隨路徑動(dòng)畫梯找。

這里我們先用布爾運(yùn)算和編輯頂點(diǎn)，得到一個(gè)與半封閉圓環(huán)等大的半封閉圓線框益涧，作為圓點(diǎn)的伴隨路徑锈锤。

這里也簡(jiǎn)單地說明一下，“形狀轉(zhuǎn)路徑”的使用方法闲询。先選中小圓點(diǎn)久免，然后選擇口袋動(dòng)畫的插件的“形狀轉(zhuǎn)路徑”，等到半封閉線框變紅的時(shí)候扭弧，用鼠標(biāo)輕輕點(diǎn)擊一下這個(gè)線框阎姥，這個(gè)圓點(diǎn)就可以沿著這個(gè)線框做路徑運(yùn)動(dòng)。

簡(jiǎn)單來說鸽捻，“形狀轉(zhuǎn)路徑”功能呼巴，就是相當(dāng)于我可以在PPT中隨意給它畫線條泽腮，那么通過這個(gè)功能，就可以讓任意對(duì)象沿著所畫線條進(jìn)行路徑運(yùn)動(dòng)衣赶。

下面請(qǐng)看動(dòng)態(tài)演示操作??

現(xiàn)在我們已經(jīng)將圓點(diǎn)的路徑動(dòng)畫設(shè)置好了诊赊，現(xiàn)在我們可以打開動(dòng)畫窗格對(duì)它進(jìn)行一些參數(shù)調(diào)整。

最終放上文字和前面做的動(dòng)態(tài)滾動(dòng)數(shù)據(jù)的效果??

其實(shí)很多時(shí)候方法是可以遷移使用的府瞄，那么由這個(gè)圓環(huán)式動(dòng)態(tài)進(jìn)度條碧磅，我們還可以延申得到下面這些動(dòng)態(tài)進(jìn)度條??

還有這樣的??

或者這樣的??

以上就是今天要分享給大家的內(nèi)容了，希望大家喜歡遵馆！

老規(guī)矩续崖，在公眾號(hào)后臺(tái)回復(fù)“動(dòng)態(tài)數(shù)據(jù)進(jìn)度條”就即可下載以上動(dòng)態(tài)數(shù)據(jù)進(jìn)度條的PPT源文件。