animate将flash转换html,【An教程】快速入门Animate（原Adobe Flash）

介绍

Animate其实就是我们之前常说的Flash，只不过换了个名字罢了。在Animate中除了支持原先的Swf文件外还开始支持Html5

创建项目

点击主页左下方「创建」

我们可以对「文件名」「宽高」等内容进行修改

认识界面

我们通过一张图来认识一下界面

绘制图形

在左侧的工具栏中有图形绘制的工具，利用其我们能绘制「矩形」「圆形」「多边形」

在这里我们要注意一点的是：在Animate中默认使用「合并绘制模式」也就是：两个图形重叠时上方的图形会减去下方图形的重叠部分。

但如果我们不想使其进行合并，我们则需要「创建对象」使其处于「对象绘制模式」，如下图所示：

传统补间动画

通过传统补间动画，我们可以使物体的位置发生变化。

在创建传统补间动画前我们先要把原本的图形变为「元件」，接着在想要结束的地方打上「关键帧」并移动元件位置，在两个「关键帧」中我们右键点击「创建补间动画」一个简单的小动画就完成啦。

步骤概括：

1.转化为「元件」

2.打「关键帧」并移动位置

3.创建「传统补间动画」

Ps：按下「Enter」键播放动画

形状补间动画

通过形状补间动画，我们能够实现物体形状变化上的动画。

与之前传统补间动画不同的是，我们在这里不需要转化为「元件」

同样的，我们在想要结束的地方打上关键帧，并进行形状修改，在两个关键帧之间右键选择「创建补间形状」

步骤概括：

1.打「关键帧」并改变形状

2.创建补间形状

导出动画

「文件」-「导出」即可完成导出

Ps：Animate可以导出gif，mov，swf等格式的文件，在这里大家根据需求自行选择即可。

animate将flash转换html,【An教程】快速入门Animate（原Adobe Flash）相关推荐

最简单的dubbo教程-快速入门《一》
最简单的dubbo教程-快速入门<一> 目录(?)[+] 所需环境 zookeeper作为dubbo的注册中心,dubbo服务提供方和消费方都需要在zookeeper注册中心注册. 可参考 ...
Spring MVC 教程,快速入门,深入分析
目录转载自:http://elf8848.iteye.com/blog/875830 资源下载: Spring_MVC_教程_快速入门_深入分析V1.1.pdf 点击打开链接 SpringMVC核 ...
struts2教程--快速入门
Struts2框架介绍 1.三大框架 : 是企业主流 JavaEE开发的一套架构 Struts2 + Spring + Hibernate 2. 什么是框架?为什么要学框架 ? 框架是实现部分功能 ...
flash player for linux 64,64-bit linux下装什么adobe flash player
第一.开始--设置--控制面板--双击添加与删除程序卸载掉flsh等相关文件第二C:\WINDOWS\system32\Macromed\Flash 把文件夹删掉!不行用QQ电脑管家粉碎第三:开 ...
flash 火狐总是崩溃_火狐浏览器提示插件Adobe Flash已崩溃的解决方法
解决方法: 1.在火狐浏览器出现的"插件Adobe Flash已崩溃"提示中,点击"详细了解"; 2.进入火狐崩溃报告网页,找到"我该如何防止插件崩溃 ...
flash 火狐总是崩溃_解决firefox经常出现Adobe Flash 插件已崩溃
解决firefox经常出现Adobe Flash 插件已崩溃,喜欢使用火狐浏览器的朋友们,经常会遇到浏览器flash插件崩溃的情况,让人头疼,非常搜索旅游网网络开发技术部门也经常遇到这种问题,最终为了 ...
Spring MVC 教程,快速入门,深入分析【转】
2019独角兽企业重金招聘Python工程师标准>>> 转自:赵磊地址:http://elf8848.iteye.com 目录一.前言二.spring mvc 核心类与接口 ...
工业机器人入门z50的含义_工业机器人基础教程——快速入门学习
六轴.水平关节(SCARA).DELTA等不同类型的机器人入门基础教程,学完这些,您将成为一名优秀的机器人应用工程师! 到2020年,工业机器人密度达到每万名员工使用100台以上.我国工业机器人市场将 ...
工业机器人基础教程——快速入门学习
想成为一名优秀的机器人应用工程师,从这里学起,六轴.水平关节(SCARA).DELTA等不同类型的机器人入门基础教程推荐. 1.<机器人学导论> 本书曾作为美国斯坦福大学机器人学导论的教材 ...

animate将flash转换html,【An教程】快速入门Animate（原Adobe Flash）

animate将flash转换html,【An教程】快速入门Animate（原Adobe Flash）相关推荐

最新文章

热门文章