文章插图
本文总计:2477 字
预计阅读时间:10 分钟
昨天,我给大家推荐了一个酒类产品的官网,不知道大家看过没 。
要是没看过的话,也没有关系,因为我用 PPT 把这个网站仿制了一下 。
保留了主要元素,以及大部分的交互效果 。
当然,PPT 和网页交互会有些不同,有部分小功能没有去做出来 。
先给大家看一下 PPT 交互的录屏吧:
PPT 中的图片及 LOGO 等素材,都是直接从官网获取的 。
整个作品的细节还是比较多的,尤其是第一部分,几乎把所有的技术难点都涵盖了 。
因为后面部分的原理差不多,为了控制页数,后面几个部分,去掉了比较多交互细节 。
学习拆解的话,着重拆解第一个部分即可 。
接下来,给大家简单介绍一下技术难点
需要注意一下,本文是综合型进阶教程,后面的技巧思路,很多都是点到为止,刚接触 PPT 的话,可能有很多地方看不明白 。
但是大部分内容,以前的文章都提到过,如果今天看不明白的,可以先收藏,以后再回头琢磨琢磨哦 。
01. 图片素材是如何获取的
使用的谷歌浏览器扩展,ImageAssistant,一键批量获取网站图片 。
选择自己所需的图片后,可以进行批量下载 。
02. Logo和山峰等素材是如何获取的
这些本身是矢量 svg 素材,但是在网页上是以代码形式存在的 。
直接通过浏览器扩展,无法拉取到这些 svg 文件 。
可以把鼠标移动到素材上方,右键点击 。
在打开的窗口中,会看到如下图 svg 开头的代码 。
注意观察,鼠标移动到代码上方时,Logo 上面会有特殊显示 。
点击鼠标右键,选择复制这段代码:
之后在电脑上新建一个 txt 文件,把这段代码粘贴进去 。
保存该 txt 文件,把文件的后缀改成 .svg 即可 。
修改完成后,可以直接拖到 PPT 中使用,也可以到 AI 等矢量软件中打开 。
03. 背景音乐文件是如何获取的
同样是在浏览器中,按 F12 打开开发者工具,点击选择选项卡 。
刷新一次页面,会重新加载页面中的所有素材 。
之后,在搜索框搜索,就可以筛选出所有的音频文件 。
选中一个音频,右键在新窗口打开,就可以下载该音频文件了 。
部分网站的视频,也可以通过这种方法获取 。
04. PPT 中的背景音乐是如何一直播放的
高版本的 PowerPoint,可以直接把音频文件拖进去 。
在 PPT 里选中音频,点击音频播放选项卡,选择 。
这时候音频就会当作背景音乐,一直循环播放 。
05. 用键盘操作,或者用鼠标点击为什么不会换页
因为交互类 PPT 作品,一般用于展会的触摸屏 。
而且往往交互逻辑比较复杂,真实的页面并不是常见的线性结构,如果用鼠标或键盘切换页面,浏览的时候会比较混乱 。
所以,需要把鼠标和键盘换页功能给禁用,避免出错 。
只需要在选项卡中,设置幻灯片放映:
勾选,就可以只通过设置好的交互触发来切换页面 。
06. 开始的云朵散开是怎么做的
首先在页面最上方,添加两张云朵的 PNG 免抠图 。
再分别为云朵添加向左和向右的路径动画,让云朵移动到页面之外即可 。
07. 第一页的背景在缓慢移动
本来这是想模仿网站的效果,鼠标移动的同时,背景分层移动,形成细微的视觉差,突显页面的层次感 。
但是 PPT 做鼠标跟随效果,需要用到 VBA 和 API 相关的知识,而且做出来会比较卡 。
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- 手把手教你作品同发 抖音和快手能同时发一个作品吗
- 关键词推广攻略大全 如何做关键词推广
- 做肌肉猛男其实很简单!
- 做型男必会的健身3法
- 回族大厨教你清炖羊排 汤白似奶,羊肉软烂 羊排怎么炖好吃又烂没腥味
- 炖猪蹄教你几招,软烂入味想不好吃都难 猪蹄怎么炖好吃
- 轻轻松松做“瑜伽美男”
- 好看的小说:重生香港做神算、三个女人古代玩互穿、穿成种马文女配
- 8种经典小米粥做法 更营养,更香浓 小米粥怎么煮好吃又营养
- 香葱炒生蚝鲜甜多汁无腥味 生蚝怎么做好吃又简单视频