如何制作动画h5？场景动画h5制作技巧

打造一款自己喜欢的h5动画页面，一直是很多人头疼的问题。苦于缺乏作图技巧和美工功底，为场景动画h5制作的基础场景的构建带来了极大的困难。最简单的方式自然是直接使用网上现成的模板。

利用网上现成的模板如何制作动画h5呢？首先大多数的网站素材都是需要收费的，只有购买了他们的会员才可以正常使用。为了便于大家的方便使用，今天特意为大家推荐一款免费好用的素材网站——稿定设计。接下来就为大家介绍一下在稿定设计上面的h5动画如何制作的。

在网站首页点击上图中的模板中心，即可看到网站为用户提供的所有免费素材，在图里的右侧有专门的站内搜索引擎，可以按照我们的需要来对我们需要制作的h5动画页面进行搜索。

以搜索“新年”为例，搜索完成后点击下面的h5选项，搜索出来的即为全部有关于新年的素材，我们可以在上面选择一款心仪的素材进行编辑。

点击想要使用的模板即可进入编辑界面。左侧是h5所有页面的信息，可以直接用鼠标点击看到其他不同的页面所展示的信息，也可以对所选择的页面进行编辑。

点击上方图片字样即可为模板插入需要添加的图片，添加完成的图片会出现在当前页面上。

点击上方文字按钮，即可在当前页面上添加文字框，双击文字框就可以在里面输入文字，用鼠标拖拽文字框边缘即可修改文字框大小。在整个编辑页面的右面则可以对右侧的文字进行修改，包括文字的颜色、字体、大小等一类的基本属性。

作为h5动画最不能少的自然就是动画的编辑了，点击页面内想要编辑动画的内容，右侧会出现动画的按钮，动画按钮分为进场动画、强调动画和退场动画三种。就以进场动画来说，我们可以在右侧选择动画的方式和延时及持续时间，让动画达到我们想要的效果。

当所有的内容都编辑完成后，只要点击右上角的发布，一款精心打磨的h5动画页面就完成啦！