如何制作具有翻页效果的免费手机H5页面

方法 步骤一：制作手机壳。

创建手机壳，进入交互母版，点击我的作品-创建作品-手机壳。

添加两个页面对象，用于舞台尺寸的设置，手机壳默认默认为640*1040，也就是iPhone6P的页面尺寸，这里我们用的是640*1008的尺寸，也就是iPhone5s的尺寸，这个尺寸也适用于大多数安卓手机。

选择第 1 页并添加上传**。

将 xy 轴设置为 0，将大小设置为 640*1008。 这允许您设置全屏。

结束方法 第 3 步：制作动画。

添加时间轴，复制并粘贴 ** 在时间山基轴下。

为 ** 添加轨道，并将时间线设置为大约 1 秒。 设置动画持续时间，以便时间轴不会在设置的控制点动画结束时结束。

3.添加 2 个控制点，选择控制点 1，将透明度设置为 0，在设置控制点 1 之前已添加控制点 2 的状态，因此属性状态的透明度与原来的 100 相同。 这会产生渐进的效果。

在页面下添加 2 个事件，将事件 1 设置为触发对象作为显示，目标对象作为时间轴，目标动作作为开始**，这样就可以制作自动动画的效果。

设置事件 2 将触发动作设置为隐藏，目标对象为时间线，目标动作为跳转到某个时刻，设置为 0，这样做的目的是让动画在从下一页返回上一页时从头开始，可以避免在时间轴动画完成后返回上一页。

结束方法 第 4 步：制作翻页效果。

页面切换为上下切换，滑动效果完成。

结束方法 第 5 步：更快地创建这样的新页面。

复制页面，先复制页面，然后粘贴到舞台下。

选择第2页的**，更换封面卷起，上传后的**坐标和大小会自动适应我们之前设定的标准，以此类推，可以制作多页翻页效果。

H5页面，或者说微场景，是目前微信中传播量最大、传播最广泛的形式。 借助领先的生产工具 vxplo interactive master，可以轻松制作一个很酷的微信 H5 页面。

第 1 步：创建您的作品。

登录 VXPLO Interactive Master** 并进入“我的创作”页面。 单击“创建工作”以创建手机壳或PC机壳。

第 2 步：添加素材。

1.在工具栏中选择**工具，在白色阶段拖动一个对象框，确定大小和位置，然后就可以添加材质了。

3. 您添加的材质会出现在对象树中，我们可以通过对象树更轻松地管理材质。

第 3 步：添加事件。

1.在材质下添加事件，触发事件发生，并达到目标动作是振动、显示、隐藏等效果。

2.保存作品，点击菜单栏中的预览按钮，或者用手机扫描预览，就可以**效果，这样三步就能完成一个简单的H5页面动态效果。 当然，VXPLO Interactive Master 也可以制作出非常有趣和复杂的效果，可以搭配计数器、时间线、滑动时间线、动画效果等组件来打造更酷炫的 H5 页面！

第 4 步：分享您的工作。

如果你有独特的创作想法，使用VXPLO互动大师，通过几个简单的步骤，搭建一个微场景，打破生硬的动态**，增加用户浏览的互动性和趣味性，在微信中快速传播。 如需更多零**互动效果，可以查看VXPLO Interactive Master**。