Adobe Edge 初体验

来源:互联网 发布:ug8.0编程视频教程 编辑:程序博客网 时间:2024/06/05 11:29

下载Adobe Edge,需要先在adobe官网上注册账户,然后可以下载Edge软件http://labs.adobe.com/technologies/edge/resources/

8月1日,Adobe刚刚在Lab发布了Edge预览版,Edge是一款制作基于HTML5、CSS3和Javascript等标准的动画和交互效果的工具。虽然HTML5一直剑指Flash,但Adobe在继续增强Flash的同时,也在积极发展其产品对HTML5的支持。今年3月,Adobe发布了Wallaby预览版,一个可将FLASH中动画输出为HTML5的工具。

官方经典例子:

 

使用笔记:

1. 导入图片: File- Import 可以选择单个图片也可以选择多个图片

2. 选中某一个导入的图片,点击左边菜单栏最上面的 location ,会在下面的  tmeline中 显示图片的宽和高(都可以在动画中更改的,不收缩

3. 点击左边菜单栏最下面的 skew,会在下面的  tmeline中 显示图片的收缩比例(都可以在动画中更改的,收缩

 

总结:

 感觉做一个页面动画相对简单些,可以将做出来的东西保存为html格式,可以通过浏览器浏览(不需要安装flash插件)

下面是保存为HTML格式后生成的相关文件(html,css,js)

原创粉丝点击