使用Fireworks CS4绘制与修饰网页图像ppt课件.ppt

第12章 使用Fireworks CS4 绘制与修饰网页图像; 教学重点 熟悉Fireworks CS4工作界面 掌握矢量绘图工具的使用 掌握位图处理工具的使用 教学难点 掌握使用基本工具绘制与修饰图像 ;教学目标和基本要求 ___________________________________ ___________________________________ ___________________________________ 教学时间：本章共分_______课时 教学方法 案例教学 多媒体教学 理论面授 教学素材 课程范例文件：sample\第12章\ 练习文件：exercise\第12章\ ;本章各节课时分配及链接;12.1 任务48利用基本工具绘制矩形导航;12.1.1 简单讲评 导航是指位于网页中水平或垂直排列的导航按钮，它起着链接网站各个页面的作用。下面利用“矩形”工具、滤镜和“文本”工具制作导航。;12.1.2 核心知识 启动Fireworks CS4后，其工作界面会出现在屏幕上，如下图所示。Fireworks C4工作界面主要有以下几个部分组成：菜单栏、工具箱、文档窗口、属性面板和浮动面板。;12.1.3 实际操作 步骤1 启动Fireworks CS4软件，执行“文件打开”命令，弹出“打开”对话框，选择48.jpg文件。; 步骤2 在工具箱中选择“圆角矩形”工具。; 步骤3 选择“圆角矩形”工具，按住鼠标左键在文档中拖动绘制圆角矩形。; 步骤4 执行“窗口信息”命令，在弹出“信息”面板中设置圆角矩形的宽和高。; 步骤5 选择“直线”工具，按住鼠标左键拖动绘制直线。;12.2 任务49处理修饰网页图像; 12.2.1 简单讲评 羽化就是对图像的边缘作了颜色由深至浅的过渡，羽化半径值越大，图像边缘颜色深度过渡区域也就越大，反之就越小。这是一种很实用的图像处理效果，经常作图像特效时要用到。 ;12.2.2 核心知识 执行“修改画布图像大小”命令，弹出“图像大小”对话框，在对话框中的“图像大小”的文本框输入要设置的图像大小。;12.2.3 实际操作 步骤1 打开原始图像文件，在工具箱中选择“选取框”工具，在图像上按住鼠标左键进行拖动，拖动到合适的位置，释放鼠标左键，绘制的矩形选区。; 步骤2 单击“边缘”右边的下拉列表中选择 “羽化” 。; 步骤3 返回图像???件，执行“编辑复制”命令，再次返回新建的空白文档，执行“编辑粘贴”命令，粘贴图像文件。;12.3 任务50利用绘图工具绘制网站标志; 12.3.1 简单讲评 在Fireworks中可以制作丰富多彩的网站标志，本例利用文本工具和基本绘图工具制作网站标志。;12.3.2 核心知识 在工具箱中的“矢量”工具组下单击“矩形”工具右下侧的小三角按钮，即可弹出基本绘制形状工具，如右图所示。可以看到有很多的绘图工具，如“椭圆”工具、“多边形”工具、“圆角矩形”工具、“斜切矩形”工具、“箭头”工具、“星形”工具等。利用这些工具可以轻易的绘制出各种形状。; 12.3.3 实际操作 步骤1 使用工具箱中的“矩形”工具，在舞台上绘制一个与文档大小一致的矩形。; 步骤2 选中矩形，在属性面板中“颜色”列表框右边的“纹理”下拉列表中选择 “其他” 。; 步骤3 在属性面板中的滤镜上边的列表中设置不透明度为30%。; 步骤4 使用工具箱中的“文本”工具，在图像上输入文字“恋人之家” 。; 步骤5 选中文本，在属性面板中设置文本的滤镜为“投影” 。;12.4 任务51绘制按钮;12.4.1 简单讲评 按钮主要起着两个作用：第一个是起到提示性的作用，用提示性文本或者图形来告诉浏览者单击后有什么作用。第二是动态响应的作用，即是指浏览者进行不同的操作时，按钮就能够呈现出不同的效果。下面通过实例讲述网页按钮的制作。 ;12.4.2 核心知识 选中要填充的对象，在工具箱中“颜色”区域中的“填充”右边的颜色框，在弹出的颜色框中设置填充颜色。在颜色框中，单击要使用的颜色即可选择该颜色。选择的颜色将应用到选择的对象上。; 12.4.3 实际操作 步骤1 使用工具箱中的“矩形”工具，在图像上绘制一个矩形。; 步骤2 单击颜色编辑框右边的实边下拉列表，执行“渐变放射状