Flash新手入门教程：动画补间和形状补间

Flash新手入门教程：动画补间和形状补间
分类：flash入门教程
Flash新手入门教程：动画补间和形状补间
补间动画一直是FLASH里常用的效果,所谓的补间动画,其实就是建立在两个关键帧(一个始,一个结束)的渐变动画，我们只要建立好开始帧和结束帧，中间部分软件会帮我们填补进去，非常方便好用。
补间动画有两种：动画补间和形状补间
动画补间：是由一个形态到另一个形态的变化过程，像移动位置，改变角度等。动画补间是淡紫色底加一个黑色箭头组成的。
形状补间：是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。形状补间是淡绿色底加一个黑色箭头组成的。

有时候，创建补间会失败，这时图层就变成虚线了，如图

这是怎么回事呢，首先先检查下，两个关键帧有没有问题
动画补间的两个关键帧必须是为组合状态（包括元件）
形状补间的两个关键帧则必须是为打散状态的，如图

如果发现没有，那么，就把图选起来，按Ctrl+G组合下，或是按Ctrl+B打散下，基本就解决问题了~
说了这么多，接下来就来实践下吧，就弄两个最简单的补间，来感受下补间的魅力吧~
先来动画补间的吧
先把图层1命名为形状（不命名也行，只是保持好良好的习惯对以后做复杂的动画有帮助喔~），在第一帧，画上五个大小差不多的圆，位置如图

在30帧插入关键帧（右击插入关键帧，或是按F6 友情提示：适当的记住一些常用的关键帧，对于做动画的速度是有帮助的），然后在这一帧里把原来五个圆删掉，画一个大点的圆

最后一步，也是最关键的一步，那就是给这两帧加一个形状补间啦，在1到30帧间的任意一帧，点一下，展开下面的属性面板，选择补间为形状就可以了。

友情提示：前面两帧，要确定是非组合状态，一般画出来的，是非组合状态的，但是，如果你在选择圆形的时候，下面的选项里，对象绘制给选起来的话，画出来的会是组合状态的图形喔，所以还是要注意下的

好了，一个简单的形状补间做完了，下面再练习下简单的动画补间吧
新建一个图层，命名为动画，在第一帧画一个圆，按Ctrl+G组合下，把圆放在场景的左边，如图

在第30帧插入关键帧，把圆移到右边

好了，最后一步加补间，值得一提的是，动画补间右键菜单里有，所以，可以直接在1到30帧间任意一帧上右击，选择创建补间动画

当然，像刚才形状补间那样在属性面板里选也行的~
好了，两个简单的补间做完了~属性面板里的其它选项，下回再接着说~
Flash教程：漂亮的水滴滑落效果制作
浏览：4 | 发布于：2009.02.09 | 分类：flash入门教程
Flash教程：漂亮的水滴滑落效果制作
制作方法：
1、在做这个效果之前我们首先需要制作一个水滴滴落的影片剪辑。制作一个水滴导入flash，并且制作一个水滴从小变大的补间动画。

2、当水滴变大之后再让这个水滴慢慢的滴落到下面。并且在开始滴落的时候让水滴颤抖几下（使用逐桢动画做几个大小变化）。

3、接下来需要制作一个透明按钮（只要点击区域），这个按钮的功能就是让鼠标放在水滴上的时候让这个水滴滴落。

4、最后在上面再建立一个层，第一桢写上桢标签“start”，然后在水滴变大后加一个STOP桢，在 STOP桢之后再插入一个标签为“over”的空白关键桢。作用：当水滴由小变大之后就停止，这样水滴就会显示在舞台上，当鼠标移动到水滴上面就会播放 over桢以后的内容，也就是让水滴落下。

下面就要进行程序编写了。
1、首先来编写按钮上的程序，当鼠标按下或移动到它上面的时候就执行水滴落下的动画
on (release, rollOver) {
gotoAndPlay("over");
}

2、接下来要编写的是带有over标签的关键桢，它的功能是获取你整个动画已经播放了的时间，单位是豪秒。因为就算不用鼠标点击按钮，过一段时间之后也要让水滴自动落下。其中radomtime变量会在后面的程序中定义。它的功能是让时间稍微有一些不同，这样水滴就不会同时落下了。
程序如下：
starttime = getTimer()+8000+radomtime;

接下来制作舞台上的程序：
1、将刚才制作完毕的影片剪辑拖放到舞台当中，并将这个实例命名为“bol”。如图

2、选中这个实例，按F9打开动作面板，这里要进行一些初始变量的设置。程序如下：
onClipEvent (load) {
radomtime&nb
Flash教程：逐帧动画打造花吃蝴蝶效果
浏览：29 | 发布于：2009.02.09 | 分类：flash入门教程
Flash教程：逐帧动画打造花吃蝴蝶效果
分析：大家看效果是不是还挺不错的，这样的动画就叫逐帧动画。没有经过FLASH的计算，每一帧都是由我们自己绘制的。好了，让我们一起来学习是怎么做的吧。
1、设置参数，将舞台大小设置为300*300，背景为白色，帧频为4。

2、建立新图层，取名为背景。以后的背景元素我们都将放在这一层当中。

3、在第一层第一帧上绘制如下的图案：蓝色的是背景，大家可以在动画中看出，咖啡色的是用来放花盆的桌子。因为这一部分在整个动画里对哦是静止不动的，所以我们将它们放置在背景层中。

4、动画的长度我希望保持30帧，在第一层的第30帧处，先用鼠标点击，选中后按下F5，这是插入帧的快捷键。意思是这30帧都会仿制第一帧的样子出现。

5、新建一层，名叫边框。

6、在边框这一帧里为刚才画好的背景加上蓝色的边线，并重复3步骤,在边框层的30帧处按下F5，让帧一直保持到30。

7、新建花盆图层。

8、在花盆图层的第一帧画出花盆的样子，并重复3步骤,在花盆层的30帧处按下F5，让帧保持在30。

9、新建图层花儿，我们将要开始绘制花开放的过程。

10、此时的第一帧为花的初始形态，那么在这一帧我们绘制出花芽，如图：

11、分别在花图层的2,3,4,5,6帧处按下F6，插入关键帧，然后分别在2,3,4,5,6帧中绘制出花的形态。
    function ImgZoom(Id)//重新设置图片大小 防止撑破表格 { var w = $(Id).width; var m = 550; if(w < m) { return; } else { var h = $(Id).height; $(Id).height = parseInt(h*m/w); $(Id).title = "点击小图看大图"; $(Id).width = m; } } window.onload = function() { var Imgs = $("content").getElementsByTagName("img"); var i=0; for(;i