基于Web标准的网页设计.ppt

《基于Web标准的网页设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、第五章Fireworks5.1Fireworks基础5.1.1矢量图和位图的概念5.1.2认识Fireworks的界面5.1.3新建、打开和导入文件1.新建文档在开始页中点击“新建Fireworks文件”，或执行菜单命令“文件”→“新建”都能新建文档。2.打开文件选择“文件”→“打开”菜单项，Fireworks可打开其可读的任何图像文件格式。包括Photoshop格式（psd）和Freehand、Illustrator，CorelDraw等大部分图像处理软件创建的文件格式3.导入文件导入文件是把一张图片导入到另一张图片里面去，1）选择“文件”→“导入”命令；（2）在导入文件对话框中选择需要导

2、入的文件；（3）在文档窗口拖动鼠标指针，出现一个虚线矩形框，如图5-5所示，虚线矩形框总是等比例放大，保证导入的图片不会变形。松开鼠标，图片就被导入到矩形框中。导入图片大小、位置由拖动产出的矩形框决定，如图5-6所示。在步骤（3）中，也可以直接在文档编辑窗口单击鼠标，图片也会被导入。单击的位置即为图片左上角的位置，但图片的大小将保持原有的尺寸不变。导入文件还可以通过将要导入的文件拖动到图像文件的编辑窗口中实现，图片的大小也会保持原有的尺寸不变。导入文件的步骤5.1.4画布和图像的调整1.修改画布2.符合画布3.修剪画布4.改变画布的显示比例5.修改图像大小6.裁剪图像5.1.5辅助设计工具的

3、使用1.标尺“视图”→“显示标尺”或“隐藏标尺”命令，可以显示或隐藏标尺2.辅助线3.网格5.2操作对象5.2.1对象和图层的概念在Fireworks中，只要我们向画布中添加内容，例如画一个矩形，插入一段文字，导入一个图像，这些都被看作是添加了一个对象。每插入一个对象，Fireworks就插入了一个图层，可以在窗口右侧的“层”面板中看到画布中具有的图层图层示意5.2.2选择、移动和对齐对象5.2.3变形和扭曲“缩放”工具：可以放大或缩小图像。“倾斜”工具：可以将对象沿指定轴倾斜。“扭曲”工具：可以通过拖动选择手柄的方向来移动对象的边或角。旋转对象。使用变形工具组中的任何一样工具，都可以旋转对

4、象，将鼠标指针移动到变换框之外的区域，2.数值变形5.2.4改变对象的叠放次序5.2.5设置对象的不透明度5.2.6操作对象的快捷键1）当使用全选箭头选中对象后，使用键盘的方向键可以移动对象，每按一次方向键就使对象在该方向上移动一个像素，这在对对象进行精确位置调节时很方便。如果按住“Shift”键不放，再按方向键移动，可每次移动10像素。（2）如果要选中多个对象，需要按住“Shift”键（多选键），再用全选箭头就可以同时选中多个对象了，此时多个对象外围都会出现选择框，这样可同时对多个对象进行移动等操作。（3）如果要复制某个对象，可先选中再按住“Alt”键不放拖动某个对象，即可对其进行复制，这

5、比选中对象再用“Ctrl+C”、“Ctrl+V”复制快多了。（4）对于所有形状绘制工具而言，按住“Shift”键不放进行绘制，可以保证其宽、高比始终为原始比例。这对于绘制圆形或正方形是必要的5.3编辑位图在Fireworks中，用户处理的对象主要分为两类，一类是位图图像，另一类是矢量图形。无论是处理位图还是矢量图像，用户都应该了解一个基本原则，就是“先选择，后操作”，就是说要先选中一个对象，这个对象可以是一个多边形对象，也可以是一些像素组成的位图区域，然后才能对它进行操作5.3.1创建和取消选区“选取框”工具（）：在图像中选择一个矩形像素区域；“椭圆选取框”工具（）：在图像中选择一个椭圆形像

6、素区域；“套索”工具（）：在图像中选择一个不规则曲线形状像素的区域；“多边形套索”工具（）：在图像中选择一个直边的自由变形像素区域；“魔术棒”工具（）：在图像中选择一个像素颜色相似的区域。1.“选取框”或“椭圆选取框”工具“选取框”工具和“椭圆选取框”工具位于工具箱的同一个按钮位置，选取框工具用于创建矩形的选区，而“椭圆选取框”工具用于选择“椭圆形”选区“边缘”选项“边缘”选项有三种选择，它们的功能如下：“实边”创建的选取框将严格按照鼠标操作产生区域。“消除锯齿”防止选取框中出现锯齿边缘。“羽化”可以柔化像素选区的边缘。4.“套索”和“多边形套索”工具“套索”工具用于创建曲线形的选区，而“多

7、边形套索”工具是以直线为边界的多边形选区4.魔术棒工具魔术棒工具可以在图像中选择一个像素相似的区域。5.3.2编辑选区中的像素区域1.“滴管”工具2.调整颜色3.模糊效果5.4绘制矢量图形1.矢量图形的基本构成矢量图形可分为笔触和填充两个部分。而要认识矢量图形，就必须了解另一个几何概念——路径。“路径”是用矢量数据来描述的线条，它本身是看不见的，但是在Fireworks中，为了便于编辑，将会使用彩色线条来表示