Flash MX 2004新特性实例学习五

　　实例六、Scriptable Masks Part 2

　　一、涉及特性

　　这里主要涉及的是MovieClip.setMask()的应用和Window组件的应用，都是在Flash MX 2004中才出现的新特性。在实例的制作过程中，要先准备三个差不多大小的图片，而且在制作中，要创建很多的Movie Clip，如果不想全部制作的话，可以用打开图库的方式打开源文件，直接用相应的Clip就是了。



　　二、制作过程

　　1、先准备好三个差不多大小的图片，按Ctrl + F8新建一个Movie Clip，命名为“Angel”，按Ctrl + R，在此Clip的场景中导入一个图片。

　　2、按Ctrl + F8新建一个Movie Clip，命名为“City Scape”，按Ctrl + R，在此Clip的场景中导入一个图片。

　　3、按Ctrl + F8新建一个Movie Clip，命名为“Garden”，按Ctrl + R，在此Clip的场景中导入一个图片。

　　4、在TimeLine中新建一个图层，命名为“Angel”，将图库中的Angel Clip放在此层中，将其命名为angel。

　　5、在TimeLine中新建一个图层，命名为“Garden”，将图库中的Garden Clip放在此层，将其命名为garden。

　　6、在TimeLine中新建一个图层，命名为“Cityscape”，将图库中的City Scape Clip放在此层，将其命名为city。

　　7、接下来制作遮照的Mask层，也有三个效果。按Ctrl + F8，新建一个Graphic，命名为“Triangle”。在该Graphic的场景中用矩形工具和线条工具绘制一个倒三角形。按Ctrl + F8，新建一个Movie Clip，命名为“One Spiral”。在该Clip的场景中用矩形工具绘制一个矩形，将图库中的Triangle拖四次到场景中。

　　

　　8、按Ctrl + F8新建一个Movie Clip，命名为“Complex Mask”。在该Clip的场景中用圆形工具绘制一个圆。在该Clip的TimeLine中新增一个图层，命名为“Spiral3”。将图库中的One Spiral拖到该层的场景中，在该层的第45帧和第85帧上面插入关键帧，并用旋转工具旋转One Spiral一定的角度。然后分别用鼠标点击第1帧和第45帧，在帧的属性面板上面的Tween中选择Motion效果。同理在TimeLine中增加Spiral2和Spiral1图层，图层的处理跟Spiral 3 中的一样，但要注意旋转的角度要适当错开，并可以利用缩放工具适当调整。此时的Complex Mask如图2所示。

　　

　　9、按Ctrl + F8新建一个Movie Clip，命名为“Circle”。在该Clip的场景中用圆形工具绘制一个圆。

　　10、按Ctrl + F8新建一个Movie Clip，命名为“Circles”。先在该Clip的场景中用圆形工具绘制一个圆，然后将图库中的Circle Clip拖到场景中，在第15帧和30帧上插入关键帧，并将第15帧中的Clip往偏离圆心的方向移动一定的位置。分别用鼠标点击第1帧和第15帧，在帧的属性面板上面的Tween中选择Motion效果。再将图库中的Circle Clip拖三个到场景中，进行相同的操作。此时的Circles Clip如图3所示。

　　


　　11、按Ctrl + F8新建一个Movie Clip，命名为“Stripe”。在该Clip的场景中用矩形工具绘制几个长方形。

　　12、按Ctrl + F8新建一个Movie Clip，命名为“Stripes1”。将图库中的Stripe Clip拖到该Clip的场景中。在图层的第60帧和120帧上面插入关键帧，并调整各帧上面的Stripe Clip的位置。点击第1帧和第60帧，在它们的帧属性面板上面Tween中选择Motion效果，形成一个Stripe Clip从场景外运动到场景中间的效果。

　　13、按Ctrl + F8新建一个Movie Clip，命名为“Stripes”。将图库中的Stripes1 Clip拖两次到该Clip的场景中，适当调整其位置。

　　14、回到主场景中，在TimeLine中新建一个图层，图层命名为“Complex”，将图库中的Complex Mask Clip拖到场景中，将其命名为“complex”。同样，在TimeLine中新建两个图层，分别命名为“Circles”和“Stripes”，将图库中的Circles Clip和Stripes Clip分别拖到各层的场景中，并分别命名为circles和stripes。

　　15、至此，三个遮照效果的原材料是准备好了，下面我们来制作控制这些效果的Clip。按Ctrl + F8新建一个Movie Clip，命名为Cpinfo，并在Link age中选定“Export for Action script”，设置Identifier为Cpinfo。在该Clip的场景中，从组件库中拖6个Radio Button出来，分别命名为“rCity”、“rAngel”、“rGarden”、“rStripes”、“rComplex”、“rCircles”，依次设置data属性为“city”、“angel”、“garden”、“stripes”、“complex”、“circles”，依次设置Label属性为“Cityscape”、“Angel”、“Garden”、“Stripes”、“Complex”、“Circles”，最后将前三个Button的groupName属性设置为“maskeeGroup”，后三个Button的groupName属性设置为“maskGroup”。从组件库中拖一个Check Box出来，命名为“cbDrag”，设置Label为“Drag Mask”。排列这些组件如图4所示。

　　

　　16、回到主场景中，在TimeLine中新增一个图层，从组件库中拖一个Window组件出来，命名为“controlPanel”，设置contentPath为“cpinfo”，Title为“Control Panel”。再从组件库中拖一个Check Box到场景中，命名为“hideCP”，设置Label为“Show control panel”。

[1] [2]  下一页