网设计与制作Fireworks基础及基本操作

第10章：Fireworks基础及基本操作10.1FireworksCS4窗口及界面10.2图像的布局工具10.3位图图像的处理10.4绘制位图10.5编辑位图10.6案例制作----制作图片窗格效果《网页设计与制作》当前第1页\共有29页\编于星期二\13点10.1FireworksCS4窗口及界面窗口及界面新建文件

单击【文件】|【新建】命令:

1.图像宽度和高度：可以先选择单位，一般用像素。

2.图像分辨率：指单位长度中所含像素量的多少。如72Pixel/inch就是一英寸长度单位中有72个像素。

3.画布的颜色：使用白色比较符合一般习惯。选择透明，就可以在透明背景上建立图像。《网页设计与制作》当前第2页\共有29页\编于星期二\13点图像基本操作《网页设计与制作》一、改变画布选择【修改】|【画布】|【画布大小】命令，在“宽度”和“高度”文本框中输入新的尺寸。“锚定”按钮以指定在画布的哪一边添加或删除，最后单击“确定”按钮。当前第3页\共有29页\编于星期二\13点二、改变图像大小选择【修改】|【画布】|【图像大小】命令，打开如图10-5所示的对话框。●像素尺寸用于设定图像的显示大小。●打印尺寸用于设定打印时的输出大小。当前第4页\共有29页\编于星期二\13点三、修整画布如果输入的图像上下颠倒或者左右颠倒，就要进行旋转画布的处理。可以把画布旋转180°、顺时针90°或者逆时针90°。选择【修改】|【画布】命令，在子菜单中进行选择即可。当前第5页\共有29页\编于星期二\13点10.2图像的布局工具10.2.1标尺默认状态下，标尺是不显示的。选择【视图】|【标尺】命令，文档窗口就会显示标尺，单位是像素。当前第6页\共有29页\编于星期二\13点10.2.2网络网格可以精确放置对象。选择【视图】|【网格】|【显示网格】命令，可以显示网格。当前第7页\共有29页\编于星期二\13点10.2.3辅助线辅助线可以在文档中创建用于定位的辅助线，使对象对准某个位置。在水平标尺或者垂直标尺上按下鼠标左键向文档内拖动，即产生一条水平方向或垂直方向的辅助线，到合适位置时松开鼠标，完成辅助线的创建。当前第8页\共有29页\编于星期二\13点10.3位图图像的处理10.3.1位图的选取设计图像时，经常需要从图像中选择一个区域，就是所说的“抠图”。选择区域工具在位图编辑模式中是重要的工具，选择区域工具可以确定位图中像素的编辑范围，也可以产生复杂曲线。10.3.2选择框工具和椭圆选择框工具当前第9页\共有29页\编于星期二\13点10.3.3不规则选择套索工具.2．多边形套索工具1．套索工具当前第10页\共有29页\编于星期二\13点魔术棒工具在属性中“容差”用于设置魔术棒工具对颜色区分的灵敏度。魔术棒对选择图像内像素的颜色，容许有一定范围的偏差。容差的值越大，在相同文档中，将被选中区域也会越大。当前第11页\共有29页\编于星期二\13点10.3.5选区的调整1.增减选区在建立一个选区后，如果想在加上一个区域，则按下Shift键，选择新的区域，新区域会添加到原来的区域上。相反，如果想在一个区域里减去另外一个区域，先选定一个区域，按Alt键，再次进行区域选择，则从原区域中减去新区域。如果想选取两个区域重合的地方，则建立第一个区域后，按Shift+Alt键选择新区域，则两区域的交集部分保留。2．取消选区对区域内的图像进行编辑之后，就可以取消选区。可用选取工具在其他地方单击鼠标左键，或按ctrl+D键。当前第12页\共有29页\编于星期二\13点3．调整选区对于复杂的图像，选区不是一蹴而就的，通常要经过一些调整。（1）反向选择：如果要选择的区域比较复杂，而其他部分比较简单时，可以先选择其他部分，然后使用反向选择。反向选择的快捷键是ctrl+shift+I。（2）扩展或缩小选区是指在原有选区的基础上保持形状比例对选区进行扩展或者缩小。在【选择】|【扩展选取框】或【选择】|【收缩选取框】，设置需要扩展或收缩的像素值即可。当前第13页\共有29页\编于星期二\13点（3）边框选取：以原有选区的边缘为中心线，向两侧扩展制定的宽度建立选区。建立一个选区，选择【选择】|【边框选取框】，输入的像素是指选区边框的宽度。（4）平滑选区：可以使已经建立的选区的边缘变得更加光滑。选择【选择】|【平滑选取框】。当前第14页\共有29页\编于星期二\13点10.4绘制位图10.4.1绘制位图铅笔和画笔工具可以绘制位图。使用方法是选择相应的颜色，设置笔触，按下鼠标左键，拖动鼠标即可。选择铅笔工具后，在属性检查器中：“消除锯齿”平滑绘制的直线的边缘。“自动擦除”在“铅笔”工具在笔触颜色上单击时使用填充色。“保持透明度”限制“铅笔”工具只绘制到现有像素中，而不绘制到图形的透明区域中。另外，可以用刷子工具使用“笔触颜色”框中的颜色绘制刷子笔触。当前第15页\共有29页\编于星期二\13点10.4.2色彩填充色彩填充主要通过油漆桶工具来完成。油漆桶工具可以把相应范围内的像素都填充成颜色或图案。10.4.3擦除1.橡皮擦工具使用橡皮擦工具，可以擦除位图中的像素，达到修改位图图像的目的。当前第16页\共有29页\编于星期二\13点2.橡皮图章工具使用橡皮图章工具可以完成图像局部区域的复制。按住Alt键，使用橡皮图章工具在位图图像中单击可以确定要复制的区域，再次涂抹就可以产生当前区域的复制图像。当前第17页\共有29页\编于星期二\13点10.4.4修饰这一组工具可以完成图像的减淡、加深、模糊、锐化以及涂抹操作。1.“模糊”工具和“锐化”工具影响像素的焦点。模糊”工具通过有选择地模糊元素的焦点来强化或弱化图像的局部区域。模糊工具的作用是使鼠标绘制处的图案效果变得模糊。“锐化”工具对于修复扫描问题或聚焦不准的照片很有用。锐化工具的作用是使鼠标涂抹过的地方变得清晰。2.“加深”工具和“减淡”工具可加深或减淡图像的局部，这类似于给照片加强光照或挡住光线的暗室技术。3.“涂抹”工具可以像创建图像倒影时那样逐渐的将颜色混合起来。涂抹工具的使用是将手指按下那点的颜色涂抹到其他位置。当前第18页\共有29页\编于星期二\13点10.5编辑位图10.5.1使用蒙版使用蒙版可以有选择地显示文档中对象的部分。顾名思义，蒙版就是将不必显示的部分蒙起来。与剪切操作不同的是，蒙版将保留图像内容，以便调整显示区域。而剪切是将图像的某些部分删除。当前第19页\共有29页\编于星期二\13点10.5.2使用混合混合操作主要是改变对象的透明度和混合模式。设置对象的混合模式可以较好的使多个对象重合的部分产生一定的效果，而改变原来的完全遮挡关系。当前第20页\共有29页\编于星期二\13点10.5.3使用滤镜滤镜可以改善并增强图像的效果。一、调整颜色选择【滤镜】|【调整颜色】，选择子菜单中的各项进行效果处理。1．调整色阶选择【滤镜】|【调整颜色】|【色阶】，用户可自行调整图像的亮度。当前第21页\共有29页\编于星期二\13点2．调整曲线曲线用于调整图像的整个色调范围，相比于色阶调整，曲线调整的效果更精确。选择【滤镜】|【调整颜色】|【曲线】，然后在图所示的对话框中进行设定。其中X轴代表颜色的原始亮度，其数值在input（输入）文本框中显示。Y轴代表调整后的新的亮度值，其数值在output（输出）文本框中显示。可以在文本框中直接输入值，范围是0~255。当前第22页\共有29页\编于星期二\13点3．调整亮度和对比度亮度/对比度选项用于改变图像的亮度和黑白对比度。选择【滤镜】|【调整颜色】|【亮度/对比度】，可以完成图像亮度对比度的调节，当前第23页\共有29页\编于星期二\13点4．调整色相饱和度色相是指图像中颜色的纯净度，饱和度是指图像中颜色的饱满程度，亮度是指图像中颜色的明亮程度。选择【滤镜】|【调整颜色】|【色相饱和度】，然后在设定中分别设定三项参数。当前第24页\共有29页\编于星期二\13点5．反相反相是照片的底片效果。选择【滤镜】|【调整颜色】|【反相】，将使照片转为底片效果。当前第25页\共有29页\编于星期二\13点二、查找边缘查找边缘可以勾勒出图像的线条，带有鲜明颜色对比的图像比较适合使用这一操作。选择【滤镜】|【其他】|【查找边缘】，对图像应用滤镜，当前第26页\共有29页\编于星期二\13点三、模糊模糊滤镜用于柔化、修饰一副影像或一个选择区域，通过转化像素的方法平滑处理影像中生硬的部分，使图像中对比强烈的像素间柔和过渡，或者在图像中必要的像素区域添加适当的阴影，使整个图像看起来更柔和。“模糊”柔化所选像素的焦点。“进一步模糊”的处理效果大约是模糊的三倍。“高斯模糊”对每个像素应用加权平均模糊处理以产生朦胧效果。选择【滤镜】|【模糊】|【高斯模糊】，拖动“模糊范围”滑块设置模糊效果的强度，增大范围会产生更强的模糊效果。当前第27页\共有29页\编于星