第五讲影像切片元件与按钮元件ppt课件

1、第五讲 影像切片元件和按钮元件 本讲的主要义务1、影像切片元件的根本概念2、影像切片元件的创建3、影像切片元件的编辑4、按钮元件根本原理5、按钮元件的创建6、总结7、本讲作业一、影像切片元件的根本概念 影像切片元件是放有动画影像的元件，在影像切片元件中可以放入静态的图形、图像，一段动画，按钮和声音，同时还可以放入图形元件、影像切片元件、按钮元件，而且，影像切片元件作为元件又可以放入场景进展运动动画。影像切片元件的最大的魅力是可以为它指定实例名，以便在Actions中进展调用，以制造出更加绚丽的效果，当然，运用Actions对于初学者，尤其是艺术设计类的初学者能够是空中楼阁，有点不真实践，但是也

2、不用担忧，我会像一个初学者一样来讲解，尽量用词群众化，思绪群众化。二、影像切片元件的创建 在这个实例中，主要用一个变形动画的影像切片元件放入场景制造一个运动动画。第一步，制造影像切片元件，新建一个场景文件，点键盘的Ctrl+F8，新建元件对话框，在对话框中把元件命名为“方变圆，Behavior选择Movie Clip，如图示，点OK。二、影像切片元件的创建 会发现来到了一个场景，而且与新建的场景没有什么区别，可是，细心的同窗会发现有一个地方发生了改动，如下图的方框内。这阐明什么？阐明如今是在“方变圆这个影像切片元件中，也就是说，如今编辑的是影像切片元件。可以点击 ，察看一下有什么情况发生？可以

3、看到回到了Scene1场景1。假设想再翻开元件，首先要翻开库面板，然后找到想进展编辑的元件双击鼠标左键即可翻开元件。 二、影像切片元件的创建 如今在元件“方变圆中制造变形动画，在场景的第1帧制造一个方形，然后在第50帧插入一个空白关键帧，然后在这个帧的场景中绘制一个圆形，然后选中第1帧创建Shape动画。好，影像切片元件制造完成了，回到Scene1。 二、影像切片元件的创建第2步，利用影像切片元件制造动画。确认如今在Scene1，翻开库面板，将库中的“方变圆元件拖放入场景，然后在第50帧插入一个关键帧，之后选中第1帧，创建Motion动画。这时可以调整第1帧和第50帧中元件的位置。调整完成后，

4、点Enter观看动画，这是我们发现动画根本就不象作者所说的那样，影像切片元件根本就没有任何变化。这并不是制造上的问题，只是需求运用测试影片播放才干看到效果，如今点Ctrl+Enter，再来观看动画，可以发现元件的动画播放了。 三、影像切片元件的编辑1、从场景新建元件2、剪切与拷贝帧3、影像切片的滤镜4、图层混合款式四、按钮元件的根本原理 按钮元件使Flash变的更加神奇，有了按钮元件，Flash可以实现动画的交互控制与内容的交互控制。所谓交互控制其实可以了解为Flash能对用户的操作做出回应，这样用户就不是处于被动的境地。不过这样说能够也有一些不正确，假设制造动画的作者不在动画里添加交互控制的

5、话，用户还是处在被动的境地。所以按钮对于Flash来说也是非常重要的，灵敏运用按钮元件可以使动画或网站更具操作性和欣赏性。 五、按钮元件的创建首先要有一个按钮供研讨，新建一个场景，点Ctrl+F8，翻开新建元件对话框，在Name栏输入“按钮，在Behavior下选Botton如图，点OK。进入按钮元件编辑形状，这时分别在Up、Over、Down帧中放入三个图片留意：后两帧应先插入空白关键帧后再放入图片，图片的对齐可运用对齐工具对齐到场景中心。完成后的时间周线如下图。如今回到Scene1，把按钮拖放到场景中，Ctrl+Enter测试影片。 五、按钮元件的创建按钮元件的帧按钮元件的帧按钮元件里有四

6、个帧，分别是按钮元件里有四个帧，分别是UpUp、OverOver、DownDown和和HitHit，看起来这是四个帧，但，看起来这是四个帧，但实践表示的是三种形状实践表示的是三种形状HitHit这里暂且不讨论，这三种形状完全取决于阅读这里暂且不讨论，这三种形状完全取决于阅读用户的操作。用户的操作。 五、按钮元件的创建UpUp帧帧它代表的形状是：当鼠标未放在按钮上时，按钮播放这一帧里的内容，这样一它代表的形状是：当鼠标未放在按钮上时，按钮播放这一帧里的内容，这样一来，读者就应该知道这一帧的时间究竟有多长了吧！它的时间长短取决于阅读来，读者就应该知道这一帧的时间究竟有多长了吧！它的时间长短取决于阅

7、读者的动作，只需阅读者不把鼠标放在按钮上，这一帧就不断播放，所以这一帧者的动作，只需阅读者不把鼠标放在按钮上，这一帧就不断播放，所以这一帧的时间可以是无穷的长，也可以是相当的短，不过时间不会短到的时间可以是无穷的长，也可以是相当的短，不过时间不会短到0 0，由于阅读，由于阅读者不能够在场景还没加载就把鼠标放在按钮上。由于这一帧的详细时间不确定，者不能够在场景还没加载就把鼠标放在按钮上。由于这一帧的详细时间不确定，所以，假设在这一帧放入一段绚丽的影像切片，阅读者一定会欣赏一会儿的。所以，假设在这一帧放入一段绚丽的影像切片，阅读者一定会欣赏一会儿的。 五、按钮元件的创建OverOver帧帧它代表的

8、形状是：当鼠标放在按钮上未点下任何键时，按钮不断播放这一帧里它代表的形状是：当鼠标放在按钮上未点下任何键时，按钮不断播放这一帧里的内容。可以想一下，这一帧的时间长短的问题。是的，这一帧的时间同样是的内容。可以想一下，这一帧的时间长短的问题。是的，这一帧的时间同样是不确定的，同样是依赖于阅读者的操作的，那么在这一帧里同样可以放入更多不确定的，同样是依赖于阅读者的操作的，那么在这一帧里同样可以放入更多的绚丽的内容。的绚丽的内容。 五、按钮元件的创建DownDown帧帧它代表的形状是：当鼠标在按钮上并点下左键而且左键并未抬起时，按钮播放它代表的形状是：当鼠标在按钮上并点下左键而且左键并未抬起时，按钮

9、播放这一帧的内容，这一帧的时间看起来也是可长可短的，由于只需阅读者不断点这一帧的内容，这一帧的时间看起来也是可长可短的，由于只需阅读者不断点住左键不放就可以了，但是，会有多少人这样做呢？所以，在这一帧里面破费住左键不放就可以了，但是，会有多少人这样做呢？所以，在这一帧里面破费太多的精神制造绚丽的效果是不明智的。太多的精神制造绚丽的效果是不明智的。 五、按钮元件的创建HitHit帧帧这一帧没有特别的形状规定，它只是规定按钮的呼应区域，这个区域究竟有什这一帧没有特别的形状规定，它只是规定按钮的呼应区域，这个区域究竟有什么作用呢？是不是有点多余？翻开么作用呢？是不是有点多余？翻开examplecha

10、pter2section6botton2.swfexamplechapter2section6botton2.swf文件实践的操作一下就会明白了。上边的按钮未参与文件实践的操作一下就会明白了。上边的按钮未参与HitHit帧，控制按钮时必需帧，控制按钮时必需把鼠标正好放在按钮上，而文字本身又比较细，所以控制起来很不方便。下边把鼠标正好放在按钮上，而文字本身又比较细，所以控制起来很不方便。下边的按钮参与了的按钮参与了HitHit帧，这样一来，下边的按钮要比上边的好控制一些，不用把帧，这样一来，下边的按钮要比上边的好控制一些，不用把鼠标正好放在文字上。如今可以翻开源文件鼠标正好放在文字上。如今可以翻

11、开源文件examplechapter2section6botton2.flaexamplechapter2section6botton2.fla比较一下两个按钮的比较一下两个按钮的 Hit Hit 帧。知道帧。知道不参与不参与HitHit帧的害处了吧。下边来详细的讨论一下这一帧，帧的害处了吧。下边来详细的讨论一下这一帧，HitHit帧在按钮播放时帧在按钮播放时不会显示出来，它只是一个按钮的呼应区域，这个区域阅读者是看不见的，但不会显示出来，它只是一个按钮的呼应区域，这个区域阅读者是看不见的，但是可以觉得的到，尤其是在该参与是可以觉得的到，尤其是在该参与HitHit帧而没有参与的时候。当然并不是

12、一切帧而没有参与的时候。当然并不是一切的按钮都要参与的按钮都要参与HitHit帧，例如开头制造的帧，例如开头制造的botton1botton1按钮就没有参与按钮就没有参与HitHit帧。这是帧。这是由于由于HitHit帧还有一个默许的情况，当没有在帧还有一个默许的情况，当没有在HitHit帧参与内容时，按钮就以前三帧帧参与内容时，按钮就以前三帧的区域为的区域为HitHit帧的区域留意：是前三帧的区域之和。所以在帧的区域留意：是前三帧的区域之和。所以在botton1botton1里面就里面就没有参与没有参与HitHit帧。帧。 五、按钮元件的创建按钮的灵敏运用按钮的灵敏运用在这里有几个按钮的灵敏

13、用法，也许有些同窗曾经知道，但是为了照顾初学者，在这里有几个按钮的灵敏用法，也许有些同窗曾经知道，但是为了照顾初学者，还是来引见一下。还是来引见一下。1 1、在、在UpUp、OverOver帧中不但可以参与静态的图片，而且还可以参与影像切片。在帧中不但可以参与静态的图片，而且还可以参与影像切片。在两个帧中分别参与或者两个帧中参与一个都可以。两个帧中分别参与或者两个帧中参与一个都可以。请参考请参考examplechapter2section6botton3.flaexamplechapter2section6botton3.fla文件来研讨。文件来研讨。2 2、有这么一个按钮请读者思索是如何制造的？即制造一个隐形按钮，具有按、有这么一个按钮请读者思索是如何制造的？即制造一个隐形按钮，具有按钮的性能但是却看不见？其实很简单，在按钮的前三帧中空着，只在钮的性能但是却看不见？其实很简单，在按钮的前三帧中空着，只在HitHit帧中参与呼应区域，这就是隐形按钮。帧中参与呼应区域，这就是隐形按钮。3 3、这一点要特别留意：按钮里面不能参与按钮。、这一点要特别留意：