html5动画制作设计师懂html5动画制作有优势吗？

如何用Adobe Edge做一个最简单的HTML5动画

以下就以做一个最简单的方块动画来说明基本用法： 　　1. 使用方块工具在stage上画一个方块, 顺便将前景色选为蓝色 　　2. 我们目标是让方块移动到右下角, 在移动过程中改变它的透明度 和 旋转角度 　　所以我们先要对这几个参数建立关键帧 　　右击方块, 在弹出菜单中选择 Add Keyframe - Opacity 　　3. 然后我们在下方的Timeline面板中将初始的透明度修改为20 　　4. 然后我们将右边的时间浮标拖动到一个随意的时间点, 点击透明度修改框右边的小按钮, 再次创建一个关键帧 　　5. 创建完第二个关键帧后, 我们再对透明度进行修改, 改为100 　　此时能够发现在两个时间点的关键帧直接出现了淡黄色填充条, 代表这里已经存在一个变化的过程了, 我们此时可以点击Play按钮试一下 　　6. 如法炮制, 我们可以再添加一个旋转的动画, 只要右击选择Add Keyframe- Rotate (或者直接在左边修改Rotate值也可以) 　　注意一定要保证你运行动画的两端时间点都有关键帧, 关键帧通过点击属性修改框右边的菱形按钮添加 　　7. 此时应该可以运行2个动画了, 按play键试试呗~ 　　接下来我们可以对这个矩形再添加一个简单的事件, 比如鼠标单击时使动画回放 　　我们需要在右上角的Elements菜单中找到Rectangle, 点击左边的Open Actions添加事件处理程序 　　8. 选择Click事件 　　9. 在代码编辑框中选择右边的Play Reverse选项添加回放的功能. (当然你也可以自己编写自己的代码) 　　10. 编辑完毕后直接关闭即可, 由于在编辑窗口中无法直接响应点击事件, 我们需要保存为HTML文件在浏览器中进行试验 　　点击左上角File-Save as 保存为HTML文件 　　11. 我们可以发现它生成了好多JS文件 　　其中edge_includes文件夹中存放了JQuery库的文件以及Edge的共用JS库文件 　　其余js文件则是当前页面所需要的js文件 　　12. 直接用支持HTML5的浏览器打开HTML文件, 就可以看到效果啦~！

怎样下载html5动画

HTML5动画是由HTML5的新特性canvas制作的，要下载动画其实就是要下载对应的JavaScript代码。

如果你不懂JavaScript或者canvas，下载动画基本不可能，你需要专业人士帮忙。

设计师懂html5动画制作有优势吗？

如果您是网页设计师，懂得这个是很有优势的，因为您的设计要考虑程序员，加载速度，访问人数和网页兼容性，如果您不太懂动画制作的“艰难”并切设计的网页动画太多且繁琐程序员会不开心，网速不同会让load变慢，有些动画甚至很卡或者page直接挂掉。

然后如果浏览器不兼容可导致损失客户体验这样再好的网页也是设计失败，现如今的网页已经不仅仅提供信息而且还可以加强用户满意程度，所以懂得html5 动画制作很重要。

当然设计动画时要和程序员充分沟通一下我以前一个案例动画很美好但是到客户端发现cpu呆滞和内存泄漏的情况。

个人观点仅供参考，我是程序员我们的设计师就很让我头疼有时候他1px都能看得出来的强迫症呵呵，没有伤害设计师的意思，我对你们的认真态度和美的观念很赞同。