前沿视频教室————最好的CSS和Web设计与开发的视频教程

本节课时长14分31秒，下载文件10.5兆字节。下载后用浏览器打开HTML文档可以观看讲解。

上两个星期中，我们把Photoshop的使用方法吸纳广大家族了一个介绍，下面我们再用9天的时间，把Fireworks向大家介绍一下，这连个软件既有相似的地方，也有不同的地方，大家可以比较实践一下，看看哪个更适合自己使用。

首先，我们对如何学习Fireworks做一个概述，希望您在学习的时候，心里记着这样一条线索，这对您更快捷地掌握Fireworks和网页设计是很有帮助的。

（1）理解“位图”图像和“矢量”图形这两个很重要的概念，它们是后面技能性操作的基础。

（2）Fireworks既有丰富的位图加工处理功能，又有快捷的矢量图形创作工具。必须要掌握位图的处理方法，原则是“先选择，再操作”，因此首先要掌握如何在一个位图中选择一个区域，也就是各种“选取”操作的实现方法。

（3）接下来就可以针对选中的位图区域进项各种操作了，包括形状的变换和颜色的修改等。

（4）对于矢量图形来说，就要特别理解两个概念——“笔触”和“填充”。注意，对于矢量图形的绘制来说，首先应掌握利用各种绘图工具绘制和编辑指定的形状，其次要熟练掌握对颜色和样式的设置，表现出丰富多彩且逼真的效果。这需要不断地练习。

（5）还应该掌握Fireworks中特别为网页设计和制作设计的功能，它可以方便地制作出具有各种灵活的交互性的网页元素。

（6）最后，可以针对在网页中常用的各种元素进行有针对性的练习，逐渐把前面学到的各种元素灵活地运用起来，不断地积累丰富的经验，这样就把Fireworks掌握熟练了。
当然，要成为一名优秀的设计师，仅仅会使用软件是不够，熟练掌握了软件的使用方法以后，更重要的是思考创意，制作出更精彩的作品来。这是对设计师的永恒挑战！

作为第一课，这里要介绍一些图形图像方面最重要的基础概念和知识。尽管本章看起来比较简单，读者特别是初学者，一定要仔细阅读本章，为后面的学习打下基础。特别是对于图形、图像相关的一些基本概念和原理，比如什么是“矢量”、什么是“位图”等，希望大家能够真正地理解它们，这样在后面学习处理位图、绘制适量图形的时候，就会比较轻松。

本节课时长15分33秒，下载文件14.4兆字节。下载后用浏览器打开HTML文档可以观看讲解。

在Fireworks 8中，用户处理的对象主要分为两大类，一类是位图图像，另一类是矢量图形。无论是处理位图对象还是矢量对象，用户都应该了解一个最基本的原则，就是“先选择，后操作”，就是说要先选中某一个对象，这个对象可以是一个多边形对象，也可以是由一些像素组成的位图区域，然后才能对它进行操作。

在本章中，我们就来学习如何选取位图中的一部分，这是进一步操作的基础，因为只有自如地选取位图上的制定区域以后，才能对它进行相应的操作。

在Fireworks中可以在整个画布上编辑像素，也可以在图像的特定区域内编辑像素。特定区域是使用一种选择工具限制编辑范围。一共有5种工具用于位图图像的选取，它们的功能介绍如下。

• “选取框”工具：在图像中选择一个矩形像素区域。
• “椭圆选取框”工具：在图像中选择一个椭圆形像素区域。
• “套索”工具：在图像中选择一个自由变形像素区域。
• “多边形套索”工具：在图像中选择一个直边的自由变形像素区域。
• “魔术棒”工具：在图像中选择一个像素颜色相似的区域。

上面所列的5种位图选择工具可以绘制要定义所选像素区域的选区选取框。绘制了选区选取框后，可以移动选区，向选区添加内容或在该选区上绘制另一个选区；可以编辑选区内的像素，向像素应用滤镜或者擦除像素而不影响选区外的像素；也可以创建一个可编辑、移动、剪切或复制的浮动像素选区。

本节课时长13分17秒，下载文件11.0兆字节。下载后用浏览器打开HTML文档可以观看讲解。

昨天的课程中，我们演示了如何在未涂上创建选区，而穿件选区的目的是对选中的部分进行编辑操作，因此在一个位图上创建了选区之后，就可以使用“缩放”工具、“倾斜”工具和“扭曲”工具以及相应的菜单命令，对所选中像素选区进行变形处理。

• “缩放”工具：可以放大或缩小对象。
• “倾斜”工具：可以将对象沿指定轴倾斜。
• “扭曲”工具：可以通过拖动选择手柄的方向来移动对象的边或角。

当使用任何变形工具或“变形”菜单命令时，Fireworks会在所选对象周围显示变形手柄和中心点。在旋转和缩放对象时，对象将绕中心点转动或者缩放。

总结来书，昨天和今天的课程介绍了关于位图操作的基本方法，包括选择操作对象、变形和调整等内容，这些都是进行位图操作的基础，因此大家应该掌握熟练。这里有一个非常重要的操作原则：“先选择，再操作”，只有先选中了特定的区域，才能对它进行操作。这也是在很多软件中都通行的原则。

本节课时长16分26秒，下载文件13.9兆字节。下载后用浏览器打开HTML文档可以观看讲解。

Fireworks提供了丰富的修饰位图的功能。所谓修饰位图，是指在原来位图的基础上，对位图做出一些修正，使效果更符合人们的审美要求，如对整体或者局部的颜色进行一些加工。特别是现在数码相机逐渐普及，每个人都会有很多数码相片，如果掌握了修饰位图的方法，就可以使自己的照片看起来更美观。

在Fireworks中，主要有以下几组用于修饰位图的工具：

• 使用“模糊”和“锐化”工具
• 使用“减淡”和“烙印”工具
• 使用“涂抹”工具
• 使用“橡皮图章”工具
• 使用“替换颜色”工具
• 使用“红眼消除”工具

这里介绍的修饰位图的方法，主要是针对位图的某个局部的颜色、色调或其他属性进行调整，目的就是使位图看起来更美观。除了在工具箱中使用这些工具可以对位图进行修饰，在Fireworks中，还可以通过另外一种方式调整位图，这就是“滤镜”功能。使用方法和Photoshop中的滤镜是很相似的。

本节课时长14分54秒，下载文件11.9兆字节。下载后用浏览器打开HTML文档可以观看讲解。

前面讲解了关于位图操作的内容。在Fireworks中，可以操作的对象不仅可以是位图，还可以是矢量图形。

“矢量图形”是使用矢量线条和填充区域来进行描述的图形，它的组成元素是一些点、线、矩形、多边形、圆和弧线等。Fireworks提供了许多绘制矢量对象的工具。

矢量图形可以分为两个部分：笔触和填充。要认识矢量图形，就必须了解另一个几何概念——路径。“路径”是用矢量数据来描述的线条，它本身是看不见的，但是在Fireworks中，为了便于编辑，将会使用彩色线条来表示它；沿着路径添加某种颜色样式，得到的线状结果就是“笔触”；而在路径围成的区域中应用某种颜色样式，得到的面状结果就是“填充”。

在Fireworks中有丰富的样式来设置一个矢量对象的“笔触”和“填充”，从而为设计师提供丰富的创作手段！