深度拆解超酷的圖片墻PPT動(dòng)畫(huà)，這個(gè)教程你值得擁有

前天寫(xiě)了一篇PPT修改的文章，里面用到了一些圖片墻動(dòng)畫(huà)效果的呈現(xiàn)，很多讀者問(wèn)我這是怎么做的：?

鑒于提問(wèn)的人數(shù)有點(diǎn)多，所以，索性就直接寫(xiě)一篇文章吧，這樣說(shuō)的更清楚一點(diǎn)。?

?

不過(guò)，在分享具體的操作之前呢，我還是希望各位能夠明白，我們?yōu)槭裁匆玫竭@樣的一個(gè)效果？

?

為什么呢？?

之所以要使用圖片墻的形式，就在于能夠呈現(xiàn)出無(wú)盡的延伸感，從而表現(xiàn)很多這一概念。?

?當(dāng)然，還有其他的形式，都可以很好的體現(xiàn)出這一點(diǎn)，比如像這些：??

?

明白了這一點(diǎn)之后呢，接下來(lái)，咱們就來(lái)說(shuō)說(shuō)圖片墻動(dòng)畫(huà)的具體操作手法。??

這里呢，分為兩個(gè)模塊，一是制作圖片墻，第二呢，是添加動(dòng)畫(huà)。?

?

首先是圖片墻的制作，這里有兩個(gè)方法。

1. 直接旋轉(zhuǎn)法

這種方法會(huì)比較簡(jiǎn)單，我們只需要先把圖片并列排版好，并將其組合在一起。就像這樣：??

然后，直接旋轉(zhuǎn)某個(gè)角度就可以了，可以是30°，也可以是15°：??

為了便于各位理解，我錄了一個(gè)動(dòng)圖：?

這里要注意，盡量把一部分圖片露出在頁(yè)面外，因?yàn)樾D(zhuǎn)之后，可能會(huì)出現(xiàn)頁(yè)面部分區(qū)域缺失?

2. 三維旋轉(zhuǎn)法?

這個(gè)方法稍微復(fù)雜一些，但效果更好，我習(xí)慣的做法是這樣的。?

先來(lái)插入一個(gè)與圖片尺寸相同的矩形，選中后設(shè)置三維旋轉(zhuǎn)，在這里，找到這個(gè)效果樣式，并直接使用：?

這時(shí)候，形狀的樣式，就變成了這樣：

然后呢，我們圍繞著矩形來(lái)插入一些線條，就像這樣：?

這一步的目的，是為了后面排版更多圖片時(shí)，有一個(gè)界線標(biāo)準(zhǔn)，不至于排版的時(shí)候，沒(méi)辦法對(duì)齊。?

最后，我們通過(guò)手動(dòng)的方式，就可以很好地完成圖片墻的拼接：??

這里額外說(shuō)一句，千萬(wàn)不要把所有圖片組合后，再整體進(jìn)行三維旋轉(zhuǎn)，因?yàn)檫@樣的話，后面就沒(méi)辦法逐一添加動(dòng)畫(huà)了。?

接下來(lái)，就是圖片墻動(dòng)畫(huà)的制作。??

這里呢，牽扯到兩個(gè)類型動(dòng)畫(huà)的制作，為了方便大家理解，我挨個(gè)來(lái)說(shuō)一下。

?

首先是這個(gè)：?

?它的完整動(dòng)畫(huà)路徑是這樣的：?

給每一張圖片同時(shí)添加兩個(gè)動(dòng)畫(huà)，一是淡入，二是直線路徑，并且設(shè)置兩個(gè)動(dòng)畫(huà)同時(shí)播放：??

這時(shí)候，動(dòng)畫(huà)的效果就變成了這樣：?

然后呢，為了讓圖片的出場(chǎng)順序更加流暢自然，我們可以調(diào)整動(dòng)畫(huà)的延遲時(shí)間：??

這個(gè)不固定，也盡量不要固定，可以設(shè)置的都不一樣。?

到這里呢，第一張圖片墻動(dòng)畫(huà)的效果，就算完成了。?

其次是這個(gè)，有放大后并縮小的效果：?

?而它的完整動(dòng)畫(huà)路徑呢，大概是這樣：?

也是給每一張圖片同時(shí)添加兩個(gè)動(dòng)畫(huà)，一是淡入，二是放大/縮小，并且設(shè)置兩個(gè)動(dòng)畫(huà)同時(shí)播放：?

?動(dòng)圖呈現(xiàn)一下動(dòng)畫(huà)的效果：?但是，這里有一個(gè)點(diǎn)一定要注意，我們?cè)谠O(shè)置< 放大/縮小 >動(dòng)畫(huà)時(shí)，一定要在效果選項(xiàng)里，勾選< 自動(dòng)翻轉(zhuǎn) >：?

為什么呢？可能很多人沒(méi)注意過(guò)，因?yàn)橹挥泄催x這個(gè)，圖片才會(huì)呈現(xiàn)放大后，再縮小。?

最后呢，也是一樣，要添加動(dòng)畫(huà)的延遲效果，時(shí)間也盡量不要固定。只有這樣，動(dòng)畫(huà)的呈現(xiàn)效果，才是最完美的：??

明白了嗎？這就是一些非常簡(jiǎn)單，但是很實(shí)用的動(dòng)畫(huà)知識(shí)點(diǎn)，希望對(duì)各位有所幫助。

好了，以上就是這篇文章的全部?jī)?nèi)容，那通過(guò)這篇文章呢，希望大家能夠掌握三個(gè)點(diǎn)：?

一是當(dāng)表現(xiàn)『多』這一概念時(shí)，可以考慮使用圖片墻或文字云的形式。

二是直線型動(dòng)畫(huà)的完整路徑。

三是放大縮小型動(dòng)畫(huà)的完整路徑。

希望對(duì)各位有所啟發(fā)。

原標(biāo)題：搞定這兩個(gè)超酷的PPT動(dòng)畫(huà)，這3個(gè)技巧你一定要知道！