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

成果

本文首發(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)造屬于你的播放器吧。

本期完!

若有疑惑可私聊我。

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

相關閱讀更多精彩內容

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

友情鏈接更多精彩內容