PPT里加視頻,用這個方法讓人耳目一新

成果

本文首發(fā)于「秋葉PPT」

說起背景音樂,大家應(yīng)該都不陌生。在很多場合:包括綜藝節(jié)目、公司年會、發(fā)布會等都會播放背景音樂來渲染現(xiàn)場氛圍。

比如我們的演講比賽,頒獎晚會等都會播放暖場音樂或頒獎音樂,而大多數(shù)情況下,我們所見到的 PPT 音樂播放頁面都是這個樣子的,缺乏美感,毫無新意。

你家的播放器

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

老黃家的

我于是腦洞大開……

那么這樣的界面該怎么制作呢?

今天,我們就一起來嘗試用 PPT 來模仿這樣一個頁面。

成果

通過簡單觀察和分析,我們發(fā)現(xiàn)制作這樣的頁面由圖片和若干形狀組成,而且只需通過簡單三步:

??繪制形狀;

??設(shè)置陰影,調(diào)節(jié)漸變;

??裁剪圖片,拼接圖形。

即可完成音樂播放器界面的制作,下面一起動手嘗試一下吧。

第一步:繪制形狀

播放頁面所含的按鈕比較多,但都是系統(tǒng)自帶的形狀,制作起來也是非常簡單。

形狀

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

繪制好的形狀

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

雛形

第二步,設(shè)置陰影,調(diào)節(jié)漸變

界面中需要設(shè)置陰影的對象包括:灰色矩形界面,進(jìn)度條,圓形按鈕三大按鍵,以上所有形狀陰影效果的設(shè)置方法都是一致的。

選中需要設(shè)置陰影的形狀,右鍵【設(shè)置形狀格式】后,在幻燈片左邊會彈出對話框,找到【形狀選項】-【效果】-【陰影】選項。

預(yù)設(shè)效果,設(shè)置為外部【左下斜偏移】(具體參數(shù)大家可以自行嘗試確定,下圖僅供參考)

參數(shù)

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

半成品

有朋友可能會問播放進(jìn)度條除了設(shè)置陰影效果之外,歌曲的進(jìn)度是如何調(diào)整的。

注意咯進(jìn)度條并不是使用兩條直線拼接的,而是一條直線利用漸變功能來完成的。

1、選擇線條,鼠標(biāo)右鍵選擇【設(shè)置形狀格式】-【填充線條】-【漸變線】;

2、刪除多余的光圈,只留下兩個。

光圈一參數(shù):

【位置】為38%,【顏色】RGB為,239,210,166

光圈二參數(shù):

【位置】為40%,【顏色】RGB為,242,242,242

3、調(diào)整線條寬度和端點(diǎn)類型,【寬度】為3磅,【端點(diǎn)類型】為圓形

參數(shù)


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

效果

第三步,裁剪圖片,拼接圖形

在百度上搜索一張高清吻合主題的照片,可以直接輸入歌曲名字,比如「可惜沒有如果」;

選中圖片,點(diǎn)擊【圖片工具】-【裁剪】,裁剪掉多余的部分,裁剪尺寸根據(jù)界面大小而定,然后與歌曲界面拼接,輸入文字,即可大功告成。

裁剪頁面
成品

一旦明白了這個設(shè)計操作,方法掌握了,就看你怎么發(fā)揮了。

比如,在畢業(yè)之際,要做一次「青春是首歌」的演講,這時如何更好地來體現(xiàn)青春與歌之間的聯(lián)系呢?

再往常,我們可以很多這樣的設(shè)計方式,直接采用圖片加文字:

以前的設(shè)計

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

學(xué)完之后

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

以前的設(shè)計

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

學(xué)完之后

方法教給大家,至于如何發(fā)揮,就需要各位同學(xué)大開腦洞啦,趕緊創(chuàng)造屬于你的播放器吧。

本期完!

若有疑惑可私聊我。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,326評論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,670評論 4 61
  • 沿著一條山路上坡,上面布滿了滾滾礫石,算為寬敞,一側(cè)是綠壁,一側(cè)是懸坑,稍有不慎便會踩著滾石跌入坑底,細(xì)思極恐。太...
    紛邇閱讀 811評論 1 3
  • coco是一只我曾經(jīng)養(yǎng)過的貓,這也是一篇不能算作業(yè)的舊文??墒墙裉欤彝蝗缓孟胨?,好想與他共度的短暫時光。...
    淡淡說閱讀 430評論 0 0
  • 特意去百度百科了下吐槽的意義,結(jié)果發(fā)現(xiàn)一般所理解的吐槽,大約是不正確的。度娘解釋如下: 我所理解的吐槽,大概就是把...
    琉璃簡閱讀 1,494評論 0 1

友情鏈接更多精彩內(nèi)容