网页制作技术——Dreamweaver Flash Fireworks 教学课件 作者 赵丰年 第6章.ppt

《网页制作技术——Dreamweaver Flash Fireworks 教学课件 作者 赵丰年 第6章.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第6章Flash应用6.1Flash的工作流程6.2Flash绘画6.3创建逐帧动画6.4创建补间动画6.5创建形状补间6.6创建交互动画6.1Flash的工作流程6.1.1什么是FlashFlash的工作界面图6.1FlashMX的工作界面返回目录6.1.2制作Flash动画的基本过程1．在Flash中作图2．制作Flash动画3．制作交互式Flash电影4．导出Flash6.2Flash绘画6.2.1绘制几何形状1．绘制直线2．绘制椭圆形和圆形3．绘制矩形和圆角矩形图6.4在“属性检查器”中设置线条属性返回目

2、录6.2.2绘制曲线及任意形状的图形图6.5绘制曲线图6.6绘制图形6.2.3对象操作1．选取对象2．编辑对象图6.7用“箭头工具”编辑对象图6.8用“部分选取工具”编辑对象3．填充和描边图6.9填充与描边单击图形，图形就被填充了单击图形，即可用所需颜色为图形描边将“颜料桶工具”移到需要填充的图形上将“墨水瓶工具”移到需要描边的图形上4．缩放、旋转、倾斜、扭曲和封套对象图6.15倾斜对象图6.13缩放对象图6.14旋转对象第1帧第4帧第7帧第9帧图6.17逐帧动画示例6.3创建逐帧动画6.3.1什么是逐帧动

3、画逐帧动画就是通过更改每一帧中的舞台内容而获得动画效果，它最适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画。逐帧动画的缺点是太耗费时间和精力，而且最终生成的动画文件偏大。但是，它也有自己的优点，即能最大限度地控制动画的变化细节，如图6.17所示。返回目录6.3.2逐帧动画的创建过程1．图层的概念图层就像一摞透明的纸，每一张都保持独立，它们的内容相互没有影响，可以进行独立的操作，同时又可以合成一个完整的电影。使用层的好处就是能够轻松地控制复杂动画中的多个对象，使它们不会互相干扰。可以新建、选定、

4、删除、复制、锁定、显示或隐藏、重命名一层或多层，也可以执行调整层位置、设置层属性、将层上的对象用轮廓显示等操作。图6.2时间轴窗口在时间轴的图层上单击鼠标右键，可以执行各种图层操作，也可以使用时间轴和图层上的各种按钮执行图层操作（例如，单击眼睛图标可以隐藏所有图层），如图6.2所示。2．帧的概念Flash制作的动画是由一帧一帧组成的，帧就是不同时间点上显示的内容。在时间轴上可以看到几种不同类型的帧：黑色的实心小圆圈代表关键帧，就是指一个有内容的、或者说是有内容改变的帧，它的作用是定义动画中的对象变化；白色的空心小

5、圆圈代表空白关键帧，就是一个没有内容的关键帧；带有空心矩形的帧表示该帧是一系列相同帧中的最后一帧，如图6.19所示。在时间轴上还有一个红色播放头，用来显示当前帧的位置，同时在标尺上还会显示帧的编号。图6.19层与帧在时间轴的帧格中单击鼠标右键，可以使用快捷菜单中的命令执行各种帧操作，例如，添加关键帧、拷贝帧和清除帧等。3．逐帧动画实例创建图6.17所示逐帧动画的基本步骤如下。（1）单击图层1名称使之成为当前层，然后在动画开始播放的层中选择第1帧（该帧为默认的空白关键帧）。（2）在第1帧上创建图像，如图6.20所示

6、。图6.21创建第2帧内容。图6.20创建第1帧内容（3）单击同一行中右侧的下一个帧，然后按【F6】键插入关键帧，这将添加一个新的关键帧，其内容和第一个关键帧一样。（4）在舞台中改变该帧的内容，如图6.21所示（可以使用洋葱皮功能或使用“信息”面板来确定两帧的相对位置）。图6.21创建第2帧内容（5）重复第3步和第4步继续创建动画后面的帧直到动画完成。（6）单击时间轴上的“插入图层”按钮，新建一个图层，并利用绘图工具在该层第1帧上绘制一个“花盆”，此时的窗口如图6.22所示。（7）按【Ctrl+S】键保存文件。（

7、8）按【Ctrl+Enter】键测试动画。（9）如果需要，将动画导出为.swf格式以便插入到网页中。图6.22创建好的逐帧动画从以上步骤可以看出，创建逐帧动画的基本过程就是：在各帧中绘制逐渐变化的图像，如果必要，添加图层以使多个对象不互相干扰（不同图层上也可以是另外的逐帧动画）。4．修改动画播放速度的方法如果要修改动画的播放速度，通常有两种方法，一是修改动画的帧频率，另一种是延长每一个关键帧的播放时间。所谓帧频率是指动画播放的速度，计量单位是f/s，即每秒多少帧，默认值是12f/s。双击时间轴面板下部的“帧频率”

8、区域（其中通常显示为“12.0f/s”），打开“文档属性”对话框，如图6.23所示。可以在其中修改帧频率和舞台的大小。图6.23“文档属性”对话框如果当前没有选中任何对象，属性面板中显示的是文档属性，那么也可以直接在属性面板中修改帧频率。如果想让不同关键帧的播放延迟时间不同，那么可以采用第二种方法修改动画的播放速度。在创建好第1个关键帧后，先确定需要其持续多少帧，然后在相