animate发布html5教程(animate发布html5教程图片过大)
adobe animate怎么导入html
首先简单介绍一下吧。。。Adobe Edge Animate 是一个非常好用的html5 动画制作软件，它能够通过 HTML5、JavaScript、jQuery 和 CSS3 来制作跨平台、跨浏览器的网页动画，Adobe Edge Animate 制作的网页动画基于 HTML5 的互动媒体，能更加方便地通过互联网传输。
下载软件资源，提取出的Adobe Edge Animate解压文件没法安装，没有Set-up.exe这个程序用来启动安装，如下
图1，下载后的软件
图2，软件提起解压
图3，加压后的目录
解决办法，也非常简单
我们找到PS,AE,PR,AI等等他们中的任何一个的安装文件(注意软件版本和Adobe Edge Animate相同即可)
然后从他们的 安装包中提取packages和resources这两个文件夹，以及Set-up.exe这个可执行文件，放到解压后的Adobe Edge Animate目录中补齐即可启动安装
然后我们，启动安装即可，过程和ps等软件等软件的相同，不在赘述，截图说明
选择目录，完成
安装完成，启动，软件界面如下
7
貌似许多介绍时中文的，安装后却发现还是英文的。。。
最后了，感谢大家的阅读和支持
adobe animate怎么链接到本地的html文档？？？
animate你新建HTML5文档啊。然后你按钮上写
this.按钮实例名.addEventListener("click", 程序名);
function 程序名() {
window.open("本地网页文件夹/本地网页名.html", "_blank");
}
animate里的HTML5用的是JS代码，AS代码现在已经很少用了。
你可以看下代码片段里的自动添加，以下是原本的示例代码，只是把网络地址改成本地地址而已
/* 单击以转到 Web 页
单击指定的元件实例会在新浏览器窗口中加载 URL。
说明:
1. 用所需 URL 地址替换 。
保留引号 ("")。
*/
this.instance_name_here.addEventListener("click", fl_ClickToGoToWebPage);
function fl_ClickToGoToWebPage() {
window.open("", "_blank");
}
【An教程】快速入门Animate（原Adobe Flash）
介绍
Animate其实就是我们之前常说的Flash，只不过换了个名字罢了。在Animate中除了支持原先的Swf文件外还开始支持Html5
创建项目
点击主页左下方「创建」
我们可以对「文件名」「宽高」等内容进行修改
认识界面
我们通过一张图来认识一下界面
绘制图形
在左侧的工具栏中有图形绘制的工具，利用其我们能绘制「矩形」「圆形」「多边形」
在这里我们要注意一点的是：在Animate中默认使用「合并绘制模式」也就是：两个图形重叠时上方的图形会减去下方图形的重叠部分。
但如果我们不想使其进行合并，我们则需要「创建对象」使其处于「对象绘制模式」，如下图所示：
传统补间动画
通过传统补间动画，我们可以使物体的位置发生变化。
在创建传统补间动画前我们先要把原本的图形变为「元件」，接着在想要结束的地方打上「关键帧」并移动元件位置，在两个「关键帧」中我们右键点击「创建补间动画」一个简单的小动画就完成啦。
步骤概括：
1.转化为「元件」
2.打「关键帧」并移动位置
3.创建「传统补间动画」
Ps：按下「Enter」键播放动画
形状补间动画
通过形状补间动画，我们能够实现物体形状变化上的动画。
与之前传统补间动画不同的是，我们在这里 不需要 转化为「元件」
同样的，我们在想要结束的地方打上关键帧，并进行形状修改，在两个关键帧之间右键选择「创建补间形状」
步骤概括：
1.打「关键帧」并改变形状
2.创建补间形状
导出动画
「文件」-「导出」即可完成导出
Ps：Animate可以导出gif，mov，swf等格式的文件，在这里大家根据需求自行选择即可。
如何在WordPress中嵌入Edge Animate作品
一、下载Adobe Edge Animate制作工具
二、下载Edge Animate示例文件
三、下载并安装Wordpress插件：Edge Suite
Edge Suite是Wordpress插件，可以帮助你把以.oam格式发布的Edge Animate作品插入到Wordpress博客文章中。你可以在下载该插件，或者直接在Wordpress管理后台搜索Edge Suite然后添加新的插件，如下图：
安装并激活后可以在Wordpress管理后台的边栏上看到“Edge Suite”菜单：如下图：
通过“Edge Suite”，可以上传Edge Animate动画，然后在Post中引用。
四、创建一篇新blog并嵌入Edge Animate作品
1、在EDGE ANIMATE中发布.OAM格式HTML5动画
启动Edge Animate，并打开SpriteSheet+Symbol+Loop项目中的Animate项目文件：Spritesheet+Loop.an 。如下图：
2、Edge Animate提供了三种方式允许你发布HTML5动画，分别是Web、Animation Deployment Package（动画部署包）、iBooks/OS X。通过菜单FilePublish Settings,可以调出发布设置（Publishing Settings）,如下图：
选择“Animation Deployment Package”，指定发布目录，以及文件名，点击左下角的“Publish”按钮，Edge Animate即把html5动画发布成.oam格式文件。.oam格式文件实际上是zip格式文件（你可以把其后缀改为.zip，然后解压看其内部结构）。通常的HTML5动画要包含诸多html、js、css以及图片等资源文件，不易交换和传播。通过.oam，可以比较方便的集成在其他环境中，比如Adobe的数字出版方案DPS，以及Wordpress中。
3、通过EDGE SUITE上传到WORDPRESS中
进入Wordpress管理后台，点击边栏菜单的Edge Suite，进入Edge Suite管理界面。在该界面上，可以上传.oam文件。如下图，上传的.oam文件会在后台自动解压，上传成功后，可以看到解压的文件提示。
4、创建POST，嵌入动画。
现在，在Wordpress中创建一篇新的post。用户会注意到，在Post编辑界面的最下方出现新的Edge Suite功能，如下图。该条目提供了你上传到WordPress中所有Edge Animate动画作品的列表，每个条目的第一个数字即其id。通过改id，即可把动画内容插入到post中。比如下图中显示条目为“3-LoopAnimation Edge-69072481”，3即为其id。
5、在post中正文中，可以按照如下方式嵌入该动画：