Flash动画制作实验二 元件的建立与使用.pptVIP

实验二 元件的建立与使用 1．熟练掌握图形元件、按钮元件的创建方法与使用。 2．掌握影片元件的创建与使用。 3．了解帧的三种类型：普通帧、关键帧和空白关键帧。 实验学时 2学时 实验原理 1．元件 元件是一个可以重复使用的小部件，它可以独立于主动画进行播放。每个元件都有一个唯一的时间轴和舞台以及若干个层。元件是构成动画的基础，元件可以反复使用，因而不必反复制作相同的部分，大大提高了工作效率，同时也大大缩小了文件的容量。它有三种类型：图形元件、影片剪辑元件、按钮元件。 （1）图形元件 图形元件用于创建反复使用的图形，它可以是静止图片，也可以是由多个帧组成的动画。图形元件是制作动画的基本元素之一，它不能添加交互行为和声音控制。 （2）影片剪辑元件 影片剪辑元件是动画的一个组成部分，使用影片剪辑元件可以创建可重复使用的动画片段，且可独立播放，影片剪辑元件拥有它们自己的独立于主时间轴的多帧时间轴。它可以被看作是主时间轴内嵌入的时间轴，可以包含交互式控件、声音甚至其他影片剪辑元件。 （3）按钮元件 用于创建动画的交互控制按钮，以响应鼠标事件，如滑过、单击或其他动作交互式按钮。 按钮元件包括“弹起”、“指针经过”、“按下”和“点击”4种状态。 在按钮元件编辑区的时间轴中，第一帧是弹起状态，代表指针没有经过按钮时该按钮的状态；第二帧是指针要过状态，代表当指针滑过按钮时该按钮的外观；第三帧是按下状态，代表单击按钮时该按钮的外观；第四帧是“点击”状态，定义响应鼠标单击的区域，此区域在SWF文件中是不可见的。 2．帧 （1）普通帧 普通帧就是不起关键作用的帧，起着过渡和延长内容显示的功能，在时间轴中普通帧以空心矩形表示，单击鼠标右键选择“插入帧”或按下快捷键“F5”可创建普通帧。 （2）关键帧和空白关键帧 关键帧是在动画播放过程中，呈现出关键性动作或内容变化的帧，在时间轴中用小圆圈表示。 如果关键帧中有内容则以一个黑色的实心圆圈来表示，单击鼠标右键选择“插入关键帧”或按下快捷键“F6”可创建关键帧； 如果关键帧中没有内容，则以空心的小圆圈表示，称为空白关键帧，单击鼠标右键选择“插入空白关键帧”或按下快捷键“F7”可创建空白关键帧。 实验内容与步骤 1．图形元件的创建与编辑 2．按钮元件的创建与编辑 3．影片剪辑元件的创建与编辑 实例：参观“我的卧室” （1）打开在“实验一”中制作好的“卧室”文件。将除“门”以外的所有图层中的内容合并到一个图层中，命名为“卧室”。 （2）将图层“门”放置于“卧室”图层上方，选中，将鼠标移动放置在物体“门”，单击鼠标右键，选择“转换为元件”，在弹出的对话框中选择“影片剪辑”，并将该元件命名为“开门”。此时在右边的“库”面板上可看到刚转换成影片剪辑元件的“开门” 。我们将在该元件中完成“开门”这个动作的动画。 （3）在“库”面板的“开门”影片剪辑图标上双击，进入该元件的编辑界面。分别选中第2、3、4、5帧单击右键插入“关键帧”，然后对第2、3、4帧中的“门”进行变形。 变形的方法是选择任意变形工具，选中这一帧，在物体周围会出现多个端点，然后将鼠标放置于右边的中间端点上，按住Ctrl键，进行切变变形即可。 （4）选中第5帧，选择“修改”菜单中的“变形/水平翻转”，将“门”水平翻转后移动并变形。同理，选中第6帧，单击鼠标右键插入“关键帧”，变形。 （5）选中第6帧，打开动作面板，在其中输入动作“stop()”，即动画播放至第6帧停止，不再循环播放。 这是我们初次接触动作面板，大家可简要了解一下，在以后的实验中会进行详细的介绍。至此，开门动画完成。 (6）单击上图所示的“场景1”，回到主场景界面中编辑。将“卧室”图层的第1帧选中，同样在动作面板中输入“stop()”，即动画始终停止在第1场中。 （7）在“门”图层下方创建一个新的图层，命名为“门框”，用矩形工具为门添加上一个门框。 （8）在“门”图层上方新建图层“ball”，选择“插入”菜单中“新建元件”，创建一个名为“球”的图形元件。进入该图形元件的编辑界面，在舞台中间绘制一个球体，并使用Ctrl+K打开对齐面板，使球相对于舞台水平中齐和垂直中齐。 （9）回到主场景，选中“ball”图层的第1帧，将“球”这个图形元件拖动至舞台，放置在“卧室”中，可连续拖动若干次，则可在主场景中得到若干个球。然后再对各个球进行变形，如放大或缩小。这样，对图形元件进行重复使用，既节省了时间，又缩小了文件的容量。 （10）新建图层“按钮”。插入一个按钮元件，命名为“离开”，进入该按钮元件的编辑界面。 首先在“弹起”这一帧中输入文字“离开”，颜色设置为紫色； 再在“指针经过”这一帧中插入一个关键帧，改变文字的颜色； 在“按下”这一帧中插入关键帧，将文字向右、向下移动一个位置； 在“