文章插圖
本文總計(jì)：2477 字
預(yù)計(jì)閱讀時(shí)間：10 分鐘
昨天，我給大家推薦了一個(gè)酒類產(chǎn)品的官網(wǎng)，不知道大家看過沒 。
要是沒看過的話，也沒有關(guān)系，因?yàn)槲矣?PPT 把這個(gè)網(wǎng)站仿制了一下 。
保留了主要元素，以及大部分的交互效果 。
當(dāng)然，PPT 和網(wǎng)頁交互會(huì)有些不同，有部分小功能沒有去做出來 。
先給大家看一下 PPT 交互的錄屏吧：
PPT 中的圖片及 LOGO 等素材，都是直接從官網(wǎng)獲取的 。
整個(gè)作品的細(xì)節(jié)還是比較多的，尤其是第一部分，幾乎把所有的技術(shù)難點(diǎn)都涵蓋了 。
因?yàn)楹竺娌糠值脑聿畈欢?，為了控制頁?shù)，后面幾個(gè)部分，去掉了比較多交互細(xì)節(jié) 。
學(xué)習(xí)拆解的話，著重拆解第一個(gè)部分即可 。
接下來，給大家簡(jiǎn)單介紹一下技術(shù)難點(diǎn)
需要注意一下，本文是綜合型進(jìn)階教程，后面的技巧思路，很多都是點(diǎn)到為止，剛接觸 PPT 的話，可能有很多地方看不明白 。
但是大部分內(nèi)容，以前的文章都提到過，如果今天看不明白的，可以先收藏，以后再回頭琢磨琢磨哦 。
01. 圖片素材是如何獲取的
使用的谷歌瀏覽器擴(kuò)展，ImageAssistant，一鍵批量獲取網(wǎng)站圖片 。
選擇自己所需的圖片后，可以進(jìn)行批量下載 。
02. Logo和山峰等素材是如何獲取的
這些本身是矢量 svg 素材，但是在網(wǎng)頁上是以代碼形式存在的 。
直接通過瀏覽器擴(kuò)展，無法拉取到這些 svg 文件 。
可以把鼠標(biāo)移動(dòng)到素材上方，右鍵點(diǎn)擊 。
在打開的窗口中，會(huì)看到如下圖 svg 開頭的代碼 。
注意觀察，鼠標(biāo)移動(dòng)到代碼上方時(shí)，Logo 上面會(huì)有特殊顯示 。
點(diǎn)擊鼠標(biāo)右鍵，選擇復(fù)制這段代碼：
之后在電腦上新建一個(gè) txt 文件，把這段代碼粘貼進(jìn)去 。
保存該 txt 文件，把文件的后綴改成 .svg 即可 。
修改完成后，可以直接拖到 PPT 中使用，也可以到 AI 等矢量軟件中打開 。
03. 背景音樂文件是如何獲取的
同樣是在瀏覽器中，按 F12 打開開發(fā)者工具，點(diǎn)擊選擇選項(xiàng)卡 。
刷新一次頁面，會(huì)重新加載頁面中的所有素材 。
之后，在搜索框搜索，就可以篩選出所有的音頻文件 。
選中一個(gè)音頻，右鍵在新窗口打開，就可以下載該音頻文件了 。
部分網(wǎng)站的視頻，也可以通過這種方法獲取 。
04. PPT 中的背景音樂是如何一直播放的
高版本的 PowerPoint，可以直接把音頻文件拖進(jìn)去 。
在 PPT 里選中音頻，點(diǎn)擊音頻播放選項(xiàng)卡，選擇 。
這時(shí)候音頻就會(huì)當(dāng)作背景音樂，一直循環(huán)播放 。
05. 用鍵盤操作，或者用鼠標(biāo)點(diǎn)擊為什么不會(huì)換頁
因?yàn)榻换ヮ?PPT 作品，一般用于展會(huì)的觸摸屏 。
而且往往交互邏輯比較復(fù)雜，真實(shí)的頁面并不是常見的線性結(jié)構(gòu)，如果用鼠標(biāo)或鍵盤切換頁面，瀏覽的時(shí)候會(huì)比較混亂 。
所以，需要把鼠標(biāo)和鍵盤換頁功能給禁用，避免出錯(cuò) 。
只需要在選項(xiàng)卡中，設(shè)置幻燈片放映：
勾選，就可以只通過設(shè)置好的交互觸發(fā)來切換頁面 。
06. 開始的云朵散開是怎么做的
首先在頁面最上方，添加兩張?jiān)贫涞?PNG 免摳圖 。
再分別為云朵添加向左和向右的路徑動(dòng)畫，讓云朵移動(dòng)到頁面之外即可 。
07. 第一頁的背景在緩慢移動(dòng)
本來這是想模仿網(wǎng)站的效果，鼠標(biāo)移動(dòng)的同時(shí)，背景分層移動(dòng)，形成細(xì)微的視覺差，突顯頁面的層次感 。
但是 PPT 做鼠標(biāo)跟隨效果，需要用到 VBA 和 API 相關(guān)的知識(shí)，而且做出來會(huì)比較卡 。
以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：- 手把手教你作品同發(fā) 抖音和快手能同時(shí)發(fā)一個(gè)作品嗎
- 關(guān)鍵詞推廣攻略大全 如何做關(guān)鍵詞推廣
- 做肌肉猛男其實(shí)很簡(jiǎn)單！
- 做型男必會(huì)的健身3法
- 回族大廚教你清燉羊排 湯白似奶，羊肉軟爛 羊排怎么燉好吃又爛沒腥味
- 燉豬蹄教你幾招，軟爛入味想不好吃都難 豬蹄怎么燉好吃
- 輕輕松松做“瑜伽美男”
- 好看的小說：重生香港做神算、三個(gè)女人古代玩互穿、穿成種馬文女配
- 8種經(jīng)典小米粥做法 更營養(yǎng)，更香濃 小米粥怎么煮好吃又營養(yǎng)
- 香蔥炒生蠔鮮甜多汁無腥味 生蠔怎么做好吃又簡(jiǎn)單視頻