“手术刀”测试题H5制作

测试题类型H5建造受到良多企业的偏心,长久不衰,屡试不爽,出格是每年节日时代,测试新一年的命运,星座,性格等等随机出成果的H5刷爆伴侣圈,个个pv过百万,下面来介绍下这类型的H5是若何做出来的:

需要这些哦
mugeda
方式/
1起首,登岸木疙瘩平台,建立新作品

2点击“素材库”添加素材,并调整素材大小、位置等属性,如下图:

“手术刀”测试题H5制作

文章插图

3新建第2页面,在“素材库”添加一个手术刀图像元素,点击“线条”东西在“舞台”上绘制一个线条,并点窜其线条类型为“点线”

“手术刀”测试题H5制作

文章插图

4继续弥补绘制线条、添加“杀人”“完美”“合格”文本框,再添加一个文本框,定名为“分数”,输入内容为“0”,并调整大小、字体颜色等属性

“手术刀”测试题H5制作

文章插图

5新建“图层1”,将“图层0”上的手术刀剪切粘贴进“图层1”上,改变手术刀“Z轴扭转角度”为“-90”,调整其大小位置

“手术刀”测试题H5制作

文章插图

6新建“图层2”,在该图层添加一个手指点击的图片素材,同时添加一个文本框,输入文字内容为“按住屏幕,起头手术”,调整字体大小、颜色等属性

“手术刀”测试题H5制作

文章插图

7为便利辨识,我们可点窜“图层0”名称为“底部”,“图层1”名称为“手术刀”,“图层2”名称为“提醒”

“手术刀”测试题H5制作

文章插图

8【“手术刀”测试题H5制作】选中“手术刀”以及“底部”两个图层的第30帧位置,右键→“插入帧”

“手术刀”测试题H5制作

文章插图

9将“手术刀”图层的第1关头帧拖动至第2帧,同时设置手术刀从下往上移动的动画

“手术刀”测试题H5制作

文章插图

10新建“图层3”,在该图层第2帧“插入关头帧”,将虚线复制粘贴进关头帧内,点窜线条颜色为红色,线条类型为“实线”

“手术刀”测试题H5制作

文章插图

11在“图层3”关头帧之后“插入曲线变形动画”,利用“节点”东西将第2帧上的曲线缩短至底端,做一个线条由短标的目的上变长的动画,可点击“预览”不雅察结果

“手术刀”测试题H5制作

文章插图

12别离在“手术刀”和“图层3”的第19帧(手术刀对齐“合格”文字框的时候点)、27帧(手术刀对齐“完美”文字框的时候点)插入关头帧

推荐阅读