滑块控制实例大小制作原理与方法.docVIP

滑块控制实例大小的制作原理与方法 ??? ??? 教学目的：通过本节教学了解和掌握as语句的添加使用，影片剪辑实例名称及动态文本变量的设置，进而运用这些原理制作滑块控制实例大小的动画效果。 　　教学对象：本教材是针对有一定动画制作基础和对工具箱、动作面板及as语句有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。 ??? 教学要点：变量、实例名称、动态文本、动作面板、脚本添加。 ? ? ???? 作前准备：准备一张规格约为200*270的动态透明mm图片，保存到指定的文件夹待用。??? 　　?制作步骤 ??? 1.启动FLASH8?软件。 ??? 2.确立文档属性 设置动画尺寸为550*400，背景颜色黑色，其它默认,点击确定，进入场景1。 如图1所示： 图1 ??? 3.首先将素材导入库中待用 ??? 选择“文件－导入－导入到库”，将动态mm透明图片导入到库中。其素材图，如下图所示：? （素材图） ??? 4.创建影片剪辑元件 ??? （1）选择“插入－新建元件”，建立一个名为“mm”的影片剪辑元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。上层命名为为m1、下层命名为为m2。 ??? a.选择m1图层第一帧，从库中拖出mm影片剪辑到舞台，规格不变。全居中。上锁。如图2所示： 图2 ??? b.选择m2图层第一帧，从库中拖出mm影片剪辑到舞台，适当等比缩小其规格，并在属性模板变化一下色调，将其放置在大m的左侧。上锁。如图3所示： ?? 图3 在从库中再拖出一个mm影片剪辑到舞台，适当等比缩小其规格，并在属性模板变化一下色调。将其放置在大m的右侧。上锁。如图4所示： 图4? ??? （2）选择“插入－新建元件”，建立一个名为“底线”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。 ??? 选择图层1第一帧，用矩形工具打开混色器，设置其参数，如图5所示： ?图5 在舞台拖一个规格为120*20的矩形，然后用充分变形工具，将其调整为如图6－1所示；再用选择工具将该实例调整为如图6－2所示；再用充分变形工具，将其调整为如图6－3所示。全居中。其流程如图6所示： ?图6 ??? （3）选择“插入－新建元件”，建立一个名为“滑块”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。 ??? 选择图层1第一帧，用矩形规格在舞台拖一个规格为10*37的，无边线的绿色矩形，全居中。如图7所示： 图7 ??? （4）选择“插入－新建元件”，建立一个名为“控制”的影片剪辑元件，点击确定，进入元件编辑区。添加两个图层，共三个图层。自下而上命名为底线、滑块、as。 ??? a.选择底线图层第一帧，从库中拖出“底线”影片剪辑元件到舞台，左对齐－上对齐。如图8所示： 图8 点击该实例，在属性模板填写其实例名称为：dixian 。上锁。如图9所示： 图9 ??? b.选择滑块图层第一帧，从库中拖出“滑块”影片剪辑元件到舞台，将其放置在底线的中间。如图10所示： 图10 点击该实例，在属性模板填写其实例名称为：huakuai 。上锁。如图11所示： 图11 ??? c.选择as图层第一帧，按f9，打开动作模板，在as编辑区输入，如下帧语句： left = dixian._x + huakuai._width / 2;right = dixian._x + dixian._width - huakuai._width / 2;bottom = top = dixian._y;_root.mc._xscale = _root.mc._yscale = 50;_root.per = 50;huakuai.onPress = function (){??? this.startDrag(true, left, top, right, bottom);};huakuai.onRelease = function (){??? this.stopDrag();};_root.onMouseMove = function (){??? per = Math.ceil((huakuai._x - left) / (right - left) * 100);??? _root.per = per;??? _root.mc._xscale = per;??? _root.mc._yscale = per;};huakuai.onReleaseOutside = huakuai.onRelease; 锁定该图层。 ??? 5.编辑制作场景 ??? 返回场景1，添加三个图层，共四个图层。自下而上分别命名为背景、影片、控制、动本。 ??? （1）选择影片图层第一帧，从库中拖出mm影片剪辑元件到舞台，居中偏上，规