PPT動畫設計,不懂這些技巧你就虧大了!

2021-02-13 雅客先生

大家好,我是雅客。

今天是案例欣賞的第十一期。每周三,我都會製作10頁PPT給大家進行賞析,幫助大家提升審美水平

另外,我還會給你總結一下這些PPT設計的套路,讓你看完之後,也能自己嘗試著去做,切實幫助各位提升PPT的製作水平

最後,我還會把課件免費發給大家,裡面的素材全部都是可以編輯,大家若是學習需要,也可以下載到自己電腦上再仔細研究。

那事不宜遲,下面就正式開始今天的賞析。

今天要給大家分享的案例,是一組具有創意性的PPT動畫,裡面的動畫效果都是基於系統自帶的動畫效果組合而成的。

如果你也想做出像下面這樣的動畫,那麼這期的案例欣賞可就要好好往下看啦!

 ▲ 計數動畫

 ▲ 用動畫講述故事

▲ 放大鏡動畫

▲ 加載動畫、轉場動畫

這些動畫都是我用 Office 2016 製作出來的,那麼這些看似高逼格的動畫效果,實際上是如何製作出來的呢,請看下面的詳細講解。

首先,我們先來看第一張作品,也就是下面這個計數的動畫效果,它的製作流程。

這個動畫效果製作的關鍵點有兩個,一個是「遮罩」,另一個是「平移」的切換動畫效果。

在製作這個作品之前,我們可以先為頁面填充一個背景圖片,滑鼠右鍵幻燈片空白處,選擇設置背景格式,在填充方式處選擇圖片填充。

之後在頁面中間插入幾個圓角矩形,調整好透明度,作為計數牌。

數字的排列,是通過插入5個文本框,分別輸入上0-9的數字,文字的排列方向選擇「堆積」,拖動文本框,數字的排列就會呈現豎排。

之後把0這個數字放在圓角矩形當中,並對齊。

然後用滑鼠點擊界面左邊這一頁的縮略圖,在鍵盤上按Ctrl+D,複製多一頁一模一樣的出來。

接下來通過往上移動文本框,改變計數器上的數字,之後利用office2016系統當中的「平滑」切換動畫效,即可實現文本框的移動。

如果你沒有「平滑」的切換動畫效果,也可以使用路徑動畫當中的向上移動來進行替代。

製作出來的效果如上圖所示,但是這樣的效果明顯不是我們想要的是吧,因為這樣就等於把魔術的神秘之處都揭開了。

所以我們就需要「遮罩」來掩蓋我們不想讓別人看到的露餡的地方。

而「遮罩」的製作方法也並非複雜,插入一塊矩形,放在計數牌的上下兩端,之後填充方式選擇為幻燈片背景填充,即變成了一塊隱形的蒙版。

如上圖所示,矩形選擇幻燈片背景填充之後,填充的部分就是幻燈片背景,所以我們移動矩形到哪裡,填充的部分也會相應地發生改變。

這種設置為幻燈片背景填充的矩形覆蓋在數字之上,把不想被人看到的元素隱藏起來的形狀,我們就把它們稱之為「遮罩」。

這裡同樣要注意,在其中一頁使用了遮罩,另一頁就把上一頁的遮罩複製過去即可,不然位置會發生變化,演示的時候就會有破綻。

接下來我們再來看第二個動畫創意,這個動畫所以導出GIF格式的時候,文件太大上傳不上來,所以進行了壓縮和加速,就變成了這樣的渣渣畫質。

這個動畫是通過縮放定位動畫製作完成的,效果如上圖所示,點擊一張圖片,我們就能放大這張圖片,而且是無損的。

通過層層疊加,我們可以從畫廊滲透到一幅畫,從一幅畫滲透到一間房,從一間房的相架再滲透到另一個場景,讓本來好像沒有關聯的場景,順其自然的連接起來,好像電影的一樣。

製作的方法是,將不同場景放在不同的PPT頁面,如下圖所示。

之後,選中第一個開始的場景,點擊菜單欄上的插入,選擇「縮放定位」再選擇「幻燈片縮放定位」。

勾選你要定位的幻燈片頁面,之後點擊確定導入進來,此時頁面上就會出現那一頁PPT的縮略圖,縮放到一個容器當中,與場景融為一體即可。

下面是具體操作的動態演示圖,不知道怎麼操作的可以看下面的動圖。

放置好之後,在全屏放映模式下,用滑鼠點擊該圖片,頁面就會自動縮放過去,形成非常連貫自然的過渡效果。

如何排列得當,還可以通過這樣的方式來講述故事,這會是一種非常具有創意性的表達。

除了相框、窗戶之外,我們還可以尋找電視機、電腦屏幕、報紙上的圖片,書本上的插圖,街邊的海報等作為我們圖片的容器。

唯一值得注意就是圖片要與周圍的場景要比較融合,不然圖片放上去也會比較生硬,這樣展示出來的效果就不自然了。

另外,這個動畫效果也是office 2016的新功能,沒有更新的朋友可能暫時還體驗不到哦~

第三個動畫效果是放大鏡動畫,最初是出現在錘子手機的發布會上,那這樣的動畫效果又是如何製作出來的呢,且看下面的分解。

首先你要準備好這樣幾樣東西,一個是放大鏡、一個是小型的手機、一個大型的手機、外加一個與放大鏡一樣大小的圓形和矩形。

之後,把兩臺手機放在頁面中間,小的放在底層,大的放在小的上面。

然後把矩形拖到下方大小,並設置為無填充,無邊框。之後與大的手機進行組合,之後複製黏貼為增強型圖元文件。

注意,此時的手機雖然還是手機但是已經跟矩形合併成一個圖片了,這一點很關鍵。

之後我們同樣點擊界面左邊的幻燈片縮略圖,按鍵盤上的CTRL+D複製黏貼多一頁出來。

然後在上一頁,讓圓形與手機通過截圖工具,把放大鏡以外的區域進行裁剪。

裁剪完之後,就只剩下手機左邊的一端留在放大鏡當中,在裁剪的時候注意不要放放大鏡也裁剪了。

那在下一頁也是一樣的操作,只是放大鏡要移動到手機的末端,然後圖片裁剪到手機的末端。

之後在兩頁之間使用平滑的切換動畫效果,就可以實現放大鏡的效果啦。

那最後一個動畫,就是頁面加載動畫以及轉場動畫,這一頁動畫的製作同樣運用到了「遮罩」,它在動畫當中是非常常見的。

具體的製作方法是,插入一個與屏幕大小的矩形和一個小的圓形,放在矩形的正中間,之後讓圓形與矩形進行形狀組合。

組合後的圖形中間的圓是鏤空的,可以漏出底部的元素,如下圖所示。

之後我們要做的,就是製作動態的水效果,我們需要插入一個矩形或者一個波浪的圖形,放在這個遮罩圖層的底層。

注意,底層的含義是指這個遮罩的背後,而不是像下圖這樣放在遮罩的下方。

然後我們就會這個波浪圖形添加動畫,動畫的效果要根據自然規律來進行設定。

水添加到容器當中會晃蕩,對於PPT動畫裡面我們可以用蹺蹺板來實現,水一直加,水位會往上深,所以可以同時用向上的路徑動畫來實現。

所以這個水位的動畫就由兩部分構成,一個是蹺蹺板動畫,一個是向上移動的路徑動畫。

另外,水的晃蕩不是晃蕩一下子就會停止的,會不停的晃蕩,所以蹺蹺板的動畫我們要在動畫效果上設置重複

如上圖所示,製作出來的效果就是波浪圖形一直抖動著往上移動,非常的滑稽和搞笑哈。

之後就很簡單了,把這個抖動的小傢伙放在我們的遮罩後面,就形成了我們加水的動畫效果。

如果我們需要切換場面,讓動畫效果過渡更加自然,我們就要利用頁面當中原本存在的元素,來進行切換和過渡。

比如上圖當中存在的一個元素就是藍色的圓形,那我就可以把這個圓形進行放大,覆蓋掉頁面上其他的元素,從而起到自然換場的效果。

以上就是今天案例分享要給大家介紹的四個創意小動畫,最後盤點一下今天我們運用了那些小技巧。

第一個是咱們頻繁使用的平滑切換動畫,可以讓兩個頁面的元素進行自然過渡。

第二個是遮罩,可以讓我們動畫當中不想讓別人看到的部分被遮住。

第三個是縮放定位動畫,使用它我們可以實現頁面之間的跳轉。

最後雅客想說,無論是製作什麼動畫都好,要想動畫呈現出來的效果好,都要遵循自然界的運動規律,這樣呈現出來的效果才真實。

而動畫的運用,只是將這樣自然界當中理所當中的運動狀態重新呈現出來。

希望今天的案例分享,對你有幫助~

如果你想獲取上述源文件或者高清視頻,在後臺回復關鍵詞【動畫】,即可領取,所有的素材都可以進行編輯。

如果你想跟著我學習系統的PPT,長按下方二維碼,即可加入我的班級,與3000多學員共同進步。

如果你想查看往期的案例欣賞作品,點擊下方標題,即可進行回看。

《 信不信沒有圖片,我也能把PPT做好看》

《我為蘋果公司做了一組PPT》

《看完這組中國風PPT,其他的我都不想看了》

《這組扁平化風格的PPT,簡直帥爆了! 》

《這些PPT,足以媲美歐美超級大片》

《這些別具一格的PPT,你應該很少見》

《我為摩拜單車做了一組PPT!》

《看完這些圖表,還怕年終總結做不好?》

相關焦點

  • PPT動畫製作,不懂這5個技巧你就「虧虧虧」大了!
    AE製作而成的,其實掌握一些PPT動畫製作技巧,也能製作出非常酷炫的動畫效果。如何用PPT製作酷炫的動畫效果呢?掌握下面這5個實用小技巧,酷炫的動畫效果就離你不遠了。看名字也知道,這個動畫的意思就是背景發生位置變換,如果你能掌握這個動畫,那麼,你就可以做出類似電影鏡頭推動的感覺。什麼意思呢?咱們看一個例子。
  • PPT標題設計的5大技巧
    你喜歡看電影嗎?我就是個電影愛好者,家裡收藏的光碟過千張。電影最精彩的是什麼?是預告片,最爛的電影,預告片也是十分精彩的。
  • 怎樣做好一場PPT演講?6個ppt演講技巧,讓你的演講驚豔全場
    本篇,唐歌為你分享的主題是:怎樣做好ppt演講?6個ppt演講技巧,讓你的演講驚豔全場。下面的部分,將從演講前內容準備,演講ppt製作,ppt演講技巧,注意事項四個方面展開,相信完整看全文,一定會讓你有所收穫。
  • 7個PPT小技巧!你都會嗎?學會了秒變PPT達人!
    做出一份高質量的PPT對於項目的推廣和進展是很有幫助的,也會讓別人對你留下一個好印象。今天小編就給大家分享一些使用PPT的小技巧,學會了秒變PPT達人。1. 文本轉化成SmartArt圖將光標移動到文本框內部,右鍵,選擇轉換為SmartArt。
  • 44頁縮放PPT動畫設計,一鍵搞定打造靈動演示效果!【小動畫系列·05...
    # 小動畫,大演示 # 簡單不簡單,靈動封面亦潮前。 小動畫,大演示:不因動畫而動畫,小即為大。 在往期小動畫系列的分享中,我們為大家分享了很多酷炫的小動畫,簡單的設計、酷炫的展示,看似基礎的設計與參數,卻讓我們PPT展示十分靈動。
  • 實用ppt課件動畫製作教程,看完之後你的課件ppt也能動起來!
    一份優秀的ppt課件除了內容要做到層級和邏輯結構合理,在表達上也要有技巧,配合教師講課內容來給頁面中的元素添加動畫效果,可以更好的表達邏輯關係和展示動態內容,提高學生的參與度與積極性。
  • PPT幻燈片設計動畫效果的五大技巧
    如果給文字添加動畫時用到。比如給十個字添加淡入動畫,可以設置十個字同時淡入,也可以一個一個的淡入B、計時選項——開始。設置動畫起始條件:單擊時,與上一動畫同時,上一動畫之後——延遲。與「開始」聯合確定動畫起始時間。比如「上一動畫之後」,「2秒」,那麼此動畫起始時間在上一動畫播放完後,在經過2秒,此動畫開始。
  • PPT製作技巧與感悟大集合
    4、修煉階段學習PPT製作沒有捷徑可走,需要我們大量的學習與實踐,方能製作出滿意的成果來。我們修煉製作PPT猶如學習一門武功一樣,都要經歷基本功、招數練習和融會貫通三個階段。(3)顏色搭配我行我素:顏色搭配猶如我們人所穿的衣服,是襯託整個PPT視覺效果的關鍵,有些初學者自認為自己喜歡什麼顏色,就把PPT文字或圖表搞成自己喜歡的顏色,有些直接把PPT做成大紅或大綠的顏色(我最初也犯過這樣的錯誤),前面原則中提到過,要有換位思考的原則,我們做的PPT是給別人看或欣賞的,我們的顏色搭配必須適合大部分的人的視覺偏好的,從人的視覺程度上來看,有些顏色是不適合放在一起的
  • 用了這些ppt製作神器之後,小夥伴們都跪著看我的PPT!
    可能你會羨慕ppt大神能做出各種酷炫拽的動態效果吧?也曾心想,要是我也能有這水平該多好啊!而熱愛學習的你,一定也有苦惱過:我到底應該如何學習才能掌握ppt製作這一技能? PPT製作的核心主要有2點,一個是內容,另一個內容之間的邏輯技巧,能夠做好PPT,這項技能確實挺牛逼的,它不僅是一個表達的工具,更加是提高一個人綜合能力最好的訓練方式。
  • 用了這些ppt製作神器之後,小夥伴們都求著看我的PPT!
    可能你會羨慕ppt大神能做出各種酷炫拽的動態效果吧?也曾心想,要是我也能有這水平該多好啊!而熱愛學習的你,一定也有苦惱過:我到底應該如何學習才能掌握ppt製作這一技能? PPT製作的核心主要有2點,一個是內容,另一個內容之間的邏輯技巧,能夠做好PPT,這項技能確實挺牛逼的,它不僅是一個表達的工具,更加是提高一個人綜合能力最好的訓練方式。
  • ppt動畫技巧:如何製作隨機滾動點名動畫
    效果如圖所示:今天小編就跟大家分享一個小技巧,利用PPT快速做隨機滾動點名。具體操作方法如下:第一步:首先打開Word,在文檔中輸入姓名,然後保存並關閉文檔。第二步:打開PPT,點擊【文件】-【打開】命令,在打開的對話框中選擇剛剛保存的Word文檔,將其打開。
  • PPT再不學,就學不會了 | 【70節視頻課】ppt速成手冊,教你輕鬆掌握PPT大神技巧丨報名立送千套模版
    其實我也忘了最開始接觸ppt是什麼時候,一直覺得它就是個展示工具,沒啥了不起的。老師讓做一個演講練習的ppt我的是這樣的▼2016年,在國際體驗設計大會上,百度總監劉超用配色混亂、超級辣眼睛的PPT,成功做到了讓現場觀眾大喊:「你太LOW了,下去吧!」此事讓百度產生了嚴重的危機公關,股價暴跌,劉超因此丟掉了月薪幾萬的飯碗。
  • 高大上--origin 學術圖表的 ppt 動畫製作教程
    要解決origin圖表的ppt動畫演示,無非是解決幾個問題:1、origin中的圖表曲線及坐標如何導入到ppt中。2、海量的曲線圖形元素如何有效選定。3、曲線的軌跡演示動畫到底該如何製作。(針對本曲線圖,別的圖表動畫可以直接參考一般ppt動畫裡面的內容就可以了)前兩個問題實際解決時,其實是相互交織在一起的,所以教程裡面沒有作單步的標示。本人只負責解決最基本、最關鍵的origin圖表動畫製作問題,別的潤色工作就不廢話了。如果你學會了,你的ppt可能會得到老闆的誇獎,他看你的眼光也會不同,因為這個的確有些屌而且他不知道怎麼弄
  • 如何用一招讓你的ppt設計水平提高三個檔次
    在ppt製作過程中圖片是必不可少的元素,我們看到的很多精美的ppt頁面,最吸引眼球的一定是酷炫的圖片,如果能夠把圖片玩出水準的話,能夠極大提高我們的ppt設計水平,今天我就來分析一下ppt圖片的幾種創意玩法:一、布爾運算
  • 聚焦哥:PPT排版設計原則——對比
    又像圖片一樣,一個大的哈密瓜和一個小的哈密瓜,同樣顏色同樣品種同樣形狀,那我們會先留意的是大的哈密瓜。3、位置對比這個就簡單了,就好像老師在講臺,下面一群學生一群學生注視的都是老師,為什麼因為老師的講臺是在一堆一堆擺放整齊或偶爾不整齊的學生桌椅。學生的對面,而且只有一張講臺,這個設計就用了位置對比突出老師的位置。
  • 怎樣用PPT製作出高水平的GIF動畫
    所以我希望對ppt動畫感興趣的人都可以自己動手做起來喔。在入ppt動畫這個坑之前,我希望你們是對ppt動畫有興趣的,那麼,你該怎麼產生興趣? 我認為就是多看,多看,多看   重要的事情說三遍!不知道這些,你看了之後有沒有覺得很有意思?有沒有想盯著一個動圖可以看上10幾20遍甚至想看更多次?
  • ppt教學(14):怎樣設置幻燈片的切換動畫,讓幻燈片更美
    ppt的美觀不僅在於內容和畫面的設計,幻燈片好的切換模式切換動畫也能讓幻燈片更美、更優雅,更震撼。幻燈片切換不僅可以加入美麗的動畫,也可以加入震撼的音響效果。我們一起來看看幻燈片切換動畫的設置方法和怎樣設置才能更美觀吧。幻燈片的切換,指的是從這一頁換到下一頁。
  • 【原創】PPT設計,你是那一流派?
    那你在做PPT的時候會選擇什麼風格,傾向於那個流派?流派?啥意思?金庸小說門派眾多、套路眾多,蔚為大觀,很多人在開始研習武術之時,會加入各個門派,開始研習武功立志成為武林高手。然而你想過嗎?PPT也是有門派的。在初期接觸PPT的時候,常常都是以模仿開始的,開始嘗試各種PPT風格,研習某個流派,就像武俠小說裡的門派一樣。
  • PPT動畫效果製作技巧,你掌握了嗎?
    我們經常會看到一些「PPT大神」製作的PPT,他們的動畫總是能夠第一眼就吸引了我們,整個PPT的製作看上去酷炫又富有創意,能達到這種製作水平想必背後下了不少功夫,少不了長時間去積累掌握各種技巧與學習,那麼我們也能不能達到這種程度呢,首先我們要知道並去掌握PPT的動畫效果製作技巧。
  • ppt製作難嗎?不難,就這4點,學會了你也能兼職賺錢!
    沒錯,到手的「錢錢」就這樣飛走了,離開學校至今,我很少做ppt 了,簡單的加文字、增圖片、動畫設計等等我會,但是那些看起來高逼格,特炫酷的畫面,我真的不會,我怕讓客戶失望,畢竟自己有幾斤幾兩還是清楚的。