快速制作炫酷动画

1. 上传、添加素材

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

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

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

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

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

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

2. 添加预置动画

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

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

3. 在时间轴上制作关键帧动画

删除预置动画:点击Logo素材右边的“编辑预置动画”按钮,在弹出的“动画选项”对话框内选择“删除”按钮,删除该元素预置动画效果。

剪切、复制物体:点击选中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) 方法一:选中作品第1页面,在“属性”面板的背景音乐中,点击“上传”按钮,在弹出的“导入声音”对话框中点击“选择文件”按钮,选择添加音乐文件

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

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

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

观看本节视频教程:
http://medu.mugeda.com/lesson/5948eb0f9aeb7060c44f03d8