查看: 2694|回复: 0

[使用教程] 微信场景里ppt动效的组合

[复制链接]

0

主题

15

回帖

25

积分

会员

Rank: 5Rank: 5

积分
25
发表于 2015-8-26 09:54:36 | 显示全部楼层 |阅读模式
尹广磊公众帐号
微信场景里的隐藏技能--动效的组合,在同一个对象下,可以添加多个动效,我们来看看如何来组合这些动效。

工具/原料:图片素材



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

2.2动效的组合143.png



第二步:添加页面。选中舞台,背景颜色设为黑色,点击工具栏里的“页面”图片,在舞台下添加两个页面,右键页面重命名为“封面”和“动效组合”。(注意页面只能添加在舞台下)

2.2动效的组合229.png



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

2.2动效的组合320.png



第四步:添加文字。分别选中封面和动效组合页面,点击工具栏的“中”图标,在舞台下画一个框,在封面页的背景图下添加一个中文字体“动效组合”。在动效组合页下添加一个中文字体“动效组合”。

2.2动效的组合414.png



第五步:添加透明按钮。选中动效组合页面,点击工具栏里的“透明按钮”图标,在页面下添加一个透明按钮1作为父对象。在透明按钮1下添加4张图片作为子对象,移动父对象时子对象也会跟着一起移动。

2.2动效的组合510.png



第六步:添加动效。分别选中透明按钮1下的图片,点击工具栏里的“动效”图标,在每张图片下添加2个动效。

2.2动效的组合564.png



第七步:设置动效效果。选中图片下的动效1,设置动效类型自右飞入,注意触发后延时设置为1,其他属性默认。选中图片下的动效2,设置动效类型自左飞出,注意触发后延时设置为3.5。效果是当图片自右飞入,在舞台停顿2s再向左飞出。同理,每张图片下的动效都设置一下。

2.2动效的组合695.png



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

2.2动效的组合764.png



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

2.2动效的组合832.png
任何技术性的问题可以加入“VXPLO互动大师技术服务”群:301817884
或者点击“VXPLO互动大师”直接进入官网体验
VXPLO互动大师欢迎对交互设计有想法的各位朋友们的加入!
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2025-6-20 05:21

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表