动态网页设计与制作实用教程（第二版）程伟渊电子教案 第8章.pptVIP

第8章 位图编辑与动画制作 8.1 位图的编辑 8.2 在Fireworks 8中建立动画实例 8.1 位图的编辑 8.1.1 位图编辑工具 Macromedia Fireworks是一款用于图像设计和网页设计的优秀应用软件，是编辑矢量和位图的综合工具。与以前版本相比，Fireworks 8增强了位图的编辑处理功能，提供了更多的位图编辑工具 . 8.1.2 位图编辑实例 1．图像变形 2．位图背景的编辑 8.2 在Fireworks 8中建立动画实例 8.2.1 建立动画对象 （1）新建一个文件，画布长为300像素，宽为150像素。 （2）用矩形工具画一个矩形，可以用任何颜色填充。 8.2.2 动画的设定 （1）选中矩形，选择“修改/动画/选择动画”菜单，弹出如图8-21所示的设置窗口。 （2）“帧”框中输入动画的 帧数15，在位移一定的情况下帧数越多动画越平滑。 （3）“移动”框中输入180，这是设定移动的距离（以像素为单位）。 （4）“方向”框中输入45，设定移动的角度。 （5）单击“确定”按钮，将会出现系统提示框，问你是否添加新的帧。单击“确定”按钮，将会自动添加新的帧。 8.2 在Fireworks 8中建立动画实例 8.2.3 动画预览 （1）如果帧面板不可见，选择“窗口/帧”菜单，启动帧面板。 （2）单击画布下方的“播放/停止”按钮，就可以播放动画。 （3）再次单击这个按钮可以停止。 （4）在帧面板上可以看到每一帧的动画。 8.2.4 动画的编辑 （1）选择“窗口/属性”菜单，打开“属性”面板（或选择“修改/动画/设置”）。 （2）单击“帧”面板上的第一帧。 （3）选中工作区中的动画对象，在属性面板上就会显示这个动画的设置。 （4）对这个设定进行修改，比如在“缩放”框内输入110，使从第一帧到最后一帧图像放大10%。 （5）在“不透明度”左边的框内输入10，右边的框内输入100，这将使动画产生透明度的渐变。 （6）在“旋转”中输入180，将使动画产生180度的旋转。 （7）再次单击“播放”按钮就可以看到设置效果了。 8.2 在Fireworks 8中建立动画实例 8.2.5 编辑运动路径 （1）单击工作区上的动画对象，运动路径就可以显示出来。 （2）用鼠标拖动路径上的第一帧（绿色的点）和最后一帧（红色的点）来改变它们的位置。 （3）也可以拖动中间的帧（蓝色的点），改变整条路径。 （4）预览编辑效果。 8.2.6 输出gif动画 要在浏览器中看到这个动画，就必须输出成gif动画格式或swf格式。 （1）选择“窗口/优化”菜单，打开“优化”面板（参见图7-8）。 （2）输出格式设为“gif动画”。 （3）单击菜单上的“文件/导出”命令。 （4）保存类型选择“HTML和图像”就可以输出一个HTML文件。 （5）用浏览器打开这个动画，浏览动画效果。 * * *