本文首發(fā)于「秋葉PPT」
說起背景音樂挽霉,大家應(yīng)該都不陌生。在很多場合:包括綜藝節(jié)目变汪、公司年會侠坎、發(fā)布會等都會播放背景音樂來渲染現(xiàn)場氛圍。
比如我們的演講比賽裙盾,頒獎(jiǎng)晚會等都會播放暖場音樂或頒獎(jiǎng)音樂实胸,而大多數(shù)情況下,我們所見到的 PPT 音樂播放頁面都是這個(gè)樣子的番官,缺乏美感庐完,毫無新意。
如果能在需要播放音樂的界面中配上這樣一個(gè)音樂播放器的標(biāo)識鲤拿,想來效果應(yīng)該是相當(dāng)生動(dòng)的假褪。某日,在簡書上看到@黃顯浩 做了一張這樣的頁面:
我于是腦洞大開……
那么這樣的界面該怎么制作呢近顷?
今天生音,我們就一起來嘗試用 PPT 來模仿這樣一個(gè)頁面。
通過簡單觀察和分析窒升,我們發(fā)現(xiàn)制作這樣的頁面由圖片和若干形狀組成缀遍,而且只需通過簡單三步:
??繪制形狀;
??設(shè)置陰影饱须,調(diào)節(jié)漸變域醇;
??裁剪圖片,拼接圖形蓉媳。
即可完成音樂播放器界面的制作譬挚,下面一起動(dòng)手嘗試一下吧。
第一步:繪制形狀
播放頁面所含的按鈕比較多酪呻,但都是系統(tǒng)自帶的形狀减宣,制作起來也是非常簡單。
按照以上提示繪制的形狀如下圖:
然后再將形狀進(jìn)行組合玩荠,拼出播放器的雛形漆腌,如下(具體顏色可以自行調(diào)整):
第二步,設(shè)置陰影阶冈,調(diào)節(jié)漸變
界面中需要設(shè)置陰影的對象包括:灰色矩形界面闷尿,進(jìn)度條,圓形按鈕三大按鍵女坑,以上所有形狀陰影效果的設(shè)置方法都是一致的填具。
選中需要設(shè)置陰影的形狀,右鍵【設(shè)置形狀格式】后匆骗,在幻燈片左邊會彈出對話框灌旧,找到【形狀選項(xiàng)】-【效果】-【陰影】選項(xiàng)绑咱。
預(yù)設(shè)效果,設(shè)置為外部【左下斜偏移】(具體參數(shù)大家可以自行嘗試確定枢泰,下圖僅供參考)
調(diào)節(jié)陰影效果之后描融,可得到如下圖的頁面:
有朋友可能會問播放進(jìn)度條除了設(shè)置陰影效果之外,歌曲的進(jìn)度是如何調(diào)整的衡蚂。
注意咯進(jìn)度條并不是使用兩條直線拼接的窿克,而是一條直線利用漸變功能來完成的。
1毛甲、選擇線條年叮,鼠標(biāo)右鍵選擇【設(shè)置形狀格式】-【填充線條】-【漸變線】;
2玻募、刪除多余的光圈只损,只留下兩個(gè)。
光圈一參數(shù):
【位置】為38%七咧,【顏色】RGB為跃惫,239,210,166
光圈二參數(shù):
【位置】為40%,【顏色】RGB為艾栋,242,242,242
3爆存、調(diào)整線條寬度和端點(diǎn)類型,【寬度】為3磅蝗砾,【端點(diǎn)類型】為圓形
根據(jù)第二步操作先较,可得出以下效果:
第三步,裁剪圖片悼粮,拼接圖形
在百度上搜索一張高清吻合主題的照片闲勺,可以直接輸入歌曲名字,比如「可惜沒有如果」扣猫;
選中圖片霉翔,點(diǎn)擊【圖片工具】-【裁剪】,裁剪掉多余的部分苞笨,裁剪尺寸根據(jù)界面大小而定,然后與歌曲界面拼接子眶,輸入文字瀑凝,即可大功告成。
一旦明白了這個(gè)設(shè)計(jì)操作臭杰,方法掌握了粤咪,就看你怎么發(fā)揮了。
比如渴杆,在畢業(yè)之際寥枝,要做一次「青春是首歌」的演講宪塔,這時(shí)如何更好地來體現(xiàn)青春與歌之間的聯(lián)系呢?
再往常囊拜,我們可以很多這樣的設(shè)計(jì)方式某筐,直接采用圖片加文字:
但是,當(dāng)我們學(xué)習(xí)完這個(gè)播放器制作之后冠跷,我們是不是可以借助一個(gè)音樂播放器南誊,作為「歌」的載體,來彰顯主題蜜托,做出如下的效果:
再比如:平時(shí)培訓(xùn)或者給學(xué)生講課常常需要插播一段視頻抄囚,若直接將視頻擺放在頁面則會顯得與整套幻燈片的風(fēng)格不搭。有些同學(xué)可能會提出使用樣機(jī)橄务,這確實(shí)是個(gè)不錯(cuò)的想法幔托,但用多了難免會顯得比較單調(diào),或者出現(xiàn)尺寸不合適的情況蜂挪。
這時(shí)是不是也可以利用今天學(xué)的方法重挑,自己畫一個(gè)播放器:
方法教給大家,至于如何發(fā)揮锅劝,就需要各位同學(xué)大開腦洞啦攒驰,趕緊創(chuàng)造屬于你的播放器吧。
本期完故爵!
若有疑惑可私聊我玻粪。