第五讲影像切片元件与按钮元件.pptVIP

第五讲 影像切片元件和按钮元件 本讲的主要任务 1、影像切片元件的基本概念 2、影像切片元件的创建 3、影像切片元件的编辑 4、按钮元件基本原理 5、按钮元件的创建 6、总结 7、本讲作业 一、影像切片元件的基本概念 二、影像切片元件的创建 二、影像切片元件的创建 二、影像切片元件的创建 二、影像切片元件的创建 三、影像切片元件的编辑 四、按钮元件的基本原理 五、按钮元件的创建 五、按钮元件的创建 五、按钮元件的创建 五、按钮元件的创建 五、按钮元件的创建 五、按钮元件的创建 五、按钮元件的创建 六、总结 * 影像切片元件是放有动画影像的元件，在影像切片元件中可以放入静态的图形、图像，一段动画，按钮和声音，同时还可以放入图形元件、影像切片元件、按钮元件，而且，影像切片元件作为元件又可以放入场景进行运动动画。影像切片元件的最大的魅力是可以为它指定实例名，以便在Actions中进行调用，以制作出更加绚丽的效果，当然，使用Actions对于初学者，尤其是艺术设计类的初学者可能是空中楼阁，有点不切实际，但是也不用担心，我会像一个初学者一样来讲解，尽量用词大众化，思路大众化。 在这个实例中，主要用一个变形动画的影像切片元件放入场景制作一个运动动画。 第一步，制作影像切片元件，新建一个场景文件，点键盘的Ctrl+F8，新建元件对话框，在对话框中把元件命名为“方变圆”，Behavior选择Movie Clip，如图示，点OK。 会发现来到了一个场景，而且与新建的场景没有什么区别，可是，细心的同学会发现有一个地方发生了改变，如图所示的方框内。这说明什么？说明现在是在“方变圆”这个影像切片元件中，也就是说，现在编辑的是影像切片元件。可以点击 ，观察一下有什么情况发生？可以看到回到了Scene1（场景1）。如果想再打开元件，首先要打开库面板，然后找到想进行编辑的元件双击鼠标左键即可打开元件。 现在在元件“方变圆”中制作变形动画，在场景的第1帧制作一个方形，然后在第50帧插入一个空白关键帧，然后在这个帧的场景中绘制一个圆形，然后选中第1帧创建Shape动画。好，影像切片元件制作完成了，回到Scene1。 第2步，利用影像切片元件制作动画。确认现在在Scene1，打开库面板，将库中的“方变圆”元件拖放入场景，然后在第50帧插入一个关键帧，之后选中第1帧，创建Motion动画。这时可以调整第1帧和第50帧中元件的位置。调整完成后，点Enter观看动画，这是我们发现动画根本就不象作者所说的那样，影像切片元件根本就没有任何变化。这并不是制作上的问题，只是需要使用测试影片播放才能看到效果，现在点Ctrl+Enter，再来观看动画，可以发现元件的动画播放了。 1、从场景新建元件 2、剪切与拷贝帧 3、影像切片的滤镜 4、图层混合样式 按钮元件使Flash变的更加神奇，有了按钮元件，Flash可以实现动画的交互控制与内容的交互控制。所谓交互控制其实可以理解为Flash能对用户的操作做出回应，这样用户就不是处于被动的境地。不过这样说可能也有一些不正确，假如制作动画的作者不在动画里添加交互控制的话，用户还是处在被动的境地。所以按钮对于Flash来说也是十分重要的，灵活使用按钮元件可以使动画或网站更具操作性和观赏性。 首先要有一个按钮供研究，新建一个场景，点Ctrl+F8，打开新建元件对话框，在Name栏输入“按钮”，在Behavior下选Botton如图，点OK。进入按钮元件编辑状态，这时分别在Up、Over、Down帧中放入三个图片（注意：后两帧应先插入空白关键帧后再放入图片，图片的对齐可使用对齐工具对齐到场景中心）。完成后的时间周线如图所示。现在回到Scene1，把按钮拖放到场景中，Ctrl+Enter测试影片。 按钮元件的帧 按钮元件里有四个帧，分别是Up、Over、Down和Hit，看起来这是四个帧，但实际表示的是三种状态（Hit这里暂且不讨论），这三种状态完全取决于浏览用户的操作。 Up帧 它代表的状态是：当鼠标未放在按钮上时，按钮播放这一帧里的内容，这样一来，读者就应该知道这一帧的时间到底有多长了吧！它的时间长短取决于浏览者的动作，只要浏览者不把鼠标放在按钮上，这一帧就一直播放，所以这一帧的时间可以是无穷的长，也可以是相当的短，不过时间不会短到0，因为浏览者不可能在场景还没加载就把鼠标放在按钮上。由于这一帧的具体时间不确定，所以，如果在这一帧放入一段绚丽的影像切片，浏览者肯定会欣赏一会儿的。 Over帧 它代表的状态是：当鼠标放在按钮上未点下任何键时，按钮一直播放这一帧里的内容。可以想一下，这一帧的时间长短的问题。是的，这一帧的时间同样是不确定的，同样是依赖于浏览者的操作的，那么在这一