前天寫了一篇PPT修改的文章,里面用到了一些圖片墻動(dòng)畫效果的呈現(xiàn),很多讀者問我這是怎么做的:?
鑒于提問的人數(shù)有點(diǎn)多,所以,索性就直接寫一篇文章吧,這樣說的更清楚一點(diǎn)。?
不過,在分享具體的操作之前呢,我還是希望各位能夠明白,我們?yōu)槭裁匆玫竭@樣的一個(gè)效果?
之所以要使用圖片墻的形式,就在于能夠呈現(xiàn)出無盡的延伸感,從而表現(xiàn)很多這一概念。?
?當(dāng)然,還有其他的形式,都可以很好的體現(xiàn)出這一點(diǎn),比如像這些:??
?
明白了這一點(diǎn)之后呢,接下來,咱們就來說說圖片墻動(dòng)畫的具體操作手法。??
這里呢,分為兩個(gè)模塊,一是制作圖片墻,第二呢,是添加動(dòng)畫。?
1. 直接旋轉(zhuǎn)法
這種方法會(huì)比較簡單,我們只需要先把圖片并列排版好,并將其組合在一起。就像這樣:??
然后,直接旋轉(zhuǎn)某個(gè)角度就可以了,可以是30°,也可以是15°:??
為了便于各位理解,我錄了一個(gè)動(dòng)圖:?
這里要注意,盡量把一部分圖片露出在頁面外,因?yàn)樾D(zhuǎn)之后,可能會(huì)出現(xiàn)頁面部分區(qū)域缺失?
2. 三維旋轉(zhuǎn)法?
這個(gè)方法稍微復(fù)雜一些,但效果更好,我習(xí)慣的做法是這樣的。?
先來插入一個(gè)與圖片尺寸相同的矩形,選中后設(shè)置三維旋轉(zhuǎn),在這里,找到這個(gè)效果樣式,并直接使用:?
然后呢,我們圍繞著矩形來插入一些線條,就像這樣:?
這一步的目的,是為了后面排版更多圖片時(shí),有一個(gè)界線標(biāo)準(zhǔn),不至于排版的時(shí)候,沒辦法對齊。?
最后,我們通過手動(dòng)的方式,就可以很好地完成圖片墻的拼接:??
這里額外說一句,千萬不要把所有圖片組合后,再整體進(jìn)行三維旋轉(zhuǎn),因?yàn)檫@樣的話,后面就沒辦法逐一添加動(dòng)畫了。?
這里呢,牽扯到兩個(gè)類型動(dòng)畫的制作,為了方便大家理解,我挨個(gè)來說一下。
給每一張圖片同時(shí)添加兩個(gè)動(dòng)畫,一是淡入,二是直線路徑,并且設(shè)置兩個(gè)動(dòng)畫同時(shí)播放:??
這時(shí)候,動(dòng)畫的效果就變成了這樣:?
然后呢,為了讓圖片的出場順序更加流暢自然,我們可以調(diào)整動(dòng)畫的延遲時(shí)間:??
這個(gè)不固定,也盡量不要固定,可以設(shè)置的都不一樣。?
到這里呢,第一張圖片墻動(dòng)畫的效果,就算完成了。?
其次是這個(gè),有放大后并縮小的效果:?
?而它的完整動(dòng)畫路徑呢,大概是這樣:?
也是給每一張圖片同時(shí)添加兩個(gè)動(dòng)畫,一是淡入,二是放大/縮小,并且設(shè)置兩個(gè)動(dòng)畫同時(shí)播放:?
?動(dòng)圖呈現(xiàn)一下動(dòng)畫的效果:?但是,這里有一個(gè)點(diǎn)一定要注意,我們在設(shè)置< 放大/縮小 >動(dòng)畫時(shí),一定要在效果選項(xiàng)里,勾選< 自動(dòng)翻轉(zhuǎn) >:?
為什么呢?可能很多人沒注意過,因?yàn)橹挥泄催x這個(gè),圖片才會(huì)呈現(xiàn)放大后,再縮小。?
最后呢,也是一樣,要添加動(dòng)畫的延遲效果,時(shí)間也盡量不要固定。只有這樣,動(dòng)畫的呈現(xiàn)效果,才是最完美的:??
明白了嗎?這就是一些非常簡單,但是很實(shí)用的動(dòng)畫知識(shí)點(diǎn),希望對各位有所幫助。
好了,以上就是這篇文章的全部內(nèi)容,那通過這篇文章呢,希望大家能夠掌握三個(gè)點(diǎn):?
一是當(dāng)表現(xiàn)『多』這一概念時(shí),可以考慮使用圖片墻或文字云的形式。
原標(biāo)題:搞定這兩個(gè)超酷的PPT動(dòng)畫,這3個(gè)技巧你一定要知道!
不錯(cuò)
很大氣