對于教文科的中小學老師而言，上課時總免不了需要給學生播放音頻：語文課、英語課的範文朗讀，音樂課的範唱、伴奏等等。

大多數情況下，老師們可能就直接把音頻素材插入到 PPT 頁面，得到一個喇叭圖标，播放音頻的時候點就完了。可你真的不覺得這樣做太醜了嗎？

事實上，我們完全可以通過簡單的形狀繪制和動畫設置，模拟出類似「網易雲音樂」那樣的黑膠唱片播放效果，讓音樂播放過程變得更加生動：

今天陳老師就和大家聊聊這個效果的制作方法，有興趣的老師朋友們不妨抽空跟着教程練練手，看看自己還有哪些技術欠缺，通過練習獲得進步。

廢話不多說，下面就讓我們開始吧！

01 制作唱片

唱片主要是靠圖片素材來完成，到哪裡去找唱片的圖片素材呢？各大素材站點？太慢了！

前面不是已經給大家展示過網易雲音樂PC版客戶端的界面了嗎？直接截圖，插入 PowerPoint 就好！看，這麼大尺寸，還不夠用嗎？

按住 Shift 鍵，使用橢圓工具繪制出一個正圓，大小調節至與圖中的唱片一樣大：

按住 Ctrl 鍵，依次選擇圖片和圓形，進入「形狀格式」選項卡，使用「合并形狀-相交」命令，就能裁掉無關圖片區域，得到正圓形的唱片圖片了：

根據你要播放的音樂或音頻的不同，找一張素材圖片，裁剪為圓形，調節到合适大小，和唱片圖片中心對齊後編組，這樣我們就可以完成唱片部分的制作了：

02 制作唱針

唱針的造型存在一些拐角和陰影細節，不太适合進行摳圖，我們可以直接利用形狀來手繪。

首先，繪制兩個尺寸較小的圓形，一個灰色，一個白色，中心對齊疊放，做出唱針轉軸 —— 白色的大圓适當加一點居中偏移的陰影效果：

接下來使用「任意多邊形」工具，繪制出彎折的唱針旋臂：

将線條設置為白色，磅值 8 磅，連接類型設置為「圓角」，置于底層，陰影參照前面白色圓形設置：

看到這裡，你可能會覺得陳老師這個唱針旋臂畫得太細了，嗯，其實這是刻意為之。因為我們現在是在放大繪制，繪制完成之後要整體縮小，但線條的磅值不會随着對象尺寸變化而變化，所以要以縮小後的線條粗細來設置磅值。

使用多個圓角矩形繪制出唱針頭 —— 下面是拆解圖，總共用到了 5 個圓角矩形：

所有部件繪制完成，将唱針轉軸和唱針旋臂編為一組，整體縮小 —— 看，在縮小的過程中，旋臂粗細是不是一直沒有變化？現在你明白陳老師最開始為什麼要把旋臂設置得那麼細了吧：

把唱針頭縮小到合适尺寸，随唱針旋臂末端延伸方向做一定角度的旋轉，放置到合适位置，與旋臂組合成一個對象：

和唱片放到一起看看，哎，好像有點那個味兒了 —— 這一步要是發現唱針尺寸還是不合适，可以再做縮放調整，調整完後記得單獨選中組合中的旋臂，調節磅值至合适尺寸：

03 調整唱針旋轉中心

為了後續得到正确的動畫效果，我們還需要對唱針進行一些調整，否則唱針默認的旋轉中心會在對象的幾何中心（下圖中橙點位置），我們就沒法用「陀螺旋」動畫讓唱針頭落到唱片上了：

調整的方法很簡單，添加一個輔助形狀即可 —— 選擇圓形繪制工具，光标對準轉軸，按住 Ctrl 和 Shift 鍵，以轉軸為圓心畫出一個能完全蓋住唱針的正圓，設置為無輪廓、無填充，把它與唱針組合為一體，這樣整個組合的中心點就是轉軸位置了：

04 繪制播放按鈕 & 設置觸發動畫

最後一步，繪制播放按鈕，以及添加動畫。播放按鈕的繪制非常簡單，就是一個圓形裡面放一個三角形，如果有餘力的朋友，還可以參照下面的排版繪制出「上一首/下一首」按鈕，以及播放進度條等元素：

這一步看似跳躍較大，但實則都是基礎的形狀繪制與文字排版，相信難不倒大家，如果你在練手仿制的過程中确實遇到解決不了的問題，歡迎給陳老師留言。

把要播放的音樂插入到 PPT 裡來，此時會自動生成一個小喇叭，同時在動畫窗格中生成一個音樂播放動畫。把小喇叭放到頁面外，如圖所示：

在「開始」選項卡打開「選擇窗格」，在頁面中選中播放按鈕，将右側選擇窗格中按鈕對應的名稱改為「播放」，方便後面指定觸發器動畫：

進入「動畫」選項卡，在「動畫窗格」中選中音樂播放的動畫，将其改為「暫停」，然後點擊「觸發 - 通過播放」，選擇下拉菜單中的「播放」。這樣就能實現點擊播放按鈕時播放音樂了：

用觸發器将播放音樂的動畫由默認的小喇叭圖标轉移給其它對象，是每一個老師都必須掌握的技能。

現在我們實現了點擊播放按鈕播放音樂，但事實上，我們點擊播放按鈕時，不光是音樂會播放，還有唱片自轉、唱針旋轉到唱片上、播放條前進等其它動畫效果。因此，我們還需要設置這一系列的動畫，并把它們也添加到觸發器動畫中來。

05 其它配套動畫設置

選中唱片，為它添加一個「陀螺旋」動畫，設置持續時間為 20 秒（時間越長，轉速越慢），雙擊黃色時間條，彈出計時面闆，設置重複為「直到幻燈片末尾」：

選中轉軸，同樣添加「陀螺旋」動畫，設置持續時間為 0.5 秒，雙擊動畫對象名字，彈出效果面闆，設置旋轉角度為 33° （數值僅供參考），回車确認，讓旋臂旋轉後唱針能剛好落到唱片黑膠面上：

最後選中播放條上的圓形遊标，添加一個向右的直線動畫，将動畫終點調整到播放條尾部，雙擊動畫對象名稱，彈出效果窗口，取消掉平滑開始和平滑結束：

為了實現音樂播完時，圓形遊标剛好走到最右端，直線動畫的時間與要播放的音樂等長。比如音樂有 30 秒，遊标的直線動畫時間就設置 30 秒。

不過啊，PPT裡最大隻能設置10分鐘的動畫時長（填寫10:00），再多就不行了。可我這裡要播放的音樂有 21 分 39 秒（折合1299 秒），超過 10 分鐘上限了，怎麼辦呢？

不怕，用「口袋動畫」插件的「動畫風暴」功能就可以搞定啦：

這樣是不是就把所有需要制作的動畫都完成了呢？還差兩點細節 —— 第一，進度條上走過的部分要變成紅色。

複制一份進度條，填充顔色為紅色，為其添加「更多進入效果 - 伸展」動畫，把動畫選項設置為「自左側」。動畫時間同樣用「口袋動畫」設置為 1299 秒。最後把紅色進度條疊置到灰色進度條上，把圓形遊标置于頂層：

第二個缺失的動畫是點擊播放後，播放按鈕要變成暫停按鈕。

當然，如果較真的話，在此之後再次點擊暫停按鈕後，還會有唱針旋臂要轉回初始位置、唱片暫停旋轉、播放進度條停止前進等等動畫效果……全都要實現很不現實。

既然我們隻是為了滿足上課需求，并不是真的要複刻一個播放器，那就可以隻做「播放變暫停」的效果。畢竟上課過程中，播放音頻音樂後又要中途暫停的情況較少，一般都會整體放完。個别情況例如兩段歌曲隻需要聽一段，也可以事先把音頻剪開，隻插入第一段的音頻，這樣就不用中途按暫停了。

複制一個播放按鈕，删除圓形裡面的三角形，繪制一個等于符号，旋轉90°，與圓形組合得到暫停按鈕：

把暫停按鈕置于底層，藏在播放按鈕後面，然後給播放按鈕添加一個消失動畫，此時的動畫窗格應該是這樣子：

給大家逐一回顧一下吧：PA-組合1的動畫是唱片旋轉；PA-組合17的動畫是唱針旋臂旋轉；PA-組合37是進度條上圓形遊标的水平移動；PA-圓角矩形34的動畫是紅色播放進度條的變長；PA-播放是播放按鈕的消失。

現在，把所有這些動畫，都設置為「與上一動畫同時」，并且拖動到播放音樂的觸發器動畫之後，我們的所有工作就都完成了：

來看看效果吧：

是不是比起一個孤零零的喇叭高大上多了？

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!