第12章 使用Fireworks CS4绘制与修饰网页图像.ppt

《第12章 使用Fireworks CS4绘制与修饰网页图像.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第12章使用FireworksCS4绘制与修饰网页图像教学内容：FireworksCS4的矢量绘图是很方便的，也是制作网页图像、绘制Flash所用图像等方面常用的。FireworksCS4提供了许多通过各种方法绘制和编辑对象的工具。可以使用这些基本的形状工具快速绘制与修饰网页图像。教学重点熟悉FireworksCS4工作界面掌握矢量绘图工具的使用掌握位图处理工具的使用教学难点掌握使用基本工具绘制与修饰图像教学目标和基本要求________________________________________________________

2、_________________________________________________教学时间：本章共分_______课时教学方法案例教学多媒体教学理论面授教学素材课程范例文件：sample第12章练习文件：exercise第12章本章各节课时分配及链接12.1任务48利用基本工具绘制矩形导航——（）课时12.2任务49处理修饰网页图像——（）课时12.3任务50利用绘图工具绘制网站标志——（）课时12.4任务51绘制按钮——（）课时12.5综合实训——设计图像精美边框——（）课时本章小结思考与练习12.1任务4

3、8利用基本工具绘制矩形导航Fireworks可提供专业化的创建和编辑Web图像的工作环境。在此环境下可以方便地绘制和编辑位图对象、矢量对象、制作动画、导航条、弹出菜单和有图像翻转功能的热点和切片。12.1.1简单讲评导航是指位于网页中水或垂直排列的导航按钮，它起着链接网站各个页面的作用。下面利用“矩形”工具、滤镜和“文本”工具制作。12.1.2核心知识启动FireworksCS4后，其工作界面会出现在屏幕上，如图12-2所示。FireworksC4工作界面主要有以下几个部分组成：菜单栏、工具箱、文档窗口、属性面板和浮动面板。12.1

4、.3实际操作步骤1启动FireworksCS4软件，选择“文件>打开”命令，弹出“打开”对话框，选择48.jpg文件。步骤3在工具箱中选择“圆角矩形”工具。步骤5选择“圆角矩形”工具，按住鼠标左键在文档中拖动绘制圆角矩形。步骤6选择“窗口>信息”命令，在弹出“信息”面板中设置圆角矩形的宽和高。步骤8选择“直线”工具，按住鼠标左键拖动绘制直线。12.2任务49处理修饰网页图像所谓修饰图像是指在原来图像的基础上，对图像做出修正，使效果更加符合人们的审美要求，如对整体或局部的颜色进行一些加工。Fireworks提供了丰富的修饰图像的功能。

5、在处理图像时有一个非常重要的操作原则就是“先选择，再操作”，只有选中了特定区域，才能对它进行操作。12.2.1简单讲评羽化就是对图像的边缘作了颜色由深至浅的过渡，羽化半径值越大，图像边缘颜色深度过渡区域也就越大，反之就越小。这是一种很实用的图像处理效果，经常作图像特效时要用到。12.2.2核心知识选择“修改>画布>图像大小”命令，弹出“图像大小”对话框，在对话框中的“图像大小”的文本框输入要设置的图像大小。12.2.3实际操作步骤1打开原始图像文件，在工具箱中选择“选取框”工具，在图像上按住鼠标左键进行拖动，拖动到合适的位置，释放鼠

6、标左键，绘制的矩形选区。步骤3单击“边缘”右边的下拉列表中选择“羽化”。步骤8返回图像文件，选择“编辑>复制”命令，再次返回新建的空白文档，选择“编辑>粘贴”命令，粘贴图像文件。12.3任务50利用绘图工具绘制网站标志网站标志也称为网站LOGO，在网站设计中，网站标志具有举足轻重的作用，它是网站或企业形象的集中体现，一般要反映出网站的类型和内容，这样才能在第一时间吸引浏览者，提供网站的点击率。12.3.1简单讲评在Fireworks中可以制作丰富多彩的网站标志，本例利用文本工具和基本绘图工具制作网站标志。12.3.2核心知识在工具箱

7、中的“矢量”工具组下单击“矩形”工具右下侧的小三角按钮，即可弹出基本绘制形状工具，如图12-38所示。可以看到有很多的绘图工具，如“椭圆”工具、“多边形”工具、“圆角矩形”工具、“斜切矩形”工具、“箭头”工具、“星形”工具等。利用这些工具可以轻易的绘制出各种形状。12.3.3实际操作步骤3使用工具箱中的“矩形”工具，在舞台上绘制一个与文档大小一致的矩形。步骤4选中矩形，在属性面板中“颜色”列表框右边的“纹理”下拉列表中选择“其他”。步骤7在属性面板中的滤镜上边的列表中设置不透明度为30%。步骤9使用工具箱中的“文本”工具，在图像上输

8、入文字“恋人之家”。步骤10选中文本，在属性面板中设置文本的滤镜为“投影”。12.4任务51绘制按钮按钮是最常见的网页元素，在网页设计中占有非常重要的地位，它们通常作为网站导航栏目，对整个网站内容有提纲的作用。12.4.1简单讲评按钮