一個簡單的扁平轉場

一個簡單的扁平轉場

今天來說一個簡單的扁平轉場,效果如下,

一個簡單的扁平轉場

上面的案例實際是“個人介紹”的一個片段。

可以看到,第一部分的內容是“我的名字是……”,

一個簡單的扁平轉場

第二部分的內容是“我的技能是……”。

一個簡單的扁平轉場

在這兩個內容切換的時候,我加了個轉場動畫,以此增加一些趣味性。

一個簡單的扁平轉場


下面就來講如何製作剛才的效果。

注意,接下來我們會藉助PPT插件PA(口袋動畫),而且你會充分領略到PA在製作PPT動畫時的巨大魅力。

可自行搜索下載。下載後安裝,重啟PPT後可以在菜單欄中找到 “口袋動畫”選項卡,證明你安裝成功了。

一個簡單的扁平轉場

首先我們來看案例中的對象組成

仔細觀察案例中的效果,你會發現,這個效果中對象可以分為五層,從下到上依次為:“紅色背景“,“字體My Name”,“白色矩形”,“紅色矩形”,“字體Personal Skill”。

因此我們先按照上述順序把元素準備好。

一個簡單的扁平轉場

其中”紅色背景“和“My Name”都沒有動畫,只有”白色矩形”,“紅色矩形”和“Personal Skill”有動畫效果,而且最重要的是,他們的動畫效果實際上都相同。

如下所示,三者實現的效果都是高度從0變為原始大小的效果。

一個簡單的扁平轉場

如何來實現這一效果呢?下面我們以紅色矩形為例。

依次點擊“口袋動畫”——“盒子版”

,此時便將口袋動畫切換到專業版的界面了。

一個簡單的扁平轉場

選中紅色矩形,依次點擊“動畫風暴”——“添加動畫”——“自定義動畫”——“添加行為”——“基本屬性”——“屬性”——“高度”,最後把“動畫風暴”的窗口關掉即可,如下圖所示,

一個簡單的扁平轉場

具體操作可參考如下動圖

一個簡單的扁平轉場

這時我們就會在動畫窗格中看到剛才添加的動畫,

一個簡單的扁平轉場

播放一下效果看看,

一個簡單的扁平轉場

沒錯,正是我們要的效果。

只是動畫的持續時間默認為“2s”,有些慢,這裡我把“持續時間”調為“0.75s”,開始方式設為“與上一動畫同時”

一個簡單的扁平轉場

要知道,這個效果在PPT中是不存在的,而我們卻可以通過PA把它給創造出來,是不是既簡單又神奇!

接下來,只需要通過“動畫刷”把“紅色矩形”的動畫複製給“白色矩形”和“Personal Skill”,然後設置“紅色矩形”和“Personal Skill”的延遲為“0.25s“,就OK啦。

一個簡單的扁平轉場


完成案例中的效果後,你就可以在此基礎上加以修改,發揮自己的想象力。

比如給第二部分的矩形框單獨添加一個“輪子”進入的動畫效果,

一個簡單的扁平轉場

再比如把第一部分背景設為“藍色”,“紅色矩形”設為“紫色”,那就實現了藍色到紫色的場景轉換,像下面這樣,

“夢裡面,空氣開始冒煙,夢裡面完美的臉……看我72變”。

一個簡單的扁平轉場

或者是把背景和“紅色矩形”都換成圖片也未嘗不可,權當圖片之間的轉場,

一個簡單的扁平轉場


本篇到此結束,謝謝收看!


分享到:


相關文章: