版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

1、新建作品

在模板市场选择模板购买制作,或者点击空白模板,进入编辑器界面

Image Modified

Image Modified

...

2、编辑文本

替换模板文本:双击文本框即可编辑
新建文本:点击最左侧菜单【文本】打开文本素材面板,可添加文本素材到画布中,双击编辑内容
文本设置:可按照需求设置字体、文字大小、文字颜色、底色填充、加粗、斜体、下划线、行距字距等

Image Modified

Image ModifiedImage Modified

注:打字机动效惊喜上线,让文字动起来~
设置方法:点击文本框,右侧选择打字机动效即可

...


3、编辑图片

1.替换模板图片
2.自定义上传图片:点击最左侧【图片】打开图片素材面板,点击上传图片(图片大小限制在5m以内,可批量上传)
Image Modified

Image Modified

...

4、编辑形状

点击最左侧【形状】打开形状素材面板,选择需要的形状,右侧可设置形状颜色、高级样式、动效等

Image Modified

...

5、设置背景及翻页

点击界面空白处,在右侧面板可以设置页面背景:可上传自定义背景图,也可设置纯色背景并应用到全部页面。
选择想要的翻页动效(可应用到全部页面也可分别设置)
全局设置:可开启翻页循环、翻页指引,自动翻页

Image Modified

...

6、设置互动功能

表单:添加需要的表单组件,可设置相应的表单属性及动效

...

人脸变化:添加人脸变化组件,可设置变化的类型、年龄、次数、变化前后对比等

Image Modified

...

7、添加背景音乐/音频

...

(1)添加背景音乐

     hover【背景音乐图标】提示“添加背景音乐”,点击即可在作品中添加背景音乐;

Image Modified2)替换背景音乐

(2)替换背景音乐

     画布上选中背景音乐图标:hover【背景音乐图标】提示“替换背景音乐”,点击即可替换背景音乐(因为一个作品下只可添加一个背景音乐);

Image Modified3)添加普通音乐组件:

(3)添加音乐(音频)

      画布上未选中任何音乐组件:hover【音乐图标】提示“添加音乐”,点击即可将音乐添加到作品页面中;  画布上未选中任何音乐组件:hover【音乐图标】提示“添加音乐”,点击即可将音乐添加到作品页面中;

Image Modified4)替换音乐:

(4)替换音乐

      画布上已选中某个音乐组件:hover【音乐图标】提示“替换音乐”,点击即可替换音乐。

Image Modified

...

8、添加视频

可上传本地视频、一视作品,在线视频通用代码(优酷、腾讯)
添加成功之后可调整视频在画面的尺寸,旋转角度等

Image Modified

...

9、调整页面

中心区:可撤销回上一步或返回下一步;可预览当前页;可导入psd页面(PSD规范说明);在页面的底部有拉长缩短按钮,可以单独作为长页作品,也可普通页和长页相结合
左侧菜单区:可上下移动页面顺序;复制页面;删除页面;
Image ModifiedImage Modified

...

10、设置动效

a.持续时间:设置的动效会展示多久
b.延迟时间 :多久后动效开始运行
c.循环次数:动效循环的次数
c.循环间隔:循环动效再次播放中间相隔的多久
d.n是设置动效循环
Image Modified

Image Modified

11.设置触发事件 (tip:文字、图片、形状,按钮可设置触发事件)

...

启用禁用:点击某素材可启用或禁用当前页的其他素材

上传图片:点击某素材可唤起手机相册来上传图片

Image Modified

12.预览发布作品

...

12、保存/预览/发布/分享H5

      (1)保存H5作品

        在编辑器右上角点击【保存】或【完成】即可完成作品保存的操作。

        Image Added

     (2)预览H5作品

在制作过程中,可随时点击【预览设置】直接预览作品,或者手机微信扫码预览作品。

Image Added  

Image Added

 可以切换为【常规屏】或【全面屏】这两种屏面预览内容效果。

注意:如果您设置的页面尺寸是640*1008 ,是比较适配于常规屏。您若预览使用的是全面屏,就会有出现上下留白的情况。建议调整页面尺寸为640*1236px,按照这尺寸进行排版。


Image Added

如果您要手机端预览作品,可以在截图中的位置点击一下,会有出现作品二维码,然后可以使用手机微信扫码打开预览。

  (3)发布H5作品

     保存作品以及预览作品效果之后,可以在内容管理中点击作品【发布】

Image Added

(4)分享H5作品

   可以通过以下3种方式进行转发分享H5。
   图文链接:手机扫描作品二维码进入作品内容中再点击右上角“…”三个小点选择分享给好友或朋友圈。
   纯链接:复制作品链接,将作品链接发送给别人。
   二维码:下载作品二维码,将二维码发送给别人。

Image Added


方法1、手机微信扫描作品二维码打开之后,如下可点击页面右上角三个小点“...”然后选择【发送朋友】或【分享到朋友圈】。

Image Added