如何快速制作H5页面？

时间：2023-07-05 01:03:01 | 来源：网站运营

时间：2023-07-05 01:03:01 来源：网站运营

如何快速制作H5页面？：方法/步骤1： 上传、添加素材

创建作品：登陆账号，在“动画作品”→“我的作品”页面点击“创建作品”进入一个新的操作页面。

上传素材：在媒体栏内选择“图片”按钮，弹出“上传图片”对话框，点击“选择文件”，打开素材所在的文件夹，选择所要上传的图片。

点击“上传”按钮，上传所选图片。上传成功后，点击“选择”按钮，将图片成功放置舞台，作为作品背景。

注：上传成功后的素材可在“媒体库”中找到。点击“素材库”按钮，在弹出的“媒体库”对话框中，“私有”菜单下的“default”文件夹即是存储新上传素材位置。同时，也可在“媒体库”中点击“+”标志上传新素材。

添加素材：在“媒体库”中找到图片素材，点击“添加”按钮添加至舞台。

调整素材：点击选择“变形”工具，调整舞台上素材的大小与位置。

方法/步骤2： 添加预置动画

鼠标选中“选择”工具，点击舞台上“玩转H5”素材右边“添加预置动画”按钮（红色圆圈按钮），弹出“添加预置动画”对话框，选择“翻转进入”动画效果。以相同方式为舞台上其他两个素材添加预置动画效果

调整预置动画时间：点击“玩转H5”素材右边的“编辑预置动画”按钮，在弹出的“动画选项”对话框中，调整动画出现属性：时长1.5秒；延迟0秒；顺时针；同理，分别调整其他素材的预置动画属性

方法/步骤3：在时间轴上制作关键帧动画


剪切、复制物体：点击选中logo素材，右键→剪切

新建图层：如下图点击“新建图层”按钮，新建一个图层。鼠标选中新建图层第1帧空白帧，在舞台上右键→粘贴，将Logo素材粘贴进新图层中。

插入帧：鼠标拖动同时选中两个图层的第15帧（可自主调节帧数），右键→“插入帧”

插入关键帧动画：鼠标选中图层1第1帧，将其向后拖动至第7帧（可自主调节帧数）

鼠标选中第12帧，右键→“插入关键帧动画”

插入关键帧：选中图层1第11帧，右键→“插入关键帧”，同理在第12、13、14帧插入关键帧。

制作进入动画：选中图层1上物体所在首帧，即第7帧，按住Shift键，鼠标将Logo素材拖至舞台上方之外

选中图层1第12帧，按住Shift键，按一下键盘下滑键，将Logo素材向下移动一点距离，同理，选中第14帧，将Logo素材向上移动一点距离，制作出进入后上下摆动的动画效果。点击“预览”观察效果。

保存作品：点击“保存”按钮，在弹出的“保存”对话框中将作品命名为“玩转H5”，点击“保存”。

方法/步骤4： 制作翻页动画

添加新页面：点击“添加新页面”按钮，可添加一个新空白页面。

复制页面：点击“复制页面”按钮，可复制一个与上页面完全相同的页面，包括素材及其动画效果。

替换背景图片：选中第2页，选中舞台上的背景图片素材，点击属性栏内的“编辑”按钮，在弹出的“媒体库”对话框中选择要更替的图片素材，点击“添加”按钮，替换原有图片。同理复制第3页面，替换背景图片。

注：若在预览中出现某素材动画效果不断循环重复的情况，可在上方菜单栏选择“动画”→去掉“循环”效果。

制作翻页效果：在“翻页”面板设置翻页属性

方法/步骤5： 添加背景音乐

方法一：选中作品第1页面，在“属性”面板的背景音乐中，点击“上传”按钮，在弹出的“导入声音”对话框中点击“选择文件”按钮，选择添加音乐文件

可将添加至舞台的音乐图标移至舞台之外。

调节背景音乐属性：选中舞台上的背景音乐素材，在其“属性”面板内设置自动播放、循环播放。

添加背景音乐方法二：点击“媒体栏”内的“声音”按钮，在弹出的“导入声音”对话框中上传音乐素材。