一、基本知识介绍

网站动画的分类：二维动画和三维动画

?

二维动画分类：

1.GIF动画

2.flash动画

flash软件：是矢量软件

?

选中带有点，并且可以任意变形的对象，叫形状

逐帧动画:在时间帧上逐帧绘制帧内容

帧的分类和作用：

?

1.普通帧（延时帧）：延长画面的停留时间（F5）

2.关键帧：原地复制上一帧所有内容(F6)

3.空白关键帧：插入一个空帧（F7）

?

flash文件保存格式：

1. fla可以编辑的源文件格式

2. swf导出的影片格式，用于网站

?

?

?

?

运动补间动画：

使同一个对象大小、位置、颜色和不透明度发生改变而产生的动画效果.

如果做运动补间动画，参与动画的对象必须是"元件"

?

注意：

1.形状不能做运动补间动画

2.图形元件里不能做动画，做完动画也看不到效果

?

库面板：存放元件的地方

场景：演员表演的舞台（所有的动画最终都需要放到场景）

库：演员的化妆室（后台化妆，修改元件的地方）

?

重点：

·运动补间动画的制作

·做运动补间动画，都加关键帧，加的帧数越多，动画播放越慢

元件

• 元件是做运动补间动画的必备条件；
• 可以重复使用元件，而不会增加flash文件大小。

创建元件的两种方法：

• 直接在库面板新建元件，快捷键Ctrl+F8
• 将场景里的对象转换为元件，快捷键F8

?

?

?

?

二、图层的应用

?

帧的编辑技巧

综合实例

运动补间动画的概念

• 在一个关键帧上放置一个元件，然后在另一个关键帧上改变这个元件的大小、颜色、位置和透明度等，flash在两个关键帧之间创建的动画被称为运动补间动画。
• 动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头。
• 运动补间动画只对单一的对象有效，如果想让多个对象同时运动，必须将它们放在不同的层上，分别制作运动补间动画。
• 构成运动补间动画的元素是元件（包括影片剪辑、图形元件、按钮），不能是形状。

形状补间动画的概念

• 形状补间动画：是在一个关键帧上绘制一个形状，然后在另一个关键帧上更改该形状，或在空白关键帧上绘制另一个形状等，Flash将自动根据二者之间的帧的值或形状来创建的动画，它可以实现两个图形之间颜色、形状、大小、位置的相互变化。
• 形状补间动画建立后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。
• 构成运动补间动画的元素是形状。

?

形状补间动画(变形动画):可以使两个不同对象之间产生变化

加帧分两种情况：

1.不同对象之间，加空白关键帧

2.相同对象之间，加关键帧

做形状补间动画的对象，必须是"形状"

影片剪辑元件：在这个元件里可以做任何动画

注意：影片剪辑做完动画，必须拖拽到场景，然后"ctrl+回车"测试

?

?

影片剪辑可以包含图形元件

跳动的红心---运动补间动画---图形元件

我需要文件里有若干颗心在同时跳动，所以要做影片剪辑

场景里---影片剪辑（动画）---图形元件（演员）

?

引导层动画:

?

使某个对象沿着一条特殊的路径运动而产生的动画效果。

引导层动画的条件：

1.必须是两个图层，引导层在被引导对象层上方；

2.引导层必须是线；

3.被引导对象必须是元件，做运动补间动画。

?

?

引导层动画都是用运动补间动画做的：一个引导层可以同时引导多个图层

?

遮罩层动画：蒙板

?

条件：

必须是两个图层，遮罩层在被遮对象层上方

遮罩层上的对象本身看不见，线不能做遮罩

遮罩层上可以做任何动画

?

·逐帧动画

·运动补间动画

·形状补间动画

·引导层动画

·遮罩层动画

?

?

三、动作面板(action)

?

添加action的位置：

1.给按钮加命令

2.给帧加命令

?

加命令的步骤

?

1.如果想让画面先停止，那么在场景(任意哪个图层都可以)第一帧加停止命令stop();

2.让按钮控制动画的播放，给按钮加播放命令（如果给按钮加命令，必须先加鼠标事件）

on(press){play();} 按下鼠标播放

3.在场景最后一帧加停止命令的

?

4.给重播按钮加命令：

on(press){gotoAndPlay(2);} 按下鼠标跳转到场景的第2帧播放

on(rollOver){play();} 鼠标经过播放

press按下

release释放鼠标

on(press){命令}

?

鼠标拖拽

1.在场景里给按钮起名字（属性面板）

2.给按钮加命令

on(press){startDrag(a);} 按下鼠标开始拖拽（起的名字）

on(release){stopDrag();} 释放鼠标停止拖拽

?

?

洋葱皮效果

duplicateMovieClip(a,b,0); 复制影片剪辑

setProperty(a,_alpha,100); 设置影片剪辑的属性

?

?

文章来源：刘俊涛的博客

地址：http://www.cnblogs.com/lovebing

欢迎关注，有问题一起学习欢迎留言、评论。