這個(gè)酷炫的PPT線(xiàn)條動(dòng)畫(huà)效果，原來(lái)這么實(shí)用！

在之前的文章中，我曾經(jīng)用過(guò)一個(gè)線(xiàn)條描邊的動(dòng)畫(huà)，就是它：

很多讀者留言表示很感興趣，一直有人問(wèn)我，想知道怎么做：

其實(shí)，這個(gè)動(dòng)畫(huà)效果看起來(lái)非常復(fù)雜，但你知道嗎？只要你具備耐心，我們每一個(gè)人都可以做出來(lái)。

為什么這么說(shuō)呢？

因?yàn)檫@個(gè)動(dòng)畫(huà)的效果無(wú)非就是基礎(chǔ)的擦除，淡入，而可能有些難度的地方就是，對(duì)物體進(jìn)行描邊。

因?yàn)檫@是一筆一劃描出來(lái)的，沒(méi)什么特別的竅門(mén)：

用到的功能呢，就是形狀中的任意多邊形：

不過(guò)你知道嗎？對(duì)于PPT設(shè)計(jì)來(lái)說(shuō)，掌握對(duì)物體描邊的能力，不僅僅可以用作簡(jiǎn)單的動(dòng)畫(huà)，在演示呈現(xiàn)中，還有很多實(shí)際的用途。

所以，這篇文章，就來(lái)好好地聊一下PPT線(xiàn)條描邊。

它有什么用呢？可以分為3個(gè)。分別是：

• 展現(xiàn)概念化場(chǎng)景
• 呈現(xiàn)物體內(nèi)部結(jié)構(gòu)
• 表現(xiàn)物體創(chuàng)作過(guò)程

咱們挨個(gè)來(lái)說(shuō)。

展現(xiàn)概念化場(chǎng)景

很多時(shí)候，當(dāng)我們不想使用一個(gè)具體的寫(xiě)實(shí)場(chǎng)景時(shí)，使用描邊圖形，即可以呈現(xiàn)出事物特征，也可以表達(dá)內(nèi)在含義。

有點(diǎn)抽象，對(duì)嗎？咱們看一個(gè)簡(jiǎn)單的案例。

比如我們?cè)诮榻B小米凈化器時(shí)，如果需要呈現(xiàn)其使用場(chǎng)景，那么，孤零零地把一張產(chǎn)品圖放在頁(yè)面上，很難體現(xiàn)出場(chǎng)景感：

而如果我們這樣呢？

不僅可以營(yíng)造產(chǎn)品的場(chǎng)景感，而且，還可以更清晰地在頁(yè)面上凸顯產(chǎn)品重點(diǎn)。

再比如，像下面這個(gè)頁(yè)面，我們?yōu)榱四軌蝮w現(xiàn)出「智能聯(lián)動(dòng)」的含義，也可以在頁(yè)面上添加一些抽象化的描邊圖形，來(lái)更形象地呈現(xiàn)這個(gè)場(chǎng)景：

明白了嗎？

可能很多朋友會(huì)覺(jué)得圖形描邊很復(fù)雜，對(duì)嗎？其實(shí)不是，我們可以利用一款 PPT 插件，叫做 PA 口袋動(dòng)畫(huà)，一鍵進(jìn)行描邊。

怎么做呢？舉個(gè)例子來(lái)說(shuō)。

比如我們想要為這位小哥哥創(chuàng)建描邊，看起來(lái)很復(fù)雜，對(duì)嗎？那該怎么辦呢？

第一步，我們選中這張 PNG 去背的圖片，點(diǎn)擊 PA 口袋動(dòng)畫(huà)中的創(chuàng)意圖形，選擇矢量描邊：

第二步，哪還有第二步？已經(jīng)結(jié)束了，我們已經(jīng)成功地創(chuàng)建了矢量形狀，接下來(lái)只需要把形狀的填充設(shè)置為「無(wú)填充」即可：

呈現(xiàn)物體內(nèi)部結(jié)構(gòu)

當(dāng)我們想要呈現(xiàn)產(chǎn)品內(nèi)部的特征時(shí)，使用描邊圖形來(lái)呈現(xiàn)其框架，是最合適的方法。什么意思呢？

舉幾個(gè)例子。

比如像下面這頁(yè) PPT ，當(dāng)我們想要展示空氣凈化器對(duì)嬰兒房的凈化能力時(shí)，我們可以使用描邊來(lái)勾勒出房屋的內(nèi)部結(jié)構(gòu)，從而，更加可視化地對(duì)文案進(jìn)行呈現(xiàn)：

 

再比如，當(dāng)我們想要表現(xiàn)出我們的產(chǎn)品設(shè)計(jì)中有關(guān)高溫保護(hù)的功能，那么，展現(xiàn)其內(nèi)部的結(jié)構(gòu)設(shè)計(jì)，會(huì)是一個(gè)很不錯(cuò)的方法：

再比如，當(dāng)我們想要呈現(xiàn)出一口鍋的性能，那么，使用線(xiàn)條勾勒出其外部的輪廓，可以讓觀眾更清晰地看到其內(nèi)部結(jié)構(gòu)：

表現(xiàn)物體創(chuàng)作過(guò)程

這一點(diǎn)就需要結(jié)合動(dòng)畫(huà)來(lái)呈現(xiàn)，因?yàn)閷?duì)于任何產(chǎn)品的設(shè)計(jì)，都是先有線(xiàn)條，再不斷豐富。所以，使用動(dòng)畫(huà)和描邊的結(jié)合，可以很恰當(dāng)?shù)爻尸F(xiàn)物體創(chuàng)作過(guò)程。

比如像前面提到的泰和地產(chǎn)的 PPT 頁(yè)面，就是利用這個(gè)方法進(jìn)行設(shè)計(jì)制作：

再比如，我們?cè)賮?lái)舉個(gè)例子。比如我們要為某個(gè)掃地機(jī)器人產(chǎn)品制作幻燈片，文案是這樣的：

那么，該怎么可視化地呈現(xiàn)出其建模的過(guò)程呢？

首先，咱們可以先來(lái)找一張相關(guān)的場(chǎng)景圖片，并把文案放在頁(yè)面上：

接下來(lái)，既然要體現(xiàn)「實(shí)時(shí)建?！沟奶攸c(diǎn)，我們可以找一個(gè)房屋的圖片，并且為其創(chuàng)建一個(gè)大致的輪廓：

然后，如何才能體現(xiàn)出機(jī)器人「實(shí)時(shí)建?！沟膭?dòng)感呢？咱們可以參考全息投影的感覺(jué)，來(lái)繪制一個(gè)三角形，并把剛才的房屋輪廓放在上面：

最后，加上基礎(chǔ)的擦除動(dòng)畫(huà)即可：

 

明白了嗎？這就是描邊圖形在PPT設(shè)計(jì)中的一些用法。在特定場(chǎng)景下，使用描邊的表現(xiàn)形式，不僅能夠保持頁(yè)面的簡(jiǎn)潔，還可以清晰地呈現(xiàn)出我們要表達(dá)的核心觀點(diǎn)，非常好用。

好了，長(zhǎng)假歸來(lái)，終于又可以工作了。