前些日子，逛蘋(píng)果官網(wǎng)中的幾個(gè)動(dòng)效，引起了我的注意：

看起來(lái)還挺酷的，是嗎？但其實(shí)做法非常簡(jiǎn)單，只需要用到PPT中的一個(gè)功能，花3分鐘就能搞定。

這個(gè)功能就是——平滑：

首先，我們插入所有需要飛入的窗口，并放置到相應(yīng)的位置，得到頁(yè)面01：

然后我們把頁(yè)面01復(fù)制一下，得到頁(yè)面02：

我們選擇頁(yè)面01，把電腦放大，并把各個(gè)窗口移動(dòng)到頁(yè)面外：

最后，我們給頁(yè)面02添加一個(gè)【平滑】切換效果：

一個(gè)多窗口飛入的效果，就完成了！

怎么樣，是不是超級(jí)簡(jiǎn)單？

沒(méi)有復(fù)雜的動(dòng)畫(huà)，只需要?jiǎng)觿?dòng)鼠標(biāo)移動(dòng)一下~

并且，利用這個(gè)原理，我們還可以做出更多簡(jiǎn)單又有意思的設(shè)計(jì)！

平滑切換案例一、產(chǎn)品切換展示

這個(gè)效果該怎么做呢？

我們首先來(lái)分析一下，頁(yè)面中元素的變化原理：

Step01：產(chǎn)品A和介紹文字飛出，騰出版面空間

Step02：產(chǎn)品B和介紹文字從頁(yè)面外進(jìn)入

Step03：產(chǎn)品B和介紹文字飛出，騰出版面空間

Step04：產(chǎn)品C和介紹文字從頁(yè)面外進(jìn)入

因此，我們需要至少3個(gè)頁(yè)面。

因?yàn)?個(gè)產(chǎn)品要依次展示，所以我們先產(chǎn)品A和介紹放到頁(yè)面上，產(chǎn)品B和產(chǎn)品C則放到頁(yè)面外：

然后，我們把頁(yè)面復(fù)制一份，在新的頁(yè)面中，把產(chǎn)品A和介紹文字，移動(dòng)到頁(yè)面外：

移動(dòng)完畢后，為頁(yè)面添加【平滑】切換效果：

產(chǎn)品A和介紹都飛出去了，原理第一步實(shí)現(xiàn)了，對(duì)嗎？

接下來(lái)，我們?cè)侔旬a(chǎn)品B和介紹，移動(dòng)到頁(yè)面上：

再預(yù)覽一下效果：

產(chǎn)品A飛出，產(chǎn)品B進(jìn)入，原理的第一步和第二步都實(shí)現(xiàn)了。

重復(fù)上面的操作，我們就能實(shí)現(xiàn)產(chǎn)品B飛出，產(chǎn)品C進(jìn)入的效果：

最后，我們把這3頁(yè)連起來(lái)看一下：

還不錯(cuò)吧？

平滑切換案例二、動(dòng)感人物介紹

看完上面的講解，想必很多朋友已經(jīng)想到了，這個(gè)頁(yè)面的制作方法。

依舊只需要兩個(gè)頁(yè)面：

我們首先還是制作好最終的頁(yè)面效果：

然后把頁(yè)面復(fù)制一份，把一些元素拖拽到頁(yè)面之外：

最后，為頁(yè)面添加平滑切換，就大功告成了：

這里有一個(gè)小Tips：

為了讓頁(yè)面看起來(lái)更有穿插的動(dòng)感，這里我們可以把許多元素，拖拽到頁(yè)面的對(duì)面，這樣元素的移動(dòng)路徑，就會(huì)穿過(guò)整個(gè)頁(yè)面：

算是一個(gè)小小的細(xì)節(jié)處理，感興趣的可以記一下。

平滑切換案例三、文字縮放飛入

整個(gè)效果的原理，也非常的簡(jiǎn)單，也可以拆解為兩步：

Step01：標(biāo)題文字縮放進(jìn)入

Step02：產(chǎn)品和背景圖片淡化出現(xiàn)

我們首先把標(biāo)題文字放大，放到第一頁(yè)：

然后把該頁(yè)面復(fù)制一份，把標(biāo)題字號(hào)縮小，并添加產(chǎn)品和背景圖：

最后，為第二頁(yè)添加平滑切換效果，就完成了：

怎么樣，是不是超級(jí)簡(jiǎn)單？

其實(shí)，所謂平滑切換，無(wú)非就是把前后頁(yè)面中，相同元素的移動(dòng)路徑，展示了出來(lái)。

方法很簡(jiǎn)單，但卻能讓頁(yè)面變得更有創(chuàng)意。當(dāng)然，學(xué)會(huì)了這一招，你還可以做點(diǎn)更酷的 PPT 頁(yè)面。

比如用平滑營(yíng)造頁(yè)面氛圍感：

再比如利用平滑進(jìn)行產(chǎn)品參數(shù)的對(duì)比：

都是可以的，以上，希望對(duì)大家有所啟發(fā)。

·

原標(biāo)題：蘋(píng)果官網(wǎng)的這2個(gè)動(dòng)畫(huà)，太絲滑了！用在PPT中堪稱王炸！

前段時(shí)間，有一位做幼師的朋友，給我發(fā)了一份她做的教學(xué)課件，內(nèi)容是介紹火烈鳥(niǎo)的特征和習(xí)性。

因?yàn)槭墙o小朋友來(lái)講，所以，她覺(jué)得PPT做的太無(wú)趣，不能吸引小朋友的注意力，問(wèn)我該咋辦？
其實(shí)，如果我們能夠借助 PPT 中的3D動(dòng)畫(huà)效果，讓火烈鳥(niǎo)像飛機(jī)一樣，動(dòng)起來(lái)，也許是個(gè)不錯(cuò)的選擇。

但問(wèn)題在于，我們到底該如何做，才能讓火烈鳥(niǎo)動(dòng)起來(lái)呢？這篇文章，就來(lái)給各位分享一下我的解題思路。

一、一個(gè)大前提

想要讓元素在PPT中動(dòng)起來(lái)，需要具備兩個(gè)條件：

• 頁(yè)面有3d元素；
• 軟件有平滑功能；

這二者缺一不可。
如果能夠滿足以上兩個(gè)條件，接下來(lái)，就會(huì)簡(jiǎn)單很多，咱們繼續(xù)往下看。
首先，從哪里找到火烈鳥(niǎo)的3d模型呢？
這里呢，給大家分享3個(gè)，我用到的免費(fèi)3D模型網(wǎng)站。
1.https://free3d.com
這里有大量的3D模型，而且，免費(fèi)的模型有很多：

而且，網(wǎng)站的使用體驗(yàn)很好，下載也會(huì)很方便：

2.https://www.turbosquid.com
這也是一個(gè)國(guó)外的模型網(wǎng)站，以付費(fèi)模型為主，但也有一些免費(fèi)的：

在網(wǎng)站的首頁(yè)，有很詳細(xì)的模型分類(lèi)：

3.微軟自帶的3D查看器
這是微軟自家的一個(gè)模型資源庫(kù)，之前微軟曾推出過(guò)一個(gè)網(wǎng)站，但去年關(guān)掉了，但里面的3D模型，可以在這里找到：

點(diǎn)擊3D資源庫(kù)可以找到：

在這3個(gè)網(wǎng)站中，我個(gè)人比較推薦的是微軟自帶的3D查看器。
為啥呢？因?yàn)槠渌哪Ｐ途W(wǎng)站，雖然也提供3D資源，但當(dāng)你下載之后，在導(dǎo)入到PPT頁(yè)面上時(shí)，往往會(huì)出現(xiàn)的一個(gè)問(wèn)題是素材的紋理效果丟了。
啥意思呢？啥叫紋理丟了呢？
簡(jiǎn)單解釋一下，對(duì)于一個(gè)3d模型來(lái)講，其實(shí)分為兩個(gè)部分，一個(gè)是模型，一個(gè)是紋理：

如果沒(méi)有了紋理，那么，3D模型就會(huì)變成這樣：

這是PPT軟件中，3D功能的一個(gè)硬傷，目前，還沒(méi)有很好的解決方法。
而3D查看器的資源庫(kù)中，所有的3D模型，都是自帶紋理效果，所以，優(yōu)先推薦這個(gè)。
當(dāng)我們找到了想要的3D模型之后，接下來(lái)，把它拖入到頁(yè)面上，我們會(huì)發(fā)現(xiàn)，素材上方有一個(gè)360度旋轉(zhuǎn)的按鈕。
在這里呢，我們可以任意的調(diào)整模型的角度：

但，如果想要讓火烈鳥(niǎo)給動(dòng)起來(lái)，我們就需要為PPT頁(yè)面添加平滑切換效果，一鍵操作，非常簡(jiǎn)單：

比如說(shuō)上一頁(yè)的PPT，火烈鳥(niǎo)是這個(gè)造型：

在下一頁(yè)P(yáng)PT中，是這個(gè)造型：

我們只需要在下一頁(yè) PPT 上，添加平滑切換效果即可：

很簡(jiǎn)單對(duì)嗎？到這里呢，方法已經(jīng)解釋完畢，接下來(lái)，咱們就要修改課件了。

二、PPT頁(yè)面排版優(yōu)化

對(duì)于這份課件，看起來(lái)雖然有5個(gè)頁(yè)面，但其實(shí)，我們只需要來(lái)設(shè)計(jì)兩個(gè)頁(yè)面版式即可：

• 一個(gè)是封面頁(yè)的版式；
• 一個(gè)是內(nèi)容頁(yè)的版式；

1.咱們先來(lái)做內(nèi)容頁(yè)
如果我們只是簡(jiǎn)單地，把文字和素材放在頁(yè)面上，看起來(lái)會(huì)很單調(diào)，對(duì)嗎？

那應(yīng)該如何進(jìn)行頁(yè)面的修飾呢？
提到火烈鳥(niǎo)，我在網(wǎng)上找了一些素材，給人的感覺(jué)是粉粉的：

所以， PPT 頁(yè)面的背景，我們就可以選擇粉色：

而為了確保頁(yè)面上的信息，能夠被看得清楚，因此，我們可以選擇深紅色，作為強(qiáng)調(diào)色：

但即便如此，頁(yè)面依舊很單調(diào)：

那該怎么辦呢？
因?yàn)槊恳豁?yè)P(yáng)PT，都在講火烈鳥(niǎo)的一個(gè)器官，所以，我們可以在頁(yè)面上，插入一些手寫(xiě)的英文字母，作為裝飾。
并且呢，添加一些輔助的點(diǎn)綴元素。就像這樣：

但頁(yè)面的視覺(jué)層次感，依舊有一點(diǎn)單薄，我們可以添加一個(gè)白色色塊，使其與文字和素材形成重疊的感覺(jué)：

到這里呢，內(nèi)容頁(yè)的版式就完成了。我們可以基于不同頁(yè)面內(nèi)容的含義，調(diào)整3d素材的角度：

2.接下來(lái)，我們來(lái)設(shè)計(jì)封面頁(yè)的版式
封面設(shè)計(jì)中，我們依舊可以采用，素材疊加色塊的形式進(jìn)行呈現(xiàn)。
比如我們?cè)陧?yè)面中心，插入一個(gè)圓形，并將素材放在色塊上：

然后，我們把文字寫(xiě)在色塊里即可。
這里呢，為了讓整體的排版樣式趨于一致，我采用了一個(gè)手寫(xiě)的英文，疊在了標(biāo)題上。

但頁(yè)面的左右兩側(cè)，看起來(lái)有一些單調(diào)，那這時(shí)候怎么辦呢？
我們可以去添加一些植物素材，讓頁(yè)面的視覺(jué)效果，看起來(lái)更加豐富：

好了，到這里呢， PPT 的設(shè)計(jì)就已經(jīng)完成了，咱們來(lái)看一下最終的動(dòng)態(tài)效果：

怎么樣？還不錯(cuò)，對(duì)嗎？

原標(biāo)題：我修改了一份女孩看了會(huì)心動(dòng)的PPT！

這篇文章，來(lái)聊一聊平滑切換效果。

因?yàn)橹R(shí)點(diǎn)比較碎，所以，為了方便閱讀，我使用列表式進(jìn)行寫(xiě)作。

一、平滑效果：是最適合課件類(lèi) PPT 的一種切換效果

比如說(shuō)之前分享過(guò)得一份課件 PPT ，我們可以把封面圖書(shū)素材，和后面的結(jié)構(gòu)圖建立關(guān)聯(lián)：

二、平滑效果：建立相鄰兩頁(yè) PPT 元素之間的關(guān)聯(lián)性

比如說(shuō)，我在制作公眾號(hào)的教程課件時(shí)，為了讓各位清楚的看到一些參數(shù)變化，所帶來(lái)的影響，我會(huì)這樣來(lái)呈現(xiàn)。

這里呢，其實(shí)就分為上下兩頁(yè)，上頁(yè)是初始形態(tài)，下一頁(yè)是最終形態(tài)：

而數(shù)字的變化，同樣也是利用平滑效果完成的。

三、平滑效果：結(jié)合圖片裁剪來(lái)制作數(shù)字滾動(dòng)效果

我們?cè)陧?yè)面上輸入一大串并列的數(shù)字，然后，復(fù)制，并粘貼為圖片：

利用裁剪，在上頁(yè)定位出一個(gè)初始的數(shù)字，在后頁(yè)P(yáng)PT上，依舊是利用裁剪，定位第2個(gè)數(shù)字：

最后，在第2頁(yè) PPT 上，添加切換效果，大功告成：

這是數(shù)字滾動(dòng)的慢動(dòng)作

四、平滑效果：制作時(shí)光機(jī)動(dòng)畫(huà)

比如說(shuō)，我們?cè)谥vPPT時(shí)，講到后面的頁(yè)面，忽然想起，這個(gè)知識(shí)點(diǎn)，在前面的 PPT 頁(yè)面上出現(xiàn)過(guò)。

老師們一般會(huì)說(shuō)：「還記得我前面講過(guò)的知識(shí)點(diǎn)嗎」？但學(xué)生們一般都忘了。
不過(guò)，這時(shí)候，如果我們能夠讓 PPT 快速回到前面的頁(yè)面中呢？就像這樣：

是不是好很多呢？
那這個(gè)是怎么實(shí)現(xiàn)的呢？其實(shí)，并不是真的回到了前面的頁(yè)面，而是利用平滑切換，在后一頁(yè)P(yáng)PT上，做了一個(gè)時(shí)光穿越效果。
方法很簡(jiǎn)單，把前面的PPT頁(yè)面，全部導(dǎo)出為圖片，排成一列，并組合：

在后一頁(yè) PPT 上呢，同樣把這一列圖片放在頁(yè)面上，但是位置上有些變化：

如果換成真實(shí)的 PPT 課件頁(yè)面，大概是這樣：

最后，在第二頁(yè) PPT 上添加平滑切換效果即可：

五、僅支持平面變換，不支持三維變換

當(dāng)我們給后一頁(yè)元素，添加三維旋轉(zhuǎn)效果后，平滑效果就不起作用了，這一點(diǎn)切記。

六、元素之間組合之后，平滑效果不起作用

七、版本高才可以用平滑效果

最后再啰嗦一遍，平滑效果屬于高版本軟件的功能，不要再問(wèn)我，為啥2003版的軟件，沒(méi)有找到這個(gè)功能了。

因?yàn)槟鞘?7年前的產(chǎn)品。
好了，今天的文章就是這些。

原標(biāo)題：讓學(xué)術(shù)型PPT更出彩，強(qiáng)烈安利這個(gè)基礎(chǔ)動(dòng)畫(huà)

提到 PPT 平滑切換動(dòng)畫(huà)，相信很多讀者都不陌生，最初是 keynote 中的神奇移動(dòng)，到 PowerPoint 軟件中的平滑切換，好像最近 wps 也更新了這個(gè)效果。
總之，這是一個(gè)非常棒的切換動(dòng)畫(huà)，在之前的文章中，我曾經(jīng)分享過(guò)一些，利用平滑切換做出的案例。
比如像這個(gè)：

還有像這個(gè)：

我們只需要在連續(xù)的兩張 PPT 上，添加相同的元素，然后輕輕一點(diǎn)『平滑切換』，就可以做出非常贊的動(dòng)畫(huà)效果：

但是，如果你僅僅是這樣，為兩頁(yè)相同的元素，去簡(jiǎn)單地添加平滑動(dòng)畫(huà)，那你真的是浪費(fèi)了這個(gè)功能。

因?yàn)閷?duì)于平滑動(dòng)畫(huà)來(lái)講，還有一個(gè)玩法，叫做『埋點(diǎn)』。
啥意思呢？啥叫『埋點(diǎn)』呢？

就是在兩頁(yè) PPT 中，我們看不到有任何關(guān)聯(lián)的元素，但依舊能使用平滑切換。
到這里，很多讀者估計(jì)會(huì)有疑問(wèn)，既然兩個(gè)頁(yè)面上，沒(méi)有相同的元素，那該如何進(jìn)行平滑切換呢？
答案很簡(jiǎn)單，因?yàn)槠渲幸粋€(gè)頁(yè)面的元素，被隱藏了起來(lái)，俗稱『埋點(diǎn)』。
舉個(gè)簡(jiǎn)單的例子，比如像我前兩天的直播課件中，用到了這樣一個(gè)動(dòng)效：

這個(gè)圓圈，是怎么滾動(dòng)出來(lái)的呢？好像在 PPT 軟件中，并沒(méi)有這個(gè)動(dòng)畫(huà)。
其實(shí)很簡(jiǎn)單，我只是在上個(gè)頁(yè)面中，埋了一個(gè)點(diǎn)，并且對(duì)圓形進(jìn)行了一定角度的旋轉(zhuǎn)：

所以，當(dāng)我為下一頁(yè)，添加平滑切換時(shí)，就會(huì)是這樣的效果：

這里的圓圈，其實(shí)就是『埋點(diǎn)』。明白了嗎？
那，當(dāng)我們理解了這個(gè)概念之后，在 PPT 中，什么時(shí)候會(huì)用到切換埋點(diǎn)呢？
我個(gè)人總結(jié)了3個(gè)方法，分別是：

• 外側(cè)滑入
• 放大縮小
• 變形歸位

一、外側(cè)滑入

簡(jiǎn)單來(lái)說(shuō)，就是在上一頁(yè)中，我們把元素埋在頁(yè)面的外側(cè)，等切換到下一頁(yè)時(shí)，就會(huì)產(chǎn)生動(dòng)效關(guān)聯(lián)。
做個(gè)動(dòng)畫(huà)示意，大概就像這樣

而這種切換方式的應(yīng)用場(chǎng)景，簡(jiǎn)直太廣闊了，堪稱萬(wàn)能。
隨便舉個(gè)例子，比如說(shuō)像這兩個(gè)頁(yè)面，幾乎沒(méi)啥關(guān)聯(lián)元素，該如何處理呢？

我們可以在P1頁(yè)的左右兩側(cè)，添加上5個(gè)六邊形，并在下側(cè)，添加一個(gè)梯形：

這樣一來(lái)，頁(yè)面上的元素，就已經(jīng)與后一頁(yè)，建立起了關(guān)聯(lián)性，加上平滑，咱們看下效果：

而且，使用這種動(dòng)畫(huà)，會(huì)比直接給頁(yè)面上的元素，添加『飛入效果』更流暢。
啥意思呢？咱們先來(lái)看一下，直接添加飛入動(dòng)畫(huà)的效果，3個(gè)元素同時(shí)到達(dá)終點(diǎn)，很生硬：

而如果我們埋點(diǎn)的話，只需要讓埋點(diǎn)的元素，錯(cuò)位排列。就像這樣：

而我們小學(xué)時(shí)，都學(xué)過(guò)一個(gè)數(shù)學(xué)題，當(dāng)線段長(zhǎng)度一樣，如果小球A和小球B，想要同時(shí)到達(dá)終點(diǎn)，那么，小球B的運(yùn)動(dòng)速度，就必須要稍微大一點(diǎn)：

這樣一來(lái)，運(yùn)動(dòng)的過(guò)程，就會(huì)顯得更流暢：

為了讓各位理解的更清楚，咱們?cè)賮?lái)看一個(gè)案例，直接上動(dòng)效：

這里的圖片動(dòng)畫(huà)，其實(shí)也是一樣的原理，在上一頁(yè)左右兩側(cè)，提前放置好圖片元素即可：

再比如像這個(gè)頁(yè)面的切換動(dòng)畫(huà)：

原理也是一樣的，只是在上一頁(yè)左右兩側(cè)，各添加了一個(gè)圓形而已。

二、放大縮小

這個(gè)會(huì)比較容易理解，因?yàn)閮身?yè)上的關(guān)聯(lián)元素，只是發(fā)生了尺寸的變化。
簡(jiǎn)單來(lái)說(shuō)，就是后一個(gè)頁(yè)面中，使用了上個(gè)頁(yè)面中局部的元素。大概就像這樣：

舉個(gè)實(shí)際的例子，讓大家更容易理解。
比如像昨天，我一位同事分享的設(shè)計(jì)復(fù)盤(pán)，其中，連續(xù)的兩頁(yè)的內(nèi)容，是這樣的：

那么，為了讓頁(yè)面的動(dòng)效更流暢，他把前一頁(yè)的圖片放大后，放到了下一頁(yè)的頂部：

圖解：黃色線框區(qū)域，為第二個(gè)頁(yè)面區(qū)域

這樣一來(lái)，既避免了第二頁(yè)背景單調(diào)的問(wèn)題，又讓頁(yè)面變得更有動(dòng)感：

我個(gè)人非常喜歡，把它用在封面向目錄頁(yè)的過(guò)渡中。為啥呢？因?yàn)橹灰饷骓?yè)和目錄頁(yè)，使用了同一張圖片，這個(gè)方法就奏效。
舉個(gè)例子，比如像之前修改過(guò)的 B 站的 PPT 頁(yè)面，連續(xù)的兩個(gè)頁(yè)面是這樣的：

其中，第二頁(yè)的背景圖片呢，其實(shí)，就是封面圖片的局部放大：

這樣一來(lái)呢，只需要簡(jiǎn)單地添加平滑效果，頁(yè)面的動(dòng)效，就會(huì)變得超贊：

而如果再結(jié)合我們前面的外側(cè)滑入法，那么，頁(yè)面的動(dòng)畫(huà)，就會(huì)變成這樣：

三、變形歸位

無(wú)可厚非，聽(tīng)名字就能知道，這里的埋點(diǎn)元素呢，通常發(fā)生了變形，在切換過(guò)程中，又完成了復(fù)原。
啥意思呢？我做了個(gè)簡(jiǎn)單的動(dòng)畫(huà)示意：

那什么時(shí)候，會(huì)用到這個(gè)呢？
比如像這個(gè)頁(yè)面，為了表現(xiàn)出近大遠(yuǎn)小的透視關(guān)系，元素起始的尺寸會(huì)比較小，而滑動(dòng)到下一頁(yè)中，會(huì)不斷變大：

為了便于各位理解，咱們可以看下頁(yè)面外的一些畫(huà)面，從這一頁(yè)可以看到，飛機(jī)的初始尺寸，很?。?/p>

同樣地，再比如像進(jìn)行產(chǎn)品輪播展示時(shí)，也可以很好地使用這個(gè)方法。

如果把這個(gè)動(dòng)畫(huà)頁(yè)面拆解來(lái)看，其實(shí)會(huì)發(fā)現(xiàn)，每一頁(yè)的左右兩側(cè)，都是兩架小飛機(jī)：

怎么樣？是不是很簡(jiǎn)單？
好了，以上呢，就是平滑切換的一些新用法，操作很簡(jiǎn)單，一鍵就可以完成，而底層所利用的原理呢，就是『埋點(diǎn)』。
希望能夠給各位，帶來(lái)一些新的啟發(fā)。

原標(biāo)題：3個(gè)鮮有人知的PPT動(dòng)畫(huà)騷操作！同事：原來(lái)還能這么做？！