# 快速制作炫酷动画 >[info]#### **1. 上传、添加素材** 创建作品：登陆账号，点击“新建”→“新建H5作品”页面点击“专业版”进入一个新的操作页面。  上传素材：在媒体栏内选择“图片”按钮，弹出“上传图片”对话框，点击“红框区域”或拖拽文件到此区域，选择所要上传的图片。  点击“确定”按钮，上传所选图片。上传成功后，点击“选择”按钮，将图片成功放置舞台，作为作品背景。  > 注：上传成功后的素材可在“媒体库”中找到。点击“素材库”按钮，在弹出的“媒体库”对话框中，“私有”菜单下的“default”文件夹即是存储新上传素材位置。同时，也可在“媒体库”中点击“+”标志上传新素材。  添加素材：在“媒体库”中找到图片素材，点击“添加”按钮添加至舞台。  调整素材：点击选择“变形”工具，调整舞台上素材的大小与位置。  >[info]#### **2. 添加预置动画** 鼠标选中“选择”工具，点击舞台上“玩转H5”素材右边“添加预置动画”按钮（红色圆圈按钮），弹出“添加预置动画”对话框，选择“翻转进入”动画效果。以相同方式为舞台上其他两个素材添加预置动画效果  调整预置动画时间：点击“玩转H5”素材右边的“编辑预置动画”按钮，在弹出的“动画选项”对话框中，调整动画出现属性：时长1.5秒；延迟0秒；顺时针；同理，分别调整其他素材的预置动画属性   >[info]#### **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”，点击“保存”。  >[info]#### **4. 制作翻页动画** 添加新页面：点击“添加新页面”按钮，可添加一个新空白页面。  复制页面：点击“复制页面”按钮，可复制一个与上页面完全相同的页面，包括素材及其动画效果。  替换背景图片：选中第2页，选中舞台上的背景图片素材，点击属性栏内的“编辑”按钮，在弹出的“媒体库”对话框中选择要更替的图片素材，点击“添加”按钮，替换原有图片。同理复制第3页面，替换背景图片。  > 注：若在预览中出现某素材动画效果不断循环重复的情况，可在上方菜单栏选择“动画”→去掉“循环”效果。  制作翻页效果：在“翻页”面板设置翻页属性  >[info]#### **5. 添加背景音乐** 1) 方法一：选中作品第1页面，在“属性”面板的背景音乐中，点击“上传”按钮，在弹出的“导入声音”对话框中点击“选择文件”按钮，选择添加音乐文件  可将添加至舞台的音乐图标移至舞台之外。  调节背景音乐属性：选中舞台上的背景音乐素材，在其“属性”面板内设置自动播放、循环播放。  2) 添加背景音乐方法二：点击“媒体栏”内的“声音”按钮，在弹出的“导入声音”对话框中上传音乐素材。  观看本节视频教程： http://medu.mugeda.com/lesson/5948eb0f9aeb7060c44f03d8