博主信息
博文 4
粉丝 0
评论 0
访问量 6636
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
三分钟!意派Epub360制作高端H5邀请函
Justin
原创
1888人浏览过

我们在很多场合都需要制作邀请函,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/

本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学