分享一個我超愛的PPT動畫,立馬讓頁面「活」起來!

2020-11-23 騰訊網

嗨,好久不見~

最近寫了太多跟PPT設計沒什麼關係的文章,有關於讀書筆記的,有關於廣告的,甚至還寫了一篇比乾貨文章還受歡迎的「廣告」。

今天,我們就來放鬆放鬆,從0到1設計一頁簡單的PPT。

在設計這一頁的過程中,我收穫最大的,是如何用動畫,讓一頁信息含量少的PPT,變得更耐看,也就是,延長一頁PPT的「壽命」。

我們先看看原稿:

這是一頁比賽用的PPT,內容也是比賽中經常出現的,每個選手,有不同的得分維度。

雖說咱們這一篇,是說動畫的,但我認為,動畫的前提,是靜態足夠優秀,所以,我們先將重點,放在靜態的設計美化上。

尋找靈感,粗略排版

首先,這頁內容其實已經比較簡單了,我們可以先找找設計參考,我選擇了一張京東金融的數據長圖,有科技感,而且顏色比較活潑:

找到素材後,就可以對其拆解,得到樣式和顏色的參考:

於是,我們便可以很快速地做出這樣的頁面:

不過到這裡,它更像是一頁普通的閱讀型PPT,沒有很好地呼應內容,我們不妨來思考一下,如何進一步優化?

分析內容,量體裁衣

這頁的內容,是演員被衡量的4個維度,可現在,頁面上一點「演員」「選手」的感覺都沒有,於是,我們可以大致規劃出這樣一個版式:

用一個人物剪影代表選手,旁邊是4個評分維度。在這個基礎上,我們可以做出這樣的頁面:

而在表示評分維度時,經常會使用雷達圖,比如《乘風破浪的姐姐們》首場測評時,就用了一個雷達圖展示得分:

4個維度,正好是菱形,於是,我們便可以用菱形,豐富下細節:

接下來,如果你經常看我的推文,一定能猜到,我現在要加什麼了:光。

將這兩束光,放置於中間的人物背後,一下子,便有了舞臺的感覺:

萬事俱備,只欠動畫

好了,靜態部分到此結束了,接下來,我們加點動畫。

其實我在文章的頭圖裡,已經給了提示,這個動畫,就是「陀螺旋」

這頁中,哪個元素最適合添加陀螺旋動畫呢?毫無疑問,就是那個圓形的光:

但默認的轉速太過浮誇,我們可以將「持續時間」加大,再為其添加一個淡入的動畫,由於GIF實在模糊,就導出了一個小視頻,可以點開體驗一下效果:

哦對了,設置動畫的時候,記得勾選「重複」,就可以形成無限循環了:

最後,我們不妨來思考一下,什麼時候,可以使用類似於「陀螺旋」這樣的循環動畫呢?

在我看來,需要滿足兩個條件:頁面內容少,需長時間停留。

這樣,動畫效果不會搶奪文字的注意力,但卻可以讓觀眾的眼睛離不開PPT。相比於狂拽酷炫的特效,我其實更喜歡這種細水長流的動畫,你呢?

好了,花了近1000字,分享了我在做這頁PPT時思考的過程,不知道能否帶給你一些啟發~

感謝閱讀,我們下一篇再見~

非常希望,得到你的「在看」

相關焦點

  • 炫酷ppt動畫頁面你會做麼?
    圖片來自於honor宣傳pian在我們看到是ppt頁面一般都是靜態的,或者加上動畫的頁面,如果有一天你看見一個這樣的ppt頁面會不會覺得很炫酷呢?(因為懶,我沒有把中間的字設置動畫)其實做個視頻頁面是非常簡單的,我就用騰訊來給大家做個演示。
  • PPT智能動畫:飛出
    往期答疑在開始前,我先解答一下上一篇教程《》中大家可能存在的一個疑問。上一個教程的動畫效果Q:為什麼不直接使用路徑動畫,那樣不是更簡單嗎?A:當然可以使用路徑動畫。如果用路徑動畫,需要每個方塊都添加距離不等的路徑動畫;用智能動畫的話,只需要一個動畫即可。另外,智能動畫是根據方塊位置來確定移動距離的,即隨意移動形狀或調整形狀圖層後,動畫都不需要再調整。
  • OPPO發布會的壓軸PPT動畫,太震撼了!怪不得無數網友紛紛剁手
    不過作為一名ppt設計師,最關注的還是發布會ppt,這份ppt很多值得借鑑的地方。特別是在發布會結尾,按照慣例該公布價格的時候,大屏幕上的動圖顯示,可謂是別出心裁:這種數字滾動效果,在ppt中叫做遮罩動畫,它的關鍵就在於幻燈片背景填充。
  • 用了這些ppt製作神器之後,小夥伴們都求著看我的PPT!
    可能你會羨慕ppt大神能做出各種酷炫拽的動態效果吧?也曾心想,要是我也能有這水平該多好啊!而熱愛學習的你,一定也有苦惱過:我到底應該如何學習才能掌握ppt製作這一技能? 而好用的ppt製作工具對其更是錦上添花,下面給大家介紹幾款: 1、Focusky動畫演示大師 3D動畫PPT軟體,操作界面簡潔直觀,可以導入PPT/圖片新建項目,也可以直接用來製作ppt文稿; 演示方式較獨特,視覺衝擊效果強;
  • 實用ppt課件動畫製作教程,看完之後你的課件ppt也能動起來!
    一份優秀的ppt課件除了內容要做到層級和邏輯結構合理,在表達上也要有技巧,配合教師講課內容來給頁面中的元素添加動畫效果,可以更好的表達邏輯關係和展示動態內容,提高學生的參與度與積極性。
  • 我花了30分鐘,用ppt復刻了庫克最喜歡的動畫,網友:不愧是蘋果
    特別是這個光效動畫,看起來很別致,很吸睛!這個動畫效果在ppt中叫光效出現動畫,很基礎的一個動畫效果,雖然基礎,但投在大屏幕上效果卻很震撼,適合用於輻射範圍較廣的光效。那麼問題來了,這個出現效果怎麼實現呢?
  • PPT智能動畫入門
    我想很多做PPT動畫的人應該有過這樣的期望,比如上圖中,位於幻燈片左側的方塊向左運動,而位於右側的方塊向右運動,並且用的是同一個動畫,這樣的動畫存在嗎?製作複雜嗎?現在我可以明確的告訴你,這樣的動畫存在,並且不複雜
  • PPT中這個超酷動畫,堪稱發布會級別!網友:值得收藏
    在ppt中這樣的動畫叫背景偏移動畫,通過讓背景圖片發生偏移,從而讓頁面傳遞出動感。就像這樣:那麼,怎麼才能讓背景圖片「動」起來呢?其實很簡單,只用ppt中兩個最基礎的動畫就可以解決。這兩個動畫分別是「放大/縮小」和「路徑動畫」。
  • PPT中的補間動畫,你了解多少?它的強大不可想像!
    開始之前,先來簡單介紹一下【補間動畫】。補間動畫是ppt插件islide中的一個功能。經常做ppt的人基本都裝有ispide插件,這絕對是一款神器,今天就只介紹其中的一個功能。有需要的可以去官網下載。-- 線條之間的補間 --還記得這兩個曲線做出來的ppt頁面麼?在上期曲線工具文章中已經做了詳細介紹。感興趣的可以去看看【太驚豔了,ppt中的曲線工具,竟然可以做海報設計了!】在這裡,再講一遍吧。
  • 如此高級感的ppt產品介紹你會麼?
    今天給大家介紹一個高級感十足的人物、產品介紹方法,比如這個:大家也看到文章上面的GIF動圖了,這是我剛做的一個人物介紹ppt,滑鼠點擊哪裡,哪個人物的簡介就自動跳出來了,有沒有耳目一新的感覺?其實它是用ppt裡很簡單的一個功能做成的,下面我來拆解一下這個動畫的製作原理。
  • 44頁縮放PPT動畫設計,一鍵搞定打造靈動演示效果!【小動畫系列·05...
    小動畫,大演示:不因動畫而動畫,小即為大。 在往期小動畫系列的分享中,我們為大家分享了很多酷炫的小動畫,簡單的設計、酷炫的展示,看似基礎的設計與參數,卻讓我們PPT展示十分靈動。
  • 送你三招PPT關鍵頁面的萬能版式,不用模板也能高顏值
    hi,大家好,我是努力保持日更但有可能鴿掉的明榮Chevy。之前出產過幾篇ppt文章,但是效果不是很好,我決定從頭開始思考如何更好地將教程貼合現實,讓各位能及時應用到自己工作和學習中。今天決定講講版式的內容,並附上大量參考案例,這些都是我自己製作的,便於各位借鑑和使用。不知道各位朋友有沒有發現一個問題,平時就算收集再多ppt模板,到真要自己製作ppt了,卻感覺力不從心。
  • PPT團隊介紹頁面怎麼做?快來看看聚光燈式的動畫效果,超吸睛!
    Hi,我是橘將軍,一名非專業PPTer。在自我摸索進步的路上,把一些PPT的製作小技巧分享給感興趣的朋友。沒有想不到只有做不到,我們一起向PPT大神前進吧。PPT小心機:效果展示PPT小心機:製作過程1、插入團隊成員照片與頁面同樣大小,將PPT的頁面縮小,插入一個2倍大小的矩形(圖1)。
  • PPT高級玩法之頁面動畫,拿走不謝
    都說累死累活跑業績幹不過寫PPT的,今天我們就來詳細介紹一下PPT動畫,提升你的PPT功力。首先我們來介紹下什麼是PPT動畫:按照 PPT 軟體的功能,動畫分為頁面切換動畫和頁面內部動畫。今天我們著重講講頁面切換動畫!
  • 學校老師都在用都5個PPT製作實用小技巧,讓您秒變PPT大神
    如何做好PPT課件自然也成了各位老師們的必修課,今天給老師們帶來的這幾個小技巧,不僅能提升PPT製作效率,還能大大增加PPT的「顏值」,一起來看看吧!技巧2:格式刷快速複製我們在製作ppt時,經常會需要複製固定元素標籤,如同一頁面,需要用到同一個元素,重新繪製費時費力,還容易出現大小不一的情況,這個時候我們可以用到格式刷快速複製,來完成同一素材的複製!
  • PPT高級玩法之頁面內部動畫,趕緊收藏
    我們設計的PPT需要給別人進行講解演示,因此,對於輔助演講的PPT來說,我們需要統籌考慮PPT演示與演講的配合,如果採用PPT動畫就是一個不錯的選擇 。在PPT的動畫裡分為「頁面切換動畫」和「頁面內部動畫」。上一期我們介紹了切換動畫,今天就來說說「頁面內部動畫」那麼!什麼是「頁面內部動畫」呢?
  • 分享一個最酷炫的快閃PPT動畫模板
    今天,小帥給大家分享本世紀傳遞信息最高效的一種演示方式——快閃!而每張幻燈片都是由最基本的文字排版,或者加上簡單的動畫組成,製作起來非常方便,我們一起來試試看! 當文字縮小的中心點位置不合適時,就可以在想要縮小到的位置作圓心畫圓(shift+ctrl),並將文字部分遮住,並與文字部分組合,作為一個整體來添加縮放動畫。
  • 幾個技巧讓你的ppt更有設計感
    一份好的ppt一定是那種能夠讓瞬間抓住觀看者眼球的,人都是視覺動物,第一眼的感官很重要,因此如何讓你的ppt充滿設計感就顯得非常重要了。那麼如何讓ppt有設計感呢?其實非常簡單,幾個小技巧分享給大家。高清大圖必不可少,特別是封面,能夠讓你的頁面立馬提高很多檔次;其次就是填入文字,適當地配合畫面,添加有些裝飾,一個有設計感的封面就出來了。
  • 在ppt製作中,掌握了圖片裁剪,你就擁有一個圖片素材庫!
    通過不規則裁剪我們可以做出以下效果:是不是立馬有了設計感,告別無力設計,你只差這一步!不規則裁剪用到了兩個技巧,一個是插入行狀中的曲線工具,另一個是布爾運算。(在這裡不多講這兩個技巧了,日後會專門寫文章詳解)在這裡,我錄了一個動圖,來看一下不規則裁圖的具體操作:盡情釋放你的想像力吧!a.多人物裁剪及排版在做人物介紹ppt時,經常遇到多人物排版。
  • 「乾貨」幾個活好不粘人網站分享
    文/知魚圖片/網絡幾活好不粘人的網站分享1.woodo吾道一個>完全免費的ppt模版軟體質量極高簡約風 可愛風 傳統風 朋克風應有盡有 是一個滿足你論文答辯 工作總結 日常宣講等多種場合的不同需要的強大網站!