网页设计与制作实用技术（第二版）齐建玲 CH10

《网页设计与制作实用技术（第二版）齐建玲 CH10》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、通过本章学习，应该掌握以下内容：FlashCS5基本操作利用FlashCS5处理网页动画第10章美化网页10.1FlashCS5简介Flash的前身是FutureWave公司的FutureSplash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。1996年11月，美国Macromedia公司收购了FutureWave，并将其改名为Flash。在出到Flash8以后，Macromedia又被Adobe公司收购。目前较新版本为AdobeFlashCS5。Flash在制作动画时，是由若干个帧来组成一个动画效果的。

2、帧是装载Flash作品内容、进行Flash作品播放的基本单位，也是Flash动画的基本组成元素。Flash的时间线面板上的每一小格代表一帧。帧有以下几种类型：关键帧、静止帧和中间过渡帧。10.1.1有关动画的一些基本概念1.帧（Frame）元件只是一种人为的规范，它指的是动画中一些出现频率较高的物件对象。元件通常存放在图库中，使用时再把它从图库中拖曳出来。有人把元件形象地比喻为存储起来的演员，随时可以调出来扮演角色。把元件从图库中拖曳到舞台工作区中，就得到了元件的一个实例。可以把元件想象成一个源文件，它的实例就是它在不同地方的复制

3、。2.元件与实例图层是为了方便操作者制作复杂的Flash动画作品而引入的一种手段。在时间线面板上，每个图层都有各自的时间线。在每个图层中都包含了一系列的帧，在各图层中所使用的帧均是独立的。可用控制器来播放某个场景的动画效果。播放动画时，会从每个图层的第一帧开始播放（即同步播放），不同图层中的帧在同时播放中可以得到综合的效果。3.图层一个Flash作品可以由若干个场景组成，每个场景都分别拥有各自独立的动画内容。每个场景中的层和帧均相对独立。在播放时，Flash会自动按场景的顺序进行播放。4.场景一个或几个场景就可以组成一个影片。5.

4、影片FlashCS5的界面由以下几个部分组成：标题栏、菜单栏、标准工具栏、绘图工具栏、状态栏、时间线面板、控制器、工作区等，如图所示。10.1.2FlashCS5的界面组成打开FlashCS5软件，首先映入眼帘的是欢迎屏幕，如图所示。①菜单栏除了绘图命令以外的绝大多数命令都可以在菜单栏中实现。②工具栏工具栏即绘图工具栏，一般情况下出现在窗口的右边，也可用鼠标改变其位置。该工具栏提供了用于图形绘制和编辑的各种工具按钮。③工作区工作区位于窗口的中央，动画就是在这个舞台上生成和演出的。④浮动面板组浮动面板组中属性面板是常用的面板，使用属

5、性面板可以轻松地访问和更改文档最常见的属性。⑤时间轴面板时间轴面板用来管理不同场景中的图层与处理帧的。双击“时间轴”按钮可以隐藏或打开该面板。1.帧的操作（1）改变帧的播放速率在默认情况下，Flash动画每秒播放的帧数为12格（帧/秒）。数值越大，播放帧数就越多，速度也就越快，动画的效果就越顺畅；反之，数值越小，速度就越慢，动画播放时就会有很明显的停格的现象。示范演示10.1.3FlashCS5中的一些基本操作（2）帧的选择用鼠标单击某一帧，该帧即被选中，并且成为当前帧，同时在工作区中显示出该帧中的内容。如果想一次选取许多帧，可以

6、在所要选取的起始帧处，按下鼠标左键不放，同时拖曳鼠标至所需位置即可。或者先用鼠标单击起始帧，然后按下“Shift”键不放，在所要选取的终止帧处单击鼠标左键，这样做也可以同时选中多个帧。（3）创建各种类型的帧在时间线上需要新建静止帧的位置处单击鼠标左键，然后选择“插入”→“时间轴”→“帧”“关键帧”“空白关键帧”命令，或单击鼠标右键，在弹出的菜单中选择“插入帧”“插入关键帧”“空白关键帧”，就可在所需位置上创建一个包含有与前一帧相同内容的帧。（4）复制帧复制帧的方法为：首先将需要复制的一个或者多个帧选中；在其上单击鼠标右键，

7、从弹出的菜单中选择“复制帧”命令；用鼠标单击需要粘贴的位置，再单击鼠标右键，从弹出的快捷菜单中选择“粘贴帧”命令，即可将相同的内容复制到所需的位置上。（5）删除帧首先选取帧，然后选择“编辑”→“时间轴”→“删除帧”命令，或者是在被选中的帧上单击鼠标右键，从弹出的快捷菜单中选择“删除帧”命令，2.层的操作（1）添加图层在层编辑区的左下角的第一个按钮为“插入图层”按钮，按下它之后，即可在当前所编辑的层上面插入一个新图层；也可以在当前层上单击鼠标右键，从弹出的菜单中选择“插入图层”选项，来新增一个图层。（2）图层的重命名在默认状态下，图

8、层名为“图层1”、“图层2”、…、“图层n”，若想改变图层的名称，可先选中该图层，然后在图层名上双击鼠标左键，此时出现一个小方框，只要在其中输入新的图层名即可。（3）调整图层的顺序如果想要改变图层的先后顺序，可以用以下的方法：先用鼠标单击所要调整的