1、网页制作综合技术教程网页制作综合技术教程第第2部分部分 美工与动画元素设计美工与动画元素设计 使用使用DreamweaverDreamweaver添加内置的添加内置的FlashFlash对象对象7.17.1FlashFlash软件简介软件简介7.27.2在在FlashFlash中绘制图形中绘制图形7.37.3FlashFlash动画基本原理动画基本原理7.47.4 创建形状补间动画创建形状补间动画7.57.5动画补间动画补间7.67.6在网页中发布在网页中发布FlashFlash动画动画7.77.7 Adobe公司的公司的Flash技术是当前网络上技术是当前网络上传输矢量和动画的主要解决方案。
2、传输矢量和动画的主要解决方案。 Flash播放器可以同时作为播放器可以同时作为IE、Firefox等最流行的网页浏览器的插件,从而使网页等最流行的网页浏览器的插件,从而使网页上展现出丰富多彩的动画效果。上展现出丰富多彩的动画效果。7.1 7.1 使用使用DreamweaverDreamweaver添加内置的添加内置的FlashFlash对象对象 7.1.1 7.1.1 使用使用DreamweaverDreamweaver内置内置的的FlashFlash按钮对象按钮对象 7.1.2 7.1.2 使用使用DreamweaverDreamweaver内置内置的的FlashFlash文本对象文本对象7
3、.2 Flash7.2 Flash软件简介软件简介 7.2.1 Flash的基本功能 1 1绘图和填充绘图和填充 2 2文字的输入和修改文字的输入和修改 3 3创建动画元件和实例创建动画元件和实例 4 4使用动作控制内容使用动作控制内容 5 5添加声音添加声音 6 6集成电影集成电影7.2.2 Flash7.2.2 Flash的工作界面的工作界面图图7.4 Flash的工作界面的工作界面7.2.3 Flash7.2.3 Flash的工作流程的工作流程 1 1在在FlashFlash中作图中作图 2 2制作制作FlashFlash动画动画3 3制作交互式制作交互式FlashFlash电影电影4
4、4导出导出FlashFlash7.3 7.3 在在FlashFlash中绘制图形中绘制图形 图图7.7 绘制椭圆绘制椭圆 图图7.8 移动填充部分移动填充部分 图图7.9 矩形和多角星形工具矩形和多角星形工具 图图7.10 线条和铅笔工具线条和铅笔工具 7.4 Flash7.4 Flash动画基本原理动画基本原理图图7.13 时间轴窗口时间轴窗口 图图7.18 第第1帧时的舞台帧时的舞台 图图7.19 第第30帧时的内容帧时的内容7.5 7.5 创建形状补间动画创建形状补间动画图图7.20 形状补间动画示例形状补间动画示例7.6 7.6 动动 画画 补补 间间 第1帧 补间帧 第5帧 图图7.
5、24 补间动画补间动画 图图7.25 飞镖飞行飞镖飞行 图图7.33 行驶的汽车行驶的汽车 7.7 7.7 在网页中发布在网页中发布FlashFlash动画动画 7.7.1 7.7.1 插入动画插入动画 在在Dreamweaver中,可以很方便地插入中,可以很方便地插入Flash动画,具体操作方法如下。动画,具体操作方法如下。 (1)首先在)首先在Flash软件中将制作好的动软件中将制作好的动画发布为画发布为swf格式的文件。格式的文件。 (2)将鼠标光标置于文档中要插入)将鼠标光标置于文档中要插入Flash的地方,选择菜单栏中的的地方,选择菜单栏中的“插入插入媒体媒体Flash”选项,然后在弹出的对话框中选择选项,然后在弹出的对话框中选择一个一个Flash文件(文件(swf文件)。文件)。 插入的插入的Flash动画显示为一个灰色的方动画显示为一个灰色的方框,里面有框,里面有Flash标志,如图标志,如图7.45所示。所示。 图图7.45 插入的插入的Flash动画动画7.7.2 7.7.2 设置设置FlashFlash对象的属性对象的属性图图7.48 “属性属性”面板面板