
本文首發(fā)于「秋葉PPT」
說起背景音樂,大家應該都不陌生。在很多場合:包括綜藝節(jié)目、公司年會、發(fā)布會等都會播放背景音樂來渲染現(xiàn)場氛圍。
比如我們的演講比賽,頒獎晚會等都會播放暖場音樂或頒獎音樂,而大多數情況下,我們所見到的 PPT 音樂播放頁面都是這個樣子的,缺乏美感,毫無新意。

如果能在需要播放音樂的界面中配上這樣一個音樂播放器的標識,想來效果應該是相當生動的。某日,在簡書上看到@黃顯浩 做了一張這樣的頁面:

我于是腦洞大開……
那么這樣的界面該怎么制作呢?
今天,我們就一起來嘗試用 PPT 來模仿這樣一個頁面。

通過簡單觀察和分析,我們發(fā)現(xiàn)制作這樣的頁面由圖片和若干形狀組成,而且只需通過簡單三步:
??繪制形狀;
??設置陰影,調節(jié)漸變;
??裁剪圖片,拼接圖形。
即可完成音樂播放器界面的制作,下面一起動手嘗試一下吧。
第一步:繪制形狀
播放頁面所含的按鈕比較多,但都是系統(tǒng)自帶的形狀,制作起來也是非常簡單。

按照以上提示繪制的形狀如下圖:

然后再將形狀進行組合,拼出播放器的雛形,如下(具體顏色可以自行調整):

第二步,設置陰影,調節(jié)漸變
界面中需要設置陰影的對象包括:灰色矩形界面,進度條,圓形按鈕三大按鍵,以上所有形狀陰影效果的設置方法都是一致的。
選中需要設置陰影的形狀,右鍵【設置形狀格式】后,在幻燈片左邊會彈出對話框,找到【形狀選項】-【效果】-【陰影】選項。
預設效果,設置為外部【左下斜偏移】(具體參數大家可以自行嘗試確定,下圖僅供參考)

調節(jié)陰影效果之后,可得到如下圖的頁面:

有朋友可能會問播放進度條除了設置陰影效果之外,歌曲的進度是如何調整的。
注意咯進度條并不是使用兩條直線拼接的,而是一條直線利用漸變功能來完成的。
1、選擇線條,鼠標右鍵選擇【設置形狀格式】-【填充線條】-【漸變線】;
2、刪除多余的光圈,只留下兩個。
光圈一參數:
【位置】為38%,【顏色】RGB為,239,210,166
光圈二參數:
【位置】為40%,【顏色】RGB為,242,242,242
3、調整線條寬度和端點類型,【寬度】為3磅,【端點類型】為圓形

根據第二步操作,可得出以下效果:

第三步,裁剪圖片,拼接圖形
在百度上搜索一張高清吻合主題的照片,可以直接輸入歌曲名字,比如「可惜沒有如果」;
選中圖片,點擊【圖片工具】-【裁剪】,裁剪掉多余的部分,裁剪尺寸根據界面大小而定,然后與歌曲界面拼接,輸入文字,即可大功告成。


一旦明白了這個設計操作,方法掌握了,就看你怎么發(fā)揮了。
比如,在畢業(yè)之際,要做一次「青春是首歌」的演講,這時如何更好地來體現(xiàn)青春與歌之間的聯(lián)系呢?
再往常,我們可以很多這樣的設計方式,直接采用圖片加文字:

但是,當我們學習完這個播放器制作之后,我們是不是可以借助一個音樂播放器,作為「歌」的載體,來彰顯主題,做出如下的效果:

再比如:平時培訓或者給學生講課常常需要插播一段視頻,若直接將視頻擺放在頁面則會顯得與整套幻燈片的風格不搭。有些同學可能會提出使用樣機,這確實是個不錯的想法,但用多了難免會顯得比較單調,或者出現(xiàn)尺寸不合適的情況。

這時是不是也可以利用今天學的方法,自己畫一個播放器:

方法教給大家,至于如何發(fā)揮,就需要各位同學大開腦洞啦,趕緊創(chuàng)造屬于你的播放器吧。
本期完!
若有疑惑可私聊我。