“總分”邏輯圖表

“總分”邏輯圖表

春意惹人醉,運氣有點背,手機丟了。

在此也提醒大家,出門在外看好自己的物品,別因在人群中多看了他一眼,卻再也見不到手機的容顏。

迴歸正題,逛手機店時看到了一個展示效果,回來用PPT模仿了一下,大體效果如下:

“總分”邏輯圖表

沒錯,這就是一個“總分”的邏輯圖表,只不過需要觸摸手機屏幕才會觸發動畫,在PPT中也就相當於單擊鼠標啦。

這個動畫的對象組成可以分為兩大部分,正好對應“總”和“分”的關係。其中第一部分可以拆分為三個組件,第二部分可以拆分為8個組件,如下圖所示,

“總分”邏輯圖表

它們的具體的製作方法我就不講了,這裡的重點是來講動畫。


首先,我們不妨來製作一個簡單的效果。如下所示,

“總分”邏輯圖表

這個效果言簡意賅,不會給人眼花繚亂的感覺,並且有效地傳遞了信息,用在現場演示時尤為合適。

注意,這裡我把第一部分的兩個圓組合到了一起,把第二部分的圓環和6個小圖標組合到了一起,然後把這兩部分與剩下的兩個位於中心的相機圖標按如下層次放好,

“總分”邏輯圖表

接下來要添加動畫了。

選中白色相機圖標,添加“淡出”的退出動畫,時間設置均為默認。

“總分”邏輯圖表

然後選中第一部分的組合,添加“縮放”退出的動畫,開始方式“與上一項動畫同時”,其餘設置默認,

“總分”邏輯圖表

最後選中第二部分的組合,添加“縮放”進入的動畫,開始方式“與上一項動畫同時”,其餘設置默認,

“總分”邏輯圖表

這樣就大功告成啦。


剛才的效果很簡單,比較適合現場演示。

如果想要把PPT做成視頻,讓其自動播放的話,那就可以做成文章開頭的那個樣子,如下所示,

“總分”邏輯圖表

可以發現,與第一個效果相比,這裡的不同就是第一部分和第二部分的內容並沒有組合,而是給對象分別添加動畫,然後依次進行,對比如下

“總分”邏輯圖表

“總分”邏輯圖表

需要注意的是,在添加動畫時,第二部分中的6個圖標為“基本縮放”進入,而不再是“縮放”進入,並且效果是“從屏幕中心放大”

“總分”邏輯圖表

這樣才會實現從屏幕中心縮放,而不是從圖標自身中心縮放的效果。

還有,需要把每個圖標動畫的延遲時間依次增加“0.1s”

就可以實現依次播放的效果了。

“總分”邏輯圖表


如果還是覺得效果有些死板,想增加一些趣味性,該怎麼辦呢?

注意觀察,這個邏輯圖表的核心是“相機”,而相機就可以產生一個“閃光燈”的效果,所以花道就在圖表由“總”到“分”切換的時候添加了一個“閃光等”的效果,以此增加一些靈動感和趣味性。

“總分”邏輯圖表

最後再來個變身,

“總分”邏輯圖表

本篇結束。


分享到:


相關文章: