第十四讲：对象类型及绘画、动画技巧[FLASH8基础教程]

本课范例素材下载
　　 通过前面的学习，大家对绘图工具的使用方法、动画的制作方法等都有了比较系统的掌握。很多朋友都为自己能够制作出来一些动画作品而兴奋，这确实是可喜的！大家都迈出了重要的第一步！
　　 但是，很多朋友也许很苦恼，目前自己只是停留在模仿的阶段，什么时候才能在闪亮的天空中展翅翱翔！我告诉大家的是：千万不要着急！对于入门的朋友来说，我们才刚刚学走路，还没有走稳当。
　　 怎样才能把学习Flash的步伐走得更坚实呢？一句话：苦练扎实的基本功！闪界知名前辈沪上老康老师说过：“我们常常为一些构思奇妙的动画效果所赞叹，殊不知奇妙的构思必定由扎实的基本功夫作为支撑”。此话一语道破天机！
　　 因此，我们要善于在模仿的过程中总结基本功，在欣赏的过程中感悟基本功，在交流的过程中启发基本功。
　　 以下几课我帮助大家把前面学习的一个重要的基本功――对象类型及绘图、动画技巧总结一下，希望能解决你动画练习过程中经常遇到的问题。
　　现在我们已经知道，Flash能够接受的对象类型包括：形状、组、元件（图形元件、按钮元件、影片剪辑元件）、位图、文字、声音、视频等。不同类型的对象功能不尽相同，运用的场合也不一样。对不同类型的对象充分理解并在动画制作中合理应用，是每一个入门闪客必须掌握的基本功。

1．形状、组以及相关的绘画、动画技巧

　　通过本小节的研究，我们要制作出来一个如图0所示的动画效果。朦胧的月亮藏在云中，旁边充满意境的文字特效若隐若现。

图0　范例效果

（1）认识形状

　　新建一个影片文档，设置舞台背景颜色为黑色。选择“椭圆工具”，在舞台上绘制一个没有边框、白色填充的圆，如图1所示。

图1 绘制一个圆

　　切换到“选择工具”，单击舞台上的圆。这时圆处在选中状态：圆上布满网格点。这是形状这种类型的对象具有的一个重要特征――选中上面出现网格点，如图2所示。

图2 选中圆

　　保持圆处在选中状态，打开“属性”面板，如图2所示，你可以清楚看到这个圆被称为“形状”。它的属性只有“宽”、“高”和“坐标值”，看来形状在“属性”面板中的属性设置方面，功能还是比较弱的。

（2）绘图技巧――形状的切隔和融合

　　再次选择“椭圆工具”，设置边框色为无色、填充色为红色，然后在圆上面再绘制一个稍微大一些的圆，如图3所示。

图3 再绘制一个红色的圆

　　切换到“选择工具”，单击红色的圆选中它，然后拖动鼠标将其移动到旁边，这时的效果如图4所示。大家可以看清楚，红色的圆将白色的圆切隔了！

图4 切隔圆

　　如果我们在前面绘制的不是一个红色的圆，而还是一个白色的圆，将会出现什么样的情况呢？
　　 单击“主工具栏”中的“撤销”命令按钮若干次，恢复到原来舞台上只有一个圆的状态。选择“椭圆工具”，在圆上面再绘制一个稍微大一些的无边框、白色的圆，如图5所示。

图5 再绘制一个白色的圆

　　切换到“选择工具”，单击大圆，你会发现整个图形全部被选中，如图6所示。拖动鼠标将会移动全部图形。这说明两个圆融合在了一起！

图6 圆融合在一起

练习：恢复到舞台上只有一个圆的状态。然后选择“椭圆工具”，在圆的旁边绘制一个没有边框、任意填充色的另一个圆，然后切换到“选择工具”，将新绘制的圆移动到原来的圆上面，此时，千万不要单击鼠标！然后你再将移动过去的圆移走，观察效果。重复移动过去，此时，在空白处单击鼠标，取消圆的选中状态，然后再观察效果。你发现了什么？得出了什么结论呢？

（3）将形状转换为组

　　前面我们通过两个形状的结合，实现了图形的切隔或者融合。如果我们把其中的一个圆变成“组”，那么情况又会是怎样呢？
　　新建一个Flash影片文档，设置背景色为黑色，其他保持默认。选择“椭圆工具”，在舞台上绘制一个没有边框、白色填充的圆。切换到“选择工具”，单击选中舞台上的圆，执行“修改”|“组合”命令，这时，处在选中状态的圆上面的网格点消失了，圆的周围出现一个蓝色的矩形线框。如图7所示。

图7 将圆形转换为组

　　在“属性”面板中，你会看到转换后的圆被称为“组”。它的属性也很简单，也只有“宽”、“高”和“坐标值”。

说明：区分舞台上的对象类型是“形状”还是“组”，你只许单击选中对象，形状和组的选中状态可不一样哦。另外，别忘了“属性”面板，里面可清清楚楚的会告诉你，你所选中的对象是什么类型哦。
　　 再选择“椭圆工具”，在舞台上的圆上绘制一个没有边框的红色圆形，效果如图8所示。

图8 绘制一个红色的圆

　　你会发现，红色的圆跑到了白色圆的后面了。切换到“选择工具”，将红色的圆拖走，并没有出现切隔的现象，还是两个独立的对象。　　我们现在可以得出结论：“形状”和“组”是不会切隔或者融合的！
　　 现在你把红色圆重新移动到白色圆的上面，红色圆还是自动跑到白色圆的后面。看来“组”对象要比“形状”对象的层次高哦。
　　 如果现在我们想让红色圆出现在白色圆的上面，该怎么办呢？
　　 “修改”菜单下有一个“排列”子菜单项，这个菜单项下边有很多排列对象层次的命令，现在用它们行不行呢？下面实验一下。。。。。　　选择红色的圆，然后打开“修改”菜单下的“排列”子菜单项，看到了什么？命令都是灰色显示！根本不可用！看来这些命令对“形状”对象是不可用的。
　　 选择白色的圆，然后打开“修改”菜单下的“排列”子菜单项，这次到可以用这些命令了，我们执行“下移一层”命令，舞台上的对象无动于衷！
　　 实验失败！忧郁。。。。。。。
　　 正确的解决方案有两个：一个是，将红色圆形转换为“组”类型；另一个是，将红色的圆单独放一个图层，让它所处的图层在上边。
　　 这些操作方法我就不再详细讲解了，你自己练习一下吧。

（4）将形状柔化

　　弯弯的月亮当空挂着，朦胧而浪漫，如图8所示。这是利用柔化形状边缘功能制作出的效果。

图8 朦胧的月亮

　　首先利用前面讲解的形状切隔方法，制作一个月牙形状。然后选中这个月牙，执行“修改”|“形状”|“柔化填充边缘”命令，弹出“柔化填充边缘”对话框，在其中设置“距离”为20px，设置“步骤数”为4，其他保持默认，如图9所示。然后单击“确定”按钮即可。

图9 “柔化填充边缘”对话框

　　现在你恢复到以前没有柔化前的月牙图形状态，然后再次执行“修改”|“形状”|“柔化填充边缘”命令，在弹出的对话框中将“方向”改为“插入”，其他保持不变。这是的图形效果如图10所示。

图10 朦胧的月亮

　　你可以用放大镜工具放大月牙查看一下两次柔化后的月牙边缘，这样你就可以更理解柔化命令的功效了。

注意：如果你把图形转化为“组”类型，“修改”菜单下的“形状”菜单项下的命令都不可用了。

练习：在朦胧的月亮基础上，绘制出乌云，让月亮的前后都有乌云出现。注意练习过程对“组”对象以及对象层次关系的应用。

（5）将线条转换为填充的应用

　　请你用“线条工具”在舞台上绘制一个白色的直线，切换到“选择工具”，单击选中直线，这时你会发现直线上出现网格点，打开“属性”面板，也可以看到“形状”对象类型。线条也是形状，它也具有形状的一些特征和功效，比如用它可以很方便的切隔图形。
　　 是不是线条形状和一般的填充形状完全一样呢？回答是否定的！比如，我们在制作遮照动画时，往往用填充形状做为遮照层的“视窗”，那么线条形状可不可以直接做为遮照层的“视窗”呢？
　　 下面作一个实验：
　　 新建一个Flash影片文档，设置背景色为黑色，其他保持默认。
　　 在“图层1”上用矩形工具绘制一个无边框的红色矩形。然后在这个图层的第15帧按F6键插入一个关键帧，将第15帧上的矩形向右水平移动一定距离。再选择第1帧，在“属性”面板中定义从第1帧到第15帧的“形状补间动画”。
　　 在“图层1”上面新建一个图层“图层2”。在这个图层上用“线条工具”绘制一条直线，直线放在“图层1”上两个矩形中间位置。
　　 右击“图层2”，在弹出的快捷菜单中执行“遮照”命令，这样形成一个遮照图层结构。如图11所示。

图11 遮照图层结构

　　在测试影片之前，你先想像一下动画有可能出现的效果。。。。。。
　　 现在你可以按“Ctrl＋Enter”键测试一下影片了。怎么样？看到什么效果了？是不是没有得到你预期的动画效果？遮照根本没有起作用！
　　 返回到编辑场景。将“图层2”的小锁取消，然后选中舞台上的直线，执行“修改”|“形状”|“将线条转换为填充”命令，这样就把舞台的线条形状转换为填充形状了。重新把“图层2”的小锁加上。
　　 再一次按“Ctrl＋Enter”键测试影片，这次遮照起作用了吧？