教程255丨用PPT也能輕鬆打造飛機航線圖動畫

2021-02-14 秋葉PPT

預計完整閱讀本文需流量 4.6MB

如果有 WiFi,那就請放心食用~

在知識經濟興起的今天,有不少牛人都會頻繁往返於全國各地參加各種活動,到各個公司單位做培訓和分享。

對於出行交通工具的選擇,有的人會選擇乘坐高鐵,例如我們的秋葉老師,就素來享有「高鐵俠」的名號;也有的人會選擇乘坐飛機,從一個城市飛往另一個城市……唔,大概就是下面這個樣子的吧:

如果能在分享講到自己的這些經歷時配上這麼一頁航線圖動畫的 PPT,想來效果應該是相當生動的。

那麼這樣的動畫怎麼製作呢?今天我們就一起來嘗試在 PPT 裡部分模擬這一動畫效果(不包含影子):

通過簡單觀察和分析,我們發現製作這樣的航線圖動畫包含了三個難點:

❶ 如何讓飛機沿著航線做弧線運動;

❷ 如何讓飛機機頭始終朝向航線的前方;

❸ 如何讓飛機在起飛階段由小變大,而在降落階段又由大變小。

接下來,我們就來解決這三個問題,只要這三個問題得到解決,完成這一動畫效果也就不難了。

開始製作咯~

❶ 根據需要插入地圖素材, 使用兩個圓(一個空心一個實心)繪製出起始城市標記。這裡我們就繪製一趟「重慶-臺灣」的航班好了,這一步應該沒有什麼難度。只是如果要追求細節的話,需要在百度地圖上查一下這些機場都大概在對應省份、城市的哪個位置:

❷ 接下來繪製城市之間的航線。先用「任意多邊形」繪製出航線的直線版本,拉出直線後回車鍵結束繪製:

為什麼不直接用「直線工具」來繪製直線呢?這就關係到我們下一步的操作了。

❸ 使用「任意多邊形」繪製出來的直線被認為是「形狀」而非「線條」,因此我們可以對其使用【編輯頂點】功能——這樣就能非常方便地將它變為弧線了:

通過這種方法塑造出來的弧線弧度非常流暢,比起用「曲線」工具直接繪製弧線效果要好很多,希望大家都能學會這個小技巧。將弧線設置為淺灰色並置於底層,這樣我們就解決了第一個難點啦!

❹ 插入飛機的圖標並填充為深灰色——因為飛機是通用圖標,在 iconfont 一類的網站上很好找,當然也可以在 islide 插件的圖標庫裡直接搜索插入:

❺ 將飛機圖標移動至弧線起點處並適當縮小,準備製作飛行動畫:

❻ 接下來就是讓很多人都發愁的難點一了:如何才能讓飛機順著繪製的弧線運動呢?

別犯愁,利用口袋動畫 PA 插件(問我如何獲得?直接百度搜索最簡單呀~),我們可以很方便的完成這一效果。

選中飛機,點擊【形轉路徑】,然後將滑鼠指向弧線,此時弧線會變成紅色。點擊一下滑鼠左鍵,我們就為飛機繪製出航線的弧線動畫了:

如果你操作無誤卻無法得到以上效果,請點開【形轉路徑】下拉菜單中最後一項【路徑選項】,確保路徑生成依據是【指定形狀為路徑】,而不是【自身路徑】。

有時生成的路徑會稍有偏移,手動調整一下使之與航線線條重合即可:

播放預覽一下動畫,我們發現一個更大的問題是飛機的機頭一直是朝向上方的:

這就是我們遇到的第二個難點:如何才能讓飛機機頭始終朝向航線的前方呢?

由於航線是曲線,這意味著飛機圖標要一邊移動一邊旋轉。而且由於曲線並不是正圓圓弧,旋轉的角速度還不是一個固定值……

同樣是利用 PA 插件,我們可以在 5 秒以內解決問題。

❼ 選中飛機圖標,展開PA插件【形轉路徑】下拉菜單,點擊【路徑特效】。在彈出的窗口中展開下拉菜單,選擇【旋轉特效】,點擊【開始】——然後就是見證奇蹟的時刻:

雖然還不夠完美,但考慮到這原本是一個手動設置無法完成的效果,已經相當讓人滿意了。

完成這一步之後,最後就要攻克第三個難點:飛機的大小變化動畫了

有過使用「放大/縮小」強調動畫經驗的朋友們一定都知道,插入一個尺寸較小的對象,用動畫將其放大,哪怕是矢量形狀,也會產生模糊——因為動畫過程中的形狀大小是根據動畫初始對象的大小縮放模擬出來的:

因此,我們不能將飛機尺寸縮小後再添加放大動畫,而是要在動畫開頭加入一個瞬間縮小的動畫來修改動畫初始時飛機的尺寸。

這樣「預先縮小」的操作,使得「放大」變成了「還原原始大小」,就不會產生模糊了。

另外,利用動畫的「自動翻轉」功能,我們可以很輕鬆的讓飛機在降落階段變回到小尺寸。下面我們就按照這個思路來製作動畫:

❽ 為飛機添加【放大/縮小】動畫,將動畫持續時間設置為 0.01 秒,並在效果選項中設置為 50% 大小(需要回車確認):

❾ 再次添加【放大/縮小】動畫,設置放大尺寸為 200% 大小(對於之前縮小到 50% 的尺寸而言,200% 意味著放大回原尺寸),最後設置【與上一動畫同時】且【延遲 0.01 秒】,這樣「放大」就會在「縮小」之後進行:

❿ 如果只是這樣設置,我們僅僅完成了放大效果,飛機降落時的縮小效果沒能得到體現,所以還要在放大動畫的效果選項中勾選【自動翻轉】,然後把動畫時長減半,這樣動畫翻轉之後的總時長才能保持不變:

把第二步「瞬間縮小」動畫改為與【從上一項開始】,整體效果就基本上打造完畢了:

觀察上一動畫效果發現,飛機出發前是豎直放大狀態,降落之後也不會消失,因此我們還需要在動畫開始和結尾分別添加出現和消失動畫來解決這個問題。

選中飛機,添加【出現】動畫,設置【從上一項開始】,這樣飛機在最開始 0.01 秒內就不會顯示在畫面上,我們也就看不到豎直效果的飛機了:

選中飛機,添加【消失】動畫,設置【從上一項之後開始】,這樣飛機在完成所有動畫之後就會消失掉:

至此為止,我們的航線圖動畫就全部製作完畢了,來看看最終效果吧:


是不是很酷呀~你學會了嗎?期待你的創意玩兒法哦~

好作品請發微博,帶標籤#和秋葉一起學PPT#,並@Jesse, @三水啦啦啦,@曉陽_Timeline 哦~

你可能對這些文章感興趣:

《有樂教你用 PPT 製作好玩的打地鼠遊戲~》

《只用 PPT,也能做出震撼全場的晚會開幕式!》

點擊【閱讀原文】,學習更多好玩有趣的 PPT 動畫,成為 PPT 大神!

相關焦點

  • 實用ppt課件動畫製作教程,看完之後你的課件ppt也能動起來!
    一份優秀的ppt課件除了內容要做到層級和邏輯結構合理,在表達上也要有技巧,配合教師講課內容來給頁面中的元素添加動畫效果,可以更好的表達邏輯關係和展示動態內容,提高學生的參與度與積極性。
  • 入門教程:「新手」老師如何快速製作出精美的ppt課件?
    在網際網路高度發達的當代,ppt這個工具相信各位老師一定不陌生,但如何將傳統紙媒教案以ppt的形式呈現,對於未接觸過ppt的老師們來說可能不是一件簡單的事情,所以今天小查君就給大家帶來,如何快速製作ppt課件的入門教程,簡單幾步,即可完成製作,上手極快!
  • 怎麼在每張ppt上加logo ppt中批量添加logo的教程
    ppt作為我們在辦公時經常要用到的工具,可以幫助我們製作豐富精美的幻燈片。可是如果在製作時遇到了需要每張ppt上都加logo的情況,一張一張添加很是麻煩,那我們有什麼辦法可以一次性加好呢?其實我們可以通過批量添加的方式來解決,那麼對此今天本文就來為大家分享關於ppt中批量添加logo的教程。
  • 用了這些ppt製作神器之後,小夥伴們都求著看我的PPT!
    大家所認知的PPT一般是指Microsoft Office PowerPoint,但要能夠用好、做好PPT,確實挺難的。 可能你會羨慕ppt大神能做出各種酷炫拽的動態效果吧?也曾心想,要是我也能有這水平該多好啊!
  • 用了這些ppt製作神器之後,小夥伴們都跪著看我的PPT!
    大家所認知的PPT一般是指Microsoft Office PowerPoint,但要能夠用好、做好PPT,確實挺難的。 可能你會羨慕ppt大神能做出各種酷炫拽的動態效果吧?也曾心想,要是我也能有這水平該多好啊!
  • 務實社海哥教你玩轉PPT,打造職場最佳述職報告PPT和工作報告PPT
    大家是否還記得2016年BAT巨頭中那個UE總監劉超,一份公眾演講的ppt遭到了網友們潮水般的吐槽。結局可想而知,他被公司除去管理團隊資格。這樣的翻車原因卻是一份PPT。海哥當初聽到這個事情真的哭笑不得,海哥認為:實際這個鍋不能由PPT來背,重要的是製作PPT這個人的能力是有待提高。實踐再次證明:一份糟糕PPT不僅會拉低智商,還會毀了自己的前程。
  • 怎樣在PPT中輸入複雜的公式?詳見圖文教程
    一些小夥伴不知道在PPT中輸入複雜的公式的操作步驟是什麼,所以接下來小編就帶來了在PPT中輸入複雜的公式的教程,相信會有所幫助。ppt系列軟體最新版本下載PPT2010軟體版本:官方最新版應用工具立即查看PPT美化大師軟體版本:2.0.9.0489 正式版應用工具立即查看1、打開PPT 後,我們點擊菜單欄中的【插入】,如下圖所示。
  • 如何運用好PPT中的動畫技巧
    ppt動畫效果ppt動畫效果我想了想還真不是很好回答,一來學習動畫本身就是個長期的任務,或許說的過於神秘了,但是沒關係,對於PPT動畫而言,還是有很多看似高深的技巧,但是如果點透了卻簡單至極,並且可以極快提高效率的技巧可以借鑑,很多動畫即使你不知道怎麼做,但也可以輕鬆使用,是不是很期待了?OK,老司機帶你出發嘍!
  • 如何打造PPT中可用的筆畫素材?我手把手教你啊!
    今天,我就圍繞這兩個問題,給大家解析分享一下,希望能學為你用。 A. 筆畫素材如何使用 關於用筆畫素材拼字的用法,其實我之前已經寫過相關的教程了,如果沒看過的話,可以點擊跳轉查看:
  • 如何在ppt設置出現順序?在ppt設置出現順序的教程
    下面小編帶來了在ppt2007中設置出現順序的教程,希望閱讀過後對你有所啟發。ppt2007設置出現順序的方法   首先編輯好文字,如下圖.  給第一段文字「床前明月光」設置動畫,選定這段文字,右擊,選擇自定義動畫。
  • premiere教程.視頻怎麼導出GIF格式MG動畫
    新手小白我們一起來看下MG動畫是怎麼做出來的MG動畫會用在哪裡1.寫教程會用到微信文章裡的教程,就全部是用動圖做得,一目了然,一個動圖能省好多字呢,你要知道,教程類的文章,字一多反而說不清了,不如一個動圖簡單明了,所以還是用動圖做教程吧。
  • 8個高質量PPT模板網站,經常做PPT的趕緊收藏
    如何做出一張讓老闆眼前一亮的ppt,是很多人都在思考的問題,有了下面這些ppt模板網站,優秀的ppt分分鐘搞定,趕緊收藏起來!1.officeplus - 微軟的官方ppt模板站很多優質的ppt模板提供下載,還有word和excel模板及圖片素材供你選擇。微軟官方出品,質量都屬上乘。
  • 空客320飛機飛行航線圖公布(圖)
    圖為法國《觀點報》公布的飛機飛行航線圖。  一架空客320飛機在法國南部墜毀,法國警方和航空官員已證實墜機事件。法國《觀點報》公布了飛機飛行航線圖。該飛機原計劃從西班牙巴塞隆納飛往德國杜塞道夫,機上有174個座位,共有142個乘客,6個機組人員。  歐洲第一廣播電臺報導,在法國南部墜毀的A320客機隸屬德國之翼航空公司,上有142名乘客,6名機組成員。飛機從西班牙巴塞隆納飛往德國杜塞道夫,在法國南部上普羅旺斯阿爾卑斯省失去蹤跡。
  • 「PPT模板」 旅行日記式vlog動畫模板
    用PPT來做Vlog,編輯起來只會更方便!旅行日記的模板公子做成了一個Vlog的形式,2019年我要做一個勤勞的小蜜蜂,可不是說說那麼簡單的,重點會放在教程或分享素材網站上面用PPT來製作不管是導出Vlog視頻還是一些gif動圖的設計,我個人覺得比那些APP還要好用的多,因為它的可編輯性真的是無敵,甚至在靜圖位圖的處理上,我都偏愛PPT多於PS,這你們是知道的!
  • 碧藍航線打造系列作品,平行宇宙引入,新動畫即將上線
    相信在2019年新番動畫中,有這麼一部作品引起了不少觀眾的注意,它改編自國產手遊,而製作和發行都是在日本,它就是《碧藍航線》。對於該遊戲玩家而言,能看到自己喜歡的艦娘活躍在熒幕上,就是一件值得高興的事,不過由於製作組問題,這部番劇作畫上有很多崩壞的地方,甚至導致最後完結部分要鴿三個月再重新放送。
  • 圖表模板設計教程(2):氣球圖(動態)
  • 輕鬆學會用手機製作動態圖片(圖文教程)
    最近一直在寫一些修圖製圖或者視頻製作相關的教程,自己在寫教程的過程中也不斷的提升自己。如果覺得寫得還可以的,歡迎點讚+轉發+收藏+評論,不足之處還望加以指正,感謝你的閱讀。最近抖音上出現很多動圖作品,即動態圖片,下面給大家介紹動圖的製作方法。首先,要用到的APP是Biu神器點擊打開APP選用『動態美圖』功能,導入要編輯的圖片素材,最好為豎屏圖片,若是橫屏圖片,軟體會自動進入裁剪界面,讓你自由剪切成豎屏圖。
  • 維珍航空上海——倫敦航線起用最長民航飛機
    圖為維珍航空公司中國大陸區總經理Jonathan Harding在新聞發布會上。本報記者魯海濤攝  空中巴士A340-600飛機長達75.3米,維珍航空公司中國大陸區總經理Jonathan Harding表示,由於中英航空協議的限定,上海至倫敦航線的航班每周只能運營四個班次,已遠遠不能滿足航線需求,因此維珍才開始起用世界最長的飛機來適應中國迅速膨脹的客流。
  • ppt中怎樣製作摺疊動畫效果?
    在ppt中,摺疊動畫效果是沒有的,需要我們通過幾個小的技巧才能實現哦,今天小編就帶大家來實踐一下吧!第四步:為組合圖形設置兩個動畫,動畫1(「添加動畫」-》「退出」-》「消失」),動畫2(「添加動畫」-》「進入」-》「基本旋轉」,方向設置為垂直方向)。
  • 【字幕動畫怎麼做】萬彩字影大師教程
    萬彩字影大師提供多種分類的動態裝飾,豐富文字動畫視頻畫面,增強吸引力。▲圖1(萬彩字影大師教程) 2.在線裝飾素材 彈出的裝飾窗口中,有13個分類的在線裝飾素材,