廣告贊助

  (,,・∀・)ノ゛hello~這個禮拜「黑主任」在粉絲團問有多少人想學上圖酷炫的【區域業績動態展示動畫】

結果睡一覺起來發現有近200人留言 Σ( ° △ °|||)︴ 開心的同時也不敢辜負大家學習的熱情~我們直接進入主題吧!

雖然強大的PPT為我們提供了多種酷炫動畫效果,但我個人并不建議各位在職場簡報上過度使用動畫

2.png

那麼,什麼樣的動畫適合應用在職場PPT中呢?

這需要回歸動畫的本質需求:(1)能配合演講傳遞邏輯 (2)在重要觀點上給觀眾以深刻印象 (3)符合演講情境及公司形象

3.png

而本次要介紹給大家的【區域業績動態展示動畫】剛好符合上述的三大原則

我們再一起來看下要製作出這個動畫需要克服3大問題點:

(1)背景的地圖素材在哪裡找的?

(2)如何在兩頁PPT切換中保留同一元素(台灣)并實現移動縮小?

(3)如何讓【業績指向線】能流暢的依序展示四個區域的數據?

接下來,我們就一起來解決這3大問題點,只要解決了3大問題點,那麼製作出這個動畫就很簡單了~

當然老規矩,文末同樣有該動畫的源檔案下載方式,有需要的朋友可以自行下載研究~

(給新朋友的聲明:因本人長期在上海工作,使用的PPT是簡體版,但和繁體版PPT按鈕功能、佈局都一致,僅是名稱有所不同,望大家多包涵啦)


引导图.jpg

 

1
背景地圖素材哪裡找? 

這裡使用的是一個在線地圖製作網站,推薦給各位~

4.png

http://pixelmap.amcharts.com/

(1)你可以把海洋和陸地改成你喜歡的顏色~

世界的顏色由你來決定哈哈哈XD

 

(2)在【Choose map】中搜索你想找的地名

系統就會自動跳到該地的地圖~

undefined

 

(3)下載你做好的地圖素材

有3種格式供你選擇,如需要圖片格式的話就選擇【IMAGE】

5.png

(4)在本次的動畫製作中我們需要事先做好兩張圖片素材

6.png

【注意!】如你自定義設置海洋和陸地的顏色,那麼務必先下載【區域地圖】再做【目標地圖】

若你先跳到【目標地圖】就無法回到世界全景了,只能把網站刷新再來過

這樣的話之前你設定好的顏色參數就會全部跑掉 (。_。)

 

2
如何在兩頁PPT切換中

讓同一元素移動變化?

這里使用到的其實是Office365的【平滑】效果(見下圖)

7.png

(繁體版貌似翻譯成【轉化】,反正就是切換動畫第一個,圖示和位置如上圖)

該功能能實現相似元素在兩個PPT頁面切換時的移動和變形

實際操作一下,比如下面兩頁的火箭

 

好,那麼我們將事先準備好的兩張地圖素材放上去

使用【平滑】切換試試看會怎麼樣?

 

誒誒誒!怎麼和想象的不一樣?!

說好的酷炫移動和變形呢?⊙▽⊙

這是因為我們只放了兩張圖片,上面並沒有用到【同一元素】

我們可以用摳圖軟體將要移動的元素【台灣】從地圖上截取下來變為單一對象

 

是不是就同時實現「地圖切換」「元素移動」了呢!XD

注意:若你的PPT版本不是Office365是無法使用【平滑】效果哦~

當然也有外掛插件能實現類似效果,但只能局限在同一頁面兩個元素的移動變形

繼續,我們來看下如何設置【動畫參數】能依序展示不同區域的業績~

 

3
如何讓【業績指向線】

流暢的依序展現區域數據?

我們再看一次成品動畫:

就會發現這一頁其實只運用了兩個小技巧:

(1)【業績指向線】的方向設置

(2)所有元素依序出現的時間設置

1.【業績指向線】的方向設置

(1)業績指向線的製作

插入【弧形】【圓形】【合併形狀】

這非常簡單,不多做說明~

9.png

(2)線條出現方向的設置

其實就是運用了動畫效果中的【擦除】

發現有條線的出現方向不對怎麼辦?直接點擊【效果選項】調整出現方向

如此一來,【業績指向線】就被完美攻克啦~ o(*≧▽≦)ツ

 

2.所有元素依序出現的時間設置

這個動畫整體來說最為關鍵的就是對時間的把控

X 元素一起出現顯得過於混亂

X 出現的時間間隔過短過長都影響閱讀體驗

透過對動畫的觀察,文字與線條出現的順序如下圖

8.png

以下是我設置的時間參數,供你參考:

10.png

依序對元素進行動畫設置:

開始時間設為【上一動畫之後】→動畫期間設為【0.5秒】

11.png

依序設置完該【區域業績展示動畫】就完成啦! <( ̄︶ ̄)>

如果你覺得還不過癮,想要源檔案來研究一下

可按下方提示步驟進行下載哦~

 

4
下載源檔案

STEP ONE:在我們粉絲團【職場黑馬學】按贊

STEP TWO:私訊粉絲團輸入關鍵詞區域業績

P.S:只需輸入關鍵字不需加括號,唯有正確輸入關鍵字系統才會自動回復下載鏈接哦~

若是因為系統更新緣故,小編巡查時發現也會手動補給大家的~放心吧^^


今天的分享就到這啦~

我們下次見 ~( ̄▽ ̄)~*

如果喜歡我們的文章還請按贊分享~先謝過啦!

上週有朋友在FB底下的留言另黑主任好感動~再次謝謝大家的支持啦!

本文系【職場黑馬學】原創

如網絡媒體慾轉載刊登請洽詢粉專獲得授權,感謝!

P.S:求職潮將近,本期粉專福利放送【求職大禮包】

449套中英履歷+面試技巧大全+寫作範文

正在求職的新鮮人或年後想轉換跑道的你趕快來參與活動把~XD

 


引导图.jpg

文章標籤
創作者介紹
創作者 職場黑馬學 的頭像
職場黑馬學

職場黑馬學

職場黑馬學 發表在 痞客邦 留言(0) 人氣()