测试题类型H5建造受到良多企业的偏心,长久不衰,屡试不爽,出格是每年节日时代,测试新一年的命运,星座,性格等等随机出成果的H5刷爆伴侣圈,个个pv过百万,下面来介绍下这类型的H5是若何做出来的:
需要这些哦
mugeda
方式/
1起首,登岸木疙瘩平台,建立新作品
2点击“素材库”添加素材,并调整素材大小、位置等属性,如下图:
文章插图
3新建第2页面,在“素材库”添加一个手术刀图像元素,点击“线条”东西在“舞台”上绘制一个线条,并点窜其线条类型为“点线”
文章插图
4继续弥补绘制线条、添加“杀人”“完美”“合格”文本框,再添加一个文本框,定名为“分数”,输入内容为“0”,并调整大小、字体颜色等属性
文章插图
5新建“图层1”,将“图层0”上的手术刀剪切粘贴进“图层1”上,改变手术刀“Z轴扭转角度”为“-90”,调整其大小位置
文章插图
6新建“图层2”,在该图层添加一个手指点击的图片素材,同时添加一个文本框,输入文字内容为“按住屏幕,起头手术”,调整字体大小、颜色等属性
文章插图
7为便利辨识,我们可点窜“图层0”名称为“底部”,“图层1”名称为“手术刀”,“图层2”名称为“提醒”
文章插图
8【“手术刀”测试题H5制作】选中“手术刀”以及“底部”两个图层的第30帧位置,右键→“插入帧”
文章插图
9将“手术刀”图层的第1关头帧拖动至第2帧,同时设置手术刀从下往上移动的动画
文章插图
10新建“图层3”,在该图层第2帧“插入关头帧”,将虚线复制粘贴进关头帧内,点窜线条颜色为红色,线条类型为“实线”
文章插图
11在“图层3”关头帧之后“插入曲线变形动画”,利用“节点”东西将第2帧上的曲线缩短至底端,做一个线条由短标的目的上变长的动画,可点击“预览”不雅察结果
文章插图
12别离在“手术刀”和“图层3”的第19帧(手术刀对齐“合格”文字框的时候点)、27帧(手术刀对齐“完美”文字框的时候点)插入关头帧
推荐阅读
- 如何解决 “err
- 儿茶酸摄入要防“过犹不及”
- 炉石 磁力怎么用
- 《自然》封面文章遭质疑,“史上最小恐龙”或为乌龙?
- Costco是不是国内新中产的“菜”?
- “数学王子”高斯,它究竟有多牛?
- 武侠剧中经常出现的“天山”,究竟长啥样?
- 茶与禅“清流二”,茶叶上市公司
- 这些动物生孩子不需要爹的!
- “富”咋就传不过三代呢?