如何在微信html5页面中添加ppt动效

卡哇伊的渣渣

我们经常在微信html5页面中看到一段文字飞入或者一张图片飞出的ppt动态效果是怎么做出来的呢，下面小编就来教大家如何添加这样的ppt动效。

工具/原料：图片素材



第一步：借助html5页面编辑工具。百度搜VXPLO互动大师，进入官网注册账号并登录。登录后在“我的作品”里创建一个新的手机作品。





第二步：添加页面。选中舞台，背景颜色设为黑色，点击工具栏里的“页面”图片，在舞台下添加两个页面，右键页面重命名为“封面”和“进场动效”。（注意页面只能添加在舞台下）






第三步：添加背景图片。选中页面，点击工具栏里的“图片”图标，在舞台上画出一个框，点击上传图片，分别在两个页面下添加一张黑色背景图，图片大小为640*1040，x和y坐标为0。






第四步：添加文字。分别选中封面和进场动效页面，点击工具栏的“中”图标，在舞台下画一个框，在封面页的背景图下添加一个中文字体“进场动效”。在进场动效页下添加4个中文字体，添加两张图片。






第五步：添加动效。分别选中进场动效页面下的中文字体和图片，点击工具栏里的“动效”图标，给每个中文字体和图片添加一个进场动效。







第六步：设置动效效果。分别选中动效，在动效的属性面板设置动效时长、类型、自动播放、触发后延时、开始前隐藏、播放次数和循环播放。






第七步：作品的保存。点击编辑页面上方的保存按钮，在弹出的对话框填写标题和描述，状态设为公开，上传作品的封面图片，点击确定保存作品。






第八步：作品的分享。在“我的作品”里找到我们刚刚做好的作品，点击作品封面的分享按钮，用微信扫描二维码，打开作品直接分享出去即可。



任何技术性的问题可以加入“VXPLO互动大师技术服务”群：301817884
或者点击“VXPLO互动大师”直接进入官网体验
VXPLO互动大师欢迎对交互设计有想法的各位朋友们的加入！