最近又有不少老師在抖音和小紅書上關注了陳老師，私信詢問我音樂課件里旋律線動畫的做法。

雖說很早之前我就寫過相關的推文，但因為那個時候對 WPS 演示的相關功能研究不夠透徹，文中存在一些遺漏，后續不得不通過關鍵詞自動回復的方式整合多篇推文、補充文字說明加以更正：

可正如上圖所顯示的，自動回復的多條推文和文字，發送順序不確定，雖然我特意強調了《WPS的做法補充》才是后一篇文章，但混亂的推送順序還是可能給各位老師，特別是粗心大意的那部分人徒增一些困難。

因此，我覺得有必要再用一篇文章從零開始完整地把整個制作流程給大家捋一捋，方便老師們學習掌握。同時，本文會使用音樂老師們更常用的 WPS 演示來進行演示和說明，方便大家邊學邊實踐。

OK，那么我們廢話不多說，開始今天的教學。

本文較長，分 4 個部分，建議先收藏起來，每次學習 1~2 個部分，打開電腦邊看邊做，效果最佳。

曲譜的呈現

一般來說，旋律線動畫都不會獨立存在，而是與曲譜共存于 PPT 頁面上的。因為只有這樣，才能比較明顯地展示出起伏的旋律線和曲譜音高變化之間的對應關系。

所以，制作旋律線動畫的第一步其實并不是做旋律線，而是在 PPT 上呈現和展示曲譜，然后再在曲譜的行列之間去繪制旋律線、設置動畫。

那么如何展示曲譜呢？總的來說，有兩種方法。

方法一，使用電子版教材的曲譜圖片。這個方法的優點是方便快捷。不過因為音樂教材都是縱向排版的，想要在橫向的 PPT 頁面上擺放得更加合理美觀，最好把圖片多復制幾份，按需裁成「小紙條」一樣的造型，必要時去除背景色，然后重新拼接。

例如之前我發過的《西湖春曉》一例，原譜的圖片是縱向四行（下圖左側方圖），制作 PPT 的時候我就把它復制了四份，分別裁剪保留第一行、第二行、第三行和第四行（下圖右側 PPT 頁面內選中的四張小圖），最后一二行的小圖拼為一大行，三四行的小圖拼為第二大行，這樣的布局就合理了很多。

當然，并不是所有的曲譜都能剛好實現「兩行拼接為一行」，特別是如果要照顧到每一行末尾的對齊，有的曲譜甚至需要把一小節內的音符都分別裁剪為單獨的圖片，這樣才能調整它們的間距，進而實現對齊。

下面這首《在葡萄架下》就是如此。短短 3 小節，我總共裁剪出了 6 張小圖片，內容最少的圖僅僅只包含了一個音符。

第二種方法是自行打譜。熟練使用陳老師 DIY 的簡譜字體之后，打一份小學歌曲曲譜的耗時并不會太久。可能稍微麻煩一點的也就是調節歌詞與音符的對應關系，以及繪制連線及各種音樂符號。

當然了，如果你使用的是最新版的 WPS 演示，也可以使用「資源夾」功能事先把常用的拍號、調號、連線、裝飾音等符號都保存起來。這樣，繪制曲譜的時間也會大大減少。

關于如何使用簡譜字體打譜，之前已經發過好多相關文章，這里就不展開說了（下圖中的曲譜就是自己手打的，效果明顯好過使用電子版曲譜）。

總而言之，通過這兩種方法，我們就可以把曲譜按照 PPT 的頁面比例進行合理地呈現，這樣就算是完成了旋律線動畫的第一步。

旋律線的繪制

接下來就可以正式開始繪制旋律線了。在 WPS 演示里繪制旋律線，我們用到的工具是形狀下拉菜單里的「任意多邊形」工具。

以《國旗國旗真美麗》這首歌曲為例，選中「任意多邊形」工具，在樂譜的下方根據音符曲調的高低單擊并移動鼠標——注意不是像持筆畫畫那樣，按著鼠標左鍵不放在頁面上劃拉，而是點一下松開、移動到下一個位置再點一下松開……繪制完最后一個點之后按 ESC 鍵退出繪制模式什么軟件可以裁剪視頻中不要的部分，這樣就畫好了一條旋律線的骨架。

右鍵單擊繪制出來的這條折線，選擇「編輯頂點」，此時我們可以看到折線變成了紅色，每個拐點的位置都有一個小黑點，這些小黑點就是我們剛才鼠標左鍵點下的折線頂點。

右鍵單擊小黑點，選擇「平滑頂點」，就可以把折線變為曲線了。

使用這一方法，逐一調整每一個頂點的類別為平滑頂點，就可以得到一條平順的曲線了。

在調整的過程中，我們還可以移動小黑點的位置、調節小黑點兩側的小白方塊對曲線狀態進行更加細微的調節，這個大家一試便知。

順便說一句，想要學好 PPT 制作，大膽嘗試是必不可少的，即便你買書、買課來學，編者也不可能清楚地知道每一位讀者的水平，總是會有沒講到但你又不知道的東西。很多老師就是太膽小，沒人告訴她一個確切的答案，她就停那里啥都不敢動。

前些天就有位老師，下載了簡譜字體不知道咋用，推給她的公眾號文章也說看不懂，就只想要求個示范視頻……苦口婆心地勸，也不知道有用沒用

……

其實怕什么呢？又不會把電腦弄壞，大膽折騰，燥起來啊！

說回我們的旋律線，完成調整之后，單擊頁面空白處退出頂點編輯狀態，曲線形態的旋律線就做好了。

為了讓旋律線更好看，我們可以右鍵單擊線條，選擇「設置對象格式」，調整它的顏色和磅值等屬性（注意要設置線條顏色，而不是形狀填充顏色）。

顏色可以是純色，如果能把漸變色調好看，也可以用漸變色，但切記不要多色漸變什么軟件可以裁剪視頻中不要的部分，那樣太花。一般兩個顏色之間做漸變就可以了。我在這個案例里使用了「紅-橙色漸變」，效果及具體參數如下，供參考：

四個樂句的完整旋律線效果是下面這個樣子。因為線條的格式是相同的，所以你可以先設置好一句旋律線的樣式，然后用格式刷刷給其余三條：

旋律線動畫的設置

平面效果完成，就可以開始著手制作動畫了（實際制作課件時，還需要做完頁面其他部分的平面效果，最后再來做動畫）。不過因為旋律線的擦除必須要與音樂播放進度一致，所以我們在制作動畫之前，需要先把音樂插入進來。

在 WPS 演示里插入音頻，默認會是自動播放狀態，打開動畫窗格，把它調整為單擊時播放。

接下來選中第 1 條旋律線，為它添加擦除出現動畫，在動畫屬性中選擇「自左側」，并把開始條件設置為與上一動畫同時，這樣當我們播放音頻時，旋律線的線條也會隨之出現了。

這里插播一個重要提示。重要！重要！！重要！！！

我們剛剛對擦除動畫進行的設置，名字叫「與上一動畫同時」，也就是說，旋律線的擦除出現是和播放音樂的動畫綁定在一起的。

如果你根本就沒有通過動畫來播放音樂，而是移動光標單擊了頁面上的小喇叭，或者小喇叭下面的播放按鈕（如下圖），旋律線動畫都是不會出來的！

只有單擊頁面或者使用翻頁筆向后翻頁，WPS 演示才會按照動畫窗格里的設定，向后推進動畫并播放音樂，此時旋律線才會隨之出現。

很多老師就是不注意這些細節，遇到問題也沒有深究到底的精神，最后上臺演示就狀況百出，大家一定要盡量提前避免。

完成第 1 條旋律線動畫的設置之后，我們發現它的出現時機和動畫速度都不太對——首先它出現得太早，還在前奏呢，它就已經開始擦除了；其次它出現得太快，一下子就擦除完了。這兩點我們會分別使用「延遲時間」和「持續時間」來調節。

選中小喇叭，單擊功能區左側的「裁剪音頻」按鈕，彈出音頻裁剪框——我們并不是要真的去裁剪音頻長度，而是通過這個窗口去定位時間點。

在這個窗口播放試聽音樂（可以直接單擊淺藍色區域調整播放指針位置），找到前奏結束的那個點。我這里測試是 10.52 秒：

關閉窗口，選中第一條旋律線的擦除動畫，給它設置 10.52 的延遲時間，讓它等到 10.52 秒再開始擦除。這樣我們就解決了動畫出現時機的問題。

再次進入裁剪音頻窗口，找到第一句歌詞唱完的時間點，我這里測試大概是 15.20秒。和開始時間做一個減法 —— 15.2-10.52=4.68，因此這條旋律線動畫的持續時間差不多就是 4.68 秒。這樣我們就解決了動畫速度的問題。

設置完后播放動畫實測一下，根據情況再做一點微調——畢竟剛才我們只是憑感覺點暫停，時間卡得并不是絕對精確。

如果覺得動畫開始時間晚了一點，就減少一點延遲時間，如果覺得動畫慢了一點，就減少一點持續時間。

最終，我把這一條旋律線的延遲時間調整為 10.45 秒，持續時間 4.40 秒，這樣第 1 條旋律線動畫就算做好了。

之后就依葫蘆畫瓢，完成后續旋律線的制作即可。這里有個省時間的小竅門：一般低年級的兒歌，速度平穩，樂句長短又大都相同，可以直接參考第一句進行設置，不用每句都去試聽找點。

比如第 2 條旋律線，就可以設置延遲時間 14.85 秒（前一句的結束時間），持續時間 4.40 秒。

注意動畫開始條件同樣要設置為「與上一動畫同時」，不能設置為「上一動畫之后」哈！

另外，再提醒一個非常重要的點——前面我們測試的時間點，只是基于 WPS 演示的。因為不知名的原因，在 里去卡點，時間點位置會略有不同。

也就是說，你在 WPS 演示里做的旋律線動畫，用 播放，會出現動畫與音樂不同步的情況，反之亦然。

在不確定課件最終播放環境的情況下，建議老師們使用錄屏軟件把需要演示旋律線動畫的這一頁 PPT 錄制成視頻使用，以確保動畫和音樂的絕對吻合。

最后，建議老師們把動畫窗格切換為顯示高級日程表的狀態，這樣動畫從哪里開始、到哪里結束、動畫之間是如何銜接的，也會更加直觀。

飛行元素的制作（選學）

其實對于新手來說，完成前 3 步，就算是做出一個合格的旋律線動畫了。如果你還想讓旋律線動畫更美觀，還可以根據歌詞內容，加入一個隨旋律線一起運動的小圖片，比如一面卡通風格的國旗（這里暫且用小紅旗替代）。

首先，將小紅旗的圖片復制為 4 份，分別放置在每一條旋律線的左端。

選中旗幟，在動畫窗格中單擊「添加效果」，分兩次為它添加「漸變」的進入和退出效果。

接下來還是選中旗幟，為它添加路徑動畫分類中的?「為自選圖形指定路徑?」，并指定路徑為第一條旋律線。

按住 Shift 鍵，一頭一尾，選中新添加的 3 個動畫，把它們都設置為「與上一動畫同時」，并拖動它們的位置到第 1 條旋律線的擦除動畫之后。

不難發現，目前在 WPS 演示里，可能對什么是上一動畫的界定，還存在一些小問題，這 3 個動畫并沒能和第 1 條旋律線的擦除動畫同時，而是從 0 秒開始，也就是和播放歌曲的動畫同時了。所以我們還需要手動設置一下它們的延遲時間，把它們推到正確的時間位置上去。

這也從一個側面顯示出把動畫窗格調整成「顯示為高級日程表」的重要性。如果是默認的列表式，我們可能只有在播放動畫效果時才能發現這個問題。

首先是第一個「漸變」進入動畫，它的延遲時間與旋律線延遲時間一致，即 10.45 秒。

紅旗淡化出現之后，就應該進行移動了，所以我們需要把路徑動畫挪到淡化消失之前，它的延遲時間和持續時間都應該和旋律線動畫一致。

最后，紅旗移動到旋律線末段，淡化消失，因此淡化消失的延遲時間，應該是旋律線動畫的結束時間減去淡化消失自身的持續時間，即 14.85-0.5=14.35。

最終，淡化開始、沿路徑移動、淡化消失 3 個動畫，在動畫窗格里形成下面這樣的類似俄羅斯方塊里面那個 Z 形方塊的造型，就調節完成了。理解起來有困難的，可以參考下面這張高級日程表的時間塊解釋圖。

是不是感覺好癢，要長腦子了？

動畫窗格是制作 PPT 動畫的基礎，你必須把它完整摸熟吃透，甚至說習慣性地按照它的邏輯去思考某個你想要的動畫效果都需要安排哪些具體的動畫，在時間上又該如何布局，這樣才能逐漸掌控動畫，做出自己想要的效果。

這也是為什么我不建議新手一上來就搞動畫，因為真的很燒腦。

那是不是這樣做好之后就算完成了一面紅旗的動畫了呢？還沒。

「為自選圖形指定路徑」生成的路徑動畫是自帶「平穩開始」和「平穩結束」的。也就是說，紅旗會在開始移動的時候慢慢加速，在接近終點時慢慢減速，而旋律線的擦除動畫是勻速的，這樣二者就會錯位。很多新手老師做出來的就是這樣的效果。

我們還需要雙擊動畫窗格中的紅旗移動路徑動畫，去掉「平穩開始」和「平穩結束」前的勾。

這樣二者的運動才更加匹配。

當然，如果追求完美的效果，和前面確定動畫的持續時間、延遲時間一樣，我們也可以再根據實際播放效果進行微調。

比如上面這個效果，紅旗的移動還是略微落后了一丟丟。我們可以把路徑動畫的時間略微縮短，同時把末尾淡化消失的時間點也同步略微提前（減少淡化動畫的延遲時間），最終把動畫優化到最佳。實測之后，縮短和提前的時間量都取0.2 秒就差不多了。

其實稍微差一點問題也不大，實在是覺得調節起來費勁，我們最后不還要錄制成視頻么？在視頻編輯軟件里面分離開音頻和視頻軌道，還可以單獨對視頻畫面作加速減速的微調嘛！

所以啊，你掌握的工具越多，辦法也就越多，思路也就越廣。要想做好課件，需要學習的東西多著呢！

好了，在教程的最后，還是來看看整體效果吧！

如果你能堅持看到這里，說明真的是陳老師的真愛粉了。給你鞠躬謝過！也希望你能通過這篇 5000 字長文徹底掌握旋律線動畫的制作。我們下篇推文再見！