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