Blogger Information
Blog 4
fans 0
comment 0
visits 5371
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
三分钟!意派Epub360制作高端H5邀请函
Justin
Original
1512 people have browsed it

我们在很多场合都需要制作邀请函,H5邀请函,邀请函类型的H5页面作为一种活动报名、产品推广、婚礼庆典等场景通用的一种形式,发展到今天,玩法多种多样。

今天我们以H5工具意派Epub360为例,来向大家介绍如何制作炫酷的邀请函H5页面。

工具/原料

  1. 意派Epub360账号
  2. 联网的电脑

方法/步骤
1、进入意派Epub360官网注册登录,进入工作台,点击左侧创建第一个空白的H5作品

2、点击右上角的“页面”,切换到background页面,在这个页面添加序列帧组件,就是很炫酷的视频输出的序列图片,图片全部插入,设置自动播放,间隔时间为0.08s

3、点击右上角的“页面”,切换到页面,我们添加首页的图片,排放好,设置飞入动画,案例中我还使用了SVG描绘动画,让整体动画更炫酷、更细腻

4、第二页,一般是公司介绍或者是活动介绍,我们点击编辑器的上方工具栏,点击段落文本,把文字内容粘贴进去,设置文本的字号、颜色,添加飞入的播放动画

5、第三页一般是活动/会议领导人/嘉宾介绍,我们把活动/会议领导人/嘉宾的图片添加到画布上,设置放大出现的动画,动画效果可以为power4

6.第四页一般是活动/会议的流程,通常会有一个时间线,比如2点做什么,3点做什么,具体的时间安排,我们可以给不同的时间图片添加顺序渐现动画

7.第五页一般是会议报名,我们点击编辑器上方的工具栏,添加“联系表单”,更改一下样式,符合我们的主题,默认是可以表单提交,收集用户活动报名信息

8.最后一页,一般是活动/会议的地址,主办方的联系信息,可以点击编辑器上方工具栏“高级组件”下面的地图组件,点击添加到画布上,优化一下细节

这样我们就做好啦,我们可以点击点击左上角的预览,确定没问题了就点击编辑器左上角发布按钮进行发布作品。

注意事项
请使用谷歌浏览器编辑制作H5
做之前最好先看一下新手教程的编辑器介绍

原文出处:https://www.epub360.com/blogs/article/5e82fcfc43e343142e77835f/

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post