如何制作H5类型的邀请函？(如何制作h5类型的邀请函图片)-IT群

随着移动互联网的发展，H5类型的邀请函已经非常流行了，学会制作H5类型的邀请函已成为公司职员必不可少的一项技能。接下来，小编就把制作H5类型邀请函的方法分享给大家。

步骤1：添加素材

01

如下图，在“舞台”上添加一个长形图片素材，使用“变形”工具调整长图大小位置
02

在“舞台”空白部分添加一个矩形，调整矩形宽高、颜色使其符合“舞台”
03

如下图，点击在“舞台”上添加一个文本框、两个矩形、两个输入框，“提交”按钮，分别在其“属性”面板下调整其颜色、大小、位置如下图
04

点击选中第一个输入框，在其“属性”面板下修改“提示文字”为“请输入姓名”，同理，选中第二个输入框，在其“属性”面板下修改“提示文字”为“请输入电话”，“类型”为“电话号码”，“必填项”为“是”
05

分别为两个输入框命名为“姓名”“电话”

步骤2：添加行为

01

点击“提交”按钮右边的“添加/编辑行为”按钮，在“编辑行为”对话框内选择“属性控制”→“提交表单”→触发条件：“点击”，点击“编辑”按钮
02

在“参数”对话框内，选择“提交目标”为“默认数据服务”，勾选“提交对象”为“姓名”“电话”，点击“确认”
03

如下图，点击添加第2页，使用Alt键吸取第1页背景图片的颜色，统一舞台颜色
04

在第2页点击添加文本框，输入文字内容如下图，并在其“属性”面板下修改文本框文字大小、字体、颜色等属性
05

回到第1页，复制“提交”按钮，粘贴进第2页（按照Ctrl+Shift+V粘贴至当前位置）
06

修改文本框文字内容为“我想再看看活动时间”
07

在按钮“属性”面板下找到“动作”，选择“无”，取消掉表单行为
08

复制第2页至第3页面，修改文本框“老朋友提交失败再来一次吧”，修改按钮文字内容为“OK，再来一次”，点击“保存”并填写名称为“邀请卡”
09

回到第1页，点击选中第1帧，即全选第一页素材，右键→“组”→“组合”，将第1页第1帧上的所有元素合并成一个组
10

在该组合的“属性”面板下找到“拖动/旋转”选项，选择“垂直拖动”。
11

按照Shift键将组合往下拖动，手动使其顶部与“舞台”顶部对齐，也可在“属性”面板下调整其“上”值为“0”，使其顶部与“舞台”顶部对齐
12

双击“组”进入组页面，点击“提交”按钮右边的“添加/编辑行为”按钮，在“编辑行为”对话框内点击“提交表单”行为的“编辑”按钮
13

在“参数”对话框选择“操作成功后”为“跳转到页”，点击其右边的“编辑”按钮
14

在新弹出的“参数”对话框内选择“页号”为“2”，“翻页方式”为“平移”，点击“确认”
15

同理，选择“操作失败后”为“跳转到页”，“页号”为“3”，“翻页方式”为“平移”，点击“确认”
16

接下来，在“舞台”上添加一个矩形，点击矩形“添加/编辑行为”按钮，添加“禁止翻页”行为
17

如图，在第2页面，点击“我想再看看活动时间”按钮的“添加/编辑行为”按钮，进入“编辑行为”对话框，设置“点击跳转到第1页”行为
18

回到第1页，选中“组”，为其命名为“首页”
19

在第2页，点击“我想再看看活动时间”按钮的“添加/编辑行为”按钮，进入“编辑行为”对话框，添加“改变元素属性”行为：选择“属性控制”→“改变元素属性”→触发条件：“点击”，点击该行为的“编辑”按钮
20

如图，在“参数”对话框内设置：元素名称：“首页”元素属性：“上”赋值方式：“用设置的值替换现有的值”取值：“-370”
21

如图，点击选中第3页失败页面，点击“ok，再来一次”按钮的“添加/编辑行为”按钮，在“编辑行为”对话框设置“点击跳转到第1页”行为