Flash CS4 中文版模块教程 模块8 Deco工具和喷涂刷

模块八

Deco工具和喷涂刷模块八Deco工具和喷涂刷重点提示：Deco工具中的藤蔓式填充的应用Deco工具中的网格填充的应用Deco工具中的对称刷子的应用喷涂刷工具的应用模块八Deco工具和喷涂刷子模块一将元件转变为即时设计工具子模块二Deco工具的使用子模块三喷涂刷工具的使用工作情境一向上浮动的随机气泡工作情境二高级网格填充工作情境三绘制时钟钟面模块小结模块训练子模块一将元件转变为即时设计工具

一、Deco工具和喷涂刷工具的简介二、元件在Deco工具和喷涂刷工具中的应用子模块二Deco工具的使用

一、认识Deco工具

二、Deco工具的绘制效果及属性调整1．藤蔓式填充2．网格填充3．对称刷子子模块三喷涂刷工具的使用

一、喷涂刷工具的特点二、喷涂刷工具属性的调整工作情境一向上浮动的随机气泡

一、工作情境描述及效果工作情境描述

通过制作“向上浮动的随机气泡”，使用户熟悉喷涂刷工具中使用影片剪辑元件的方法与技巧。在本情境中分别涉及影片剪辑元件的创建、创建补间形状、给帧添加动作和喷涂刷工具的设置。具体分析如表8-1所示。工作情境一向上浮动的随机气泡知识点功能实现效果创建影片剪辑元件制作动画的基本元素给元件创建补间形状使影片剪辑元件产生动态效果在影片剪辑中给帧添加动作产生随机浮动的动画效果喷涂刷工具的设置产生多个随机大小的动画效果表8-1“向上浮动的随机气泡”工作任务分析表工作情境一向上浮动的随机气泡工作情境效果“向上浮动的随机气泡”动画的最终效果如图8-15所示。图8-15向上浮动的随机气泡的最终动画效果工作情境一向上浮动的随机气泡二、工作情境详解（1）新建一个Flash动画文档，将舞台颜色设置为蓝色（#000099）。（2）选择【椭圆工具】在舞台底部绘制一个圆(#00CBFF)。然后设置其填充透明度为60%，并为图形添加一个小白点，表示高光点。为此，用户可以使用设置为白色的常规刷子工具，在气泡形状角上单击即可。（3）使用【选择工具】选中圆形，并将它转换名为Bubble的影片剪辑元件。工作情境一向上浮动的随机气泡（4）双击Bubble影片剪辑元件，进入其编辑窗口。（5）使用【选择工具】选择圆形。（6）右击圆形，在弹出的快捷菜单中选择“创建补间形状”命令。（7）从【时间轴】面板中选择第100帧，并按快捷键<F6>插入一个关键帧。（8）选中第100帧，选择圆形气泡形状并将它向上移动直至离开舞台顶部，从而创建出一个向上浮出视图的气泡补间。工作情境一向上浮动的随机气泡（9）从【时间轴】面板中选择第1帧，并按快捷键<F9>，打开【动作】面板。（10）将以下帧脚本添加到帧1:gotoAndPlay(Math.round(Math.random()*80));（11）关闭【动作】面板，并单击文档顶部的【场景1】超链接返回场景1。（12）从舞台中删除Bubble影片剪辑元件。（13）选择【喷涂刷工具】。工作情境一向上浮动的随机气泡（14）在【属性】面板中单击【元件】区域中的【编辑】按钮。（15）将弹出【交换元件】对话框，其中列出可用库项目。选择Bubble影片剪辑元件并单击【确定】按钮。（16）在【属性】面板中取消选中【随机缩放】、【旋转元件】和【随机旋转】3个复选框，然后将画笔的宽度和高度分别调整为99和150。（17）使用【喷涂刷】工具，在舞台底部按住鼠标左键并快速拖动，喷涂出一串Bubble影片剪辑实例。（18）按<Ctrl+Enter>组合键测试动画。工作情境二高级网格填充

一、工作情境描述及效果这个实例首先在舞台上创建由小方形组成的矩阵，然后用户可以通过鼠标指针在方形矩阵单元上滑动，使方形矩阵单元实现水平

180°的翻转。在本情境中分别涉及影片剪辑元件的创建、嵌套的影片剪辑、给帧添加动作、Deco工具中的网格填充的设置。具体分析如表8-2所示。

知识点功能实现效果创建嵌套的影片剪辑元件制作动画和添加帧动作的基本元素命名影片剪辑实例为影片剪辑添加帧动作做好准备在影片剪辑中给帧添加动作产生鼠标指针滑动时矩阵单元方形翻转的动画效果网络填充工具的设置产生网格填充影片实例的效果表8-2“高级网格填充”工作任务分析表工作情境二高级网格填充工作情境二高级网格填充工作情境效果“高级网格填充”的最终效果如图8-16所示。图8-16高级网格填充的最终效果

工作情境二高级网格填充二、工作情境详解(1）在FlashCS4中新建一个文档，将舞台颜色设置为深灰色（#333333）。（2）选择【矩形工具】在舞台上绘制一个带有深色填充（#999900）和明亮笔触（#FFFF00）的正方形。将其宽度和高度都设置为30像素，如图8-17所示。

图8-17为网格填充效果创建一个形状

工作情境二高级网格填充（3）使用【选择工具】选中方形，按快捷键<F8>将它转换为名为Tile的影片剪辑元件。（4）双击Tile影片剪辑元件，进入其编辑窗口。（5）选择舞台上的方形再将它转换为名为InsideTile的影片剪辑元件。也就是Tile影片剪辑元件中内嵌了一个InsideTile的影片剪辑元件。（6）选择舞台上的InsideTile影片剪辑元件,在【属性】面板中将它命名为tile_mc实例，如图8-18所示。这是主Tile剪辑中要附加一些ActionScript

的影片剪辑。工作情境二高级网格填充（7）在【时间轴】面板中选择第1帧，并按快捷键<F9>打开【动作】面板。将以下ActionScript

添加到帧脚本中：图8-18为影片剪辑命名实例工作情境二高级网格填充var

rotationNumber:Number=0;tile_mc.addEventListener(MouseEvent.MOUSE_OVER,startFlip);functionstartFlip(evt:MouseEvent){

tile_mc.addEventListener(Event.ENTER_FRAME,flipIt);}functionflipIt(evt:Event):void{

if(rotationNumber<10){

tile_mc.rotationY+=18;

rotationNumber++;}else{

tile_mc.removeEventListener(Event.ENTER_FRAME,flipIt);

rotationNumber=0;}}这个代码片段会创建一个名为rotationNumber的计数器，然后当鼠标指针移到tile_mc上方时，使用这个计数器将tile_mc实例水平翻转180°。工作情境二高级网格填充（8）单击文档顶部的场景1返回主舞台。（9）从舞台中删除Tile影片剪辑。现在，将Tile影片剪辑用作网格效果的填充。（10）选择【Deco工具】。（11）在【属性】面板中的【绘制效果】下拉列表中选择【网格填充】选项。（12）在【属性】面板中单击【编辑】按钮并在【交换元件】对话框中选择Tile元件,然后单击【确定】按钮。（13）在【属性】面板中的【高级选项】中“垂直间距”和“水平间距”设为1像素。单击舞台以应用网格填充效果，如图8-19所示。工作情境二高级网格填充（14）按<Ctrl+Enter>组合键测试动画，当鼠标指针在舞台上移动时，用户可以看到翻转拼贴的动画效果。图8-19将拼贴应用为网格填充效果

工作情境三

绘制时钟钟面

一、工作情境描述及效果对称刷子在【高级选项】中提供了各种功能，可用于许多任务。如果用户需要创建一个带有12个指针的钟面，通常需要在舞台上手动绘制指针，并使用【对齐】面板或包含特定三角学的代码，将指针围绕一个中心点排列。而使用对称刷子，只需几步即可创建自制钟面。具体分析如表8-3所示。工作情境三

绘制时钟钟面知识点功能实现效果基本图形的绘制与调整对称刷子工具的基本图形操作对象，利用选择工具进行调整对称刷子的【高级选项】中设置为绕点旋转使单个图形元件形成绕点旋转效果对称刷子调节手柄的调整调整对称手柄，使图形达到所需的要求表8-3“绘制时钟钟面”工作任务分析表工作情境三

绘制时钟钟面工作情境效果“绘制钟表表面”的最终效果如图8-20所示。

图8-20绘制钟表表面的最终效果

工作情境三

绘制时钟钟面二、工作情境详解（1）在FlashCS4中新建一个文档。（2）选择【矩形工具】在舞台上绘制一个小矩形,大小与期望的时钟指针大小相当。利用【选择工具】就可以编辑它，使它达到用户希望的指针显示的效果，如图8-21所示。图8-21绘制基本钟表指针形状

工作情境三

绘制时钟钟面（3）使用【选择工具】选择时钟指针，并将它转换为名为ClockHand的影片剪辑元件。（4）从舞台中删除该元件。然后，将时钟指针影片剪辑元件作为对称刷子的自定元件。（5）选择【Deco工具】。（6）在【属性】面板中的【绘制效果】下拉列表中选择【对称刷子】选项。（7）在【属性】面板中单击【编辑】按钮并选择ClockHand

元件。在包含旋转元件的对称刷子手柄正上方单击舞台顶部区域，以添加前8个指针，如图8-22所示。工作情境三

绘制时钟钟面图8-22添加时钟指针元件

工作情境三

绘制时钟钟面（8）选中并向左上方拖动带有加号的对称手柄，为对称添加12个指针，如图8-23所示。图8-23已完成的对称组

虽然用户使用之前版本的

Flash

也能完成上述设计，但使用

Deco

工具的主要优势在于这些图案的绘制速度。由于无需对齐大量元件或贴紧至网格，因此用户可以使用Deco工具快速绘制出复杂的图案。模块小结本章重点介绍了Deco工具和喷涂刷工具的使用，这些工具不但可以美化作品，还可以方便快捷地制作出复杂的图案。用户应该在不断的学习中，学会灵活应用，尤其要发挥自己的想象力，创造出应用