華為小鹿茶都在用的超酷動畫!設計大神揭秘:3招搞定

旁門左道ppt 發佈 2019-12-19T06:53:05+00:00

前段時間,一位讀者發給我一個PPT頁面,覺得動畫做的很贊:看到這個頁面的時候,我有點小開心,這頁的設計者就是我,剛好大家有人問,如何設計的,在這裡也跟大家分享下詳細的操作步驟,希望對大家有幫助哦!

前段時間,一位讀者發給我一個PPT頁面,覺得動畫做的很贊:

看到這個頁面的時候,我有點小開心,這頁的設計者就是我,剛好大家有人問,如何設計的,在這裡也跟大家分享下詳細的操作步驟,希望對大家有幫助哦!


其實,之前我為瑞幸咖啡做的PPT中,也有這個頁面:

關注我,私信關鍵字【超酷動畫】獲取動畫PPT源文件!

今天剛好跟大家分享下!不過,在分享具體的操作之前呢,我還是希望各位能夠明白,我們為什麼要用到這樣的一個效果?

為什麼呢?

之所以要使用圖片牆的形式,就在於能夠呈現出無盡的延伸感,從而表現很多這一概念。

當然,還有其他的形式,都可以很好的體現出這一點,比如像這些:

明白了這一點之後呢,接下來,咱們就來說說圖片牆動畫的具體操作手法。


製作圖片牆

這裡我們直接使用直接旋轉法製作!
這種方法會比較簡單,我們只需要先把圖片並列排版好,並將其組合在一起。就像這樣:

然後,直接旋轉某個角度就可以了,可以是30°,也可以是15°:

為了便於各位理解,我錄了一個動圖:

這裡要注意,儘量把一部分圖片露出在頁面外,因為旋轉之後,可能會出現頁面部分區域缺失!

圖片牆動畫

接下來,就是圖片牆動畫的製作。

這裡呢,牽扯到兩個類型動畫的製作,為了方便大家理解,我挨個來說一下。

首先是這個:

它的完整動畫路徑是這樣的,給每一張圖片同時添加兩個動畫,一是淡入,二是直線路徑,並且設置兩個動畫同時播放:

這時候,動畫的效果就變成了這樣:

然後呢,為了讓圖片的出場順序更加流暢自然,我們可以調整動畫的延遲時間:

這個不固定,也儘量不要固定,可以設置的都不一樣。

到這裡呢,第一張圖片牆動畫的效果,就算完成了。

怎麼樣,你學會了嗎?
這個簡單的動畫,非常實用,能很大程度上幫助我們進行信息的展示!

這篇文章的課件PPT源文件,我也準備好了,分享給大家,有不懂的可以照著做下哦!


領取方式:

1.關注我+轉發文章

2.發送私信【超酷動畫】即可獲取本文課件PPT進行練習哦!

關鍵字: