Fireworks4.0第一期网页制作班简介是一种优秀网页图形图像设计工具。特色:–1、位图处理和矢量图处理合二为一–2、文本处理–3、导出预览(不需切换到浏览器)–4、图像优化–5、精美动画–6、JavaScript自动化–7、设置图像映射–8、查找替换和批处理环境主要内容一、基本使用操作二、基本绘图操作三、颜色操作处理四、文字使用操作五、编辑矢量对象六、编辑位图对象七、使用特效和样式八、动画设计制作九、动态按钮制作十、图像格式输出十一、图像变换设计十二、链接设置使用十三、使用大图切割十四、自动化的应用一、基本使用操作1、熟悉工作区域2、对象的导入(两种方法)3、画布尺寸与颜色的调整4、画布的裁剪与旋转5、改变影像尺寸6、裁剪位图对象7、文件基本操作8、文件的打开、导入、保存(.PNG)二、基本绘图操作1、使用直线工具绘图2、使用形状工具绘图(矩形、圆形、多边形)3、使用路径绘制工具(钢笔、铅笔、笔刷)4、改变路径操作方法(细部工具、重绘画笔工具、任意形状工具)5、路径的修改与切割(区域变形工具、切割工具)6、简化、扩张及附加路径–修改→改变路径(简化路径、扩张路径、插入路径)三、颜色操作处理1、网页可靠色2、混色器3、调色板(样本)的使用4、滴管(探色棒)工具的使用5、笔触面板6、填充面板–1、主要填充参数的作用–2、修改渐变色–3、调整渐变色与图案填充–4、使用外部图像文件作为填充图案或纹理–5、使用WEB抖动色7、颜色在路径上的使用(补充)–路径涂饰工具(+)和(-)四、文字使用操作1、文字的编辑器–(1)输入–(2)编辑:修改文字:法一:输入文本后,如要编辑文本,只需双击文本块。法二:选择后用“文本”→“编辑器”法三:直接通过菜单实现–(3)对文本设置描边、填充–(4)文字的变形处理(缩放、扭曲、顷斜)2、文字与路径默认情况下,文本都是以矩形文本块形式显示,但是,用户可绘制一条路径,然后将文本附加到该路径上,使文本按路径形状进行排列。不过,此是路径将失去了它的所有属性,变成一条不可编辑的路径,在预览时也不显示。–(1)文本附加到路径:首先创建一个文本对象和一个路径对象,然后都选中,用“文本→附加到路径”命令.四、文字使用操作–(2)分离文本与路径:用“文本→从路径脱离”命令–(3)编辑文本与路径编辑文本:双击编辑路径:将文本与路径分离→编辑路径→再将选择文本与路径→附加到路径。注:添加笔触和填充后,文本对象可作相应变化。–(4)按路径排列文本(5)导入文本:用于文本内容很多或已有了现成文档。4、把文字转为路径当要用矢量处理工具编辑文本时,需转化为路径。方法:文本→转化为路径(可用次选工具编辑任意节点,但内容再不能用文本编辑器修改)注:文本对象转化成位图对象的方法和矢量图转化为位图的方法一样,可用“修改→转换为位图”命令。以后可用位图编辑工具进行编辑。五、编辑矢量对象1、对象操作使用–选择工具、后方选择工具–选择了填充有渐变色的图形后,出现两个控制点(圆形、方形)–排列对象(修改→对齐)2、对象变形处理–修改→变形3、对象相互结合–(1)群组工具与取消群组–(2)路径的合并与拆分–(3)对象的接合(联合、相交、打孔、修剪)4、调整对象顺序–修改→排列六、编辑位图对象1、切换编辑模式与创建位图对象在Fireworks中同时拥有两种编辑模式,即对象编辑模式与位图编辑模式。–(1)切换编辑模式的方法A、切换到位图编辑模式法一:选择位图对象,然后选择修改→编辑位图法二:利用蒙版、套索、魔术棒或橡皮图章工具单击位图对象法三:双击位图B、从位图编辑模式返回对象模式法一:用指针工具或子选择工具在图像外任意区域单击法二:用修改→退出位图模式法三:单击文档窗口下方的×图标法四:按ESC键–(2)创建位图对象的方法法一:文件→导入或打开法二:修改→转换为位图六、编辑位图对象2、选区制作与调整–(1)制作选区矩形选区工具、椭圆形选区工具、套索工具、多边形套索工具、魔术棒工具–(2)调整选区增加或减小选区–按下Shift键并使用位图选择工具选择图像,可增加选区–按下Alt键并选择图像,可增加选区–按下Alt+Shift键,可制作新的选区。释放鼠标后,选区结果将是已有选区和新选区的交集。选区的扩展与收缩:用修改→选取框→扩大或收缩平滑选区:用修改→选取框→平滑制作边界选区:用修改→选取框→边框反选选区:用修改→选取框→反选选择与已有选区颜色相近的颜色:用修改→选取框→选择相似颜色–取消选择:Ctrl+D六、编辑位图对象3、在位图模式下编辑(剪切、复制、粘贴、吸管工具、油漆桶工具、橡皮工具、印章工具)–(1)在位图编辑模式下绘图–(2)图像的擦除、填充与复制–应选制作选区,再进行下列操作,否则操作范围为整个位图编辑区。使用擦除工具擦除像素利用油漆桶工具填充像素–将当前设置的填充图案填充位图或选择的区域(未选为整个文档)利用橡皮图章工具复制像素–单击橡皮工具→鼠标移到希望复制的区域单击→鼠标移到新的区域拖动复制–注:复制方式为“固定”时目标可变;为“对齐”时,复制点与定义点始终对齐–选择“对齐”时,在复制过程中可多次松开鼠标,且复制的图像是连续的;而选择“固定”时,只要松开一下鼠标,再复制等于重新复制。注:滴管工具用来在图像上选择一种颜色作为填充色。六、编辑位图对象–(3)裁剪位图:编辑→修剪位图–(4)选区的变形除了使用笔触、填色美化对象外,还可使用特效,为你的按钮、文字、图形创建特效。七、使用特效和样式1、使用特效处理–选择要使用特效的对象后,打开效果面板,单击增加特效下拉列表,选择一种特效。常用的是默认效果。2、特效面板使用–单击特效行上的特效按钮,打开特效参数面板,这个内部顷斜特效的面板上包括了一个”斜角边缘形状“下拉列表,可选择“平面、平滑、顷斜、架子、圆环、邹边”等形状,其它的参数用来指定导角的宽度和高度,可做一个令人满意的按钮。–在内部顷斜特效的面板的最下方下拉列表中列出了按钮的4种状态,分别是凸起、高亮度、凹进、反转。–注:取消选中的特效行前面的复选框,可关闭特效。七、使用特效和样式3、编辑特效面板–同一个对象可同时使用多个特效,对于不使用的特效,选中后可以删除,也可根据需要保存以后用在其它的对象上。4、特效类型顷斜和浮雕:内部顷斜特效、外部顷斜特效(作用于对象的外边框)、凸起浮雕(产生凸起的浮雕效果)、凹进浮雕(产生凹进浮雕效果)。阴影和光晕:阴影(距离参数控制着阴影和对象的距离)、光晕(用来产生光晕效果,可设置辉光的颜色、偏移参数,还可控制辉光和对象的距离)模糊:设置对象的模糊程序。调节颜色(是附加功能),设置后可保存。4、使用特效插件(相当于Photoshop中的滤镜)–特效菜单下的EyeCandy4000LE5、加入外部滤镜七、使用特效和样式下面介绍一个更奇妙的工具,它不但可以保存特效,而且可以保存笔触、填色,甚至字体、字号,并且重复使用时更简单----样式。6、样式建立应用(1)使用:选择对象→单击一种样式(2)保存:选择对象→应用各种笔触、填充和特效→新建样式→选择需要保存的内容→输入样式名→OK(3)编辑:双击注:A、在应用样式时不想改变对象原来的填充类型,可将颜色从样式保存中去除(编辑),再进行应用样式。B、若将一个文本对象的样式保存,在保存样式对话框中就可保存字体、字号和文字风格等属性,这样给文字对象应用样式时,文字对象的字体、字号和风格都可以改变。(4)导入样式(5)导出样式7、使用遮罩效果–创建:修改→蒙板→组成蒙板七、动画设计制作1、制作GIF动画–(1)创建基本的帧帧动画法一:选增加帧,再在每帧上画对象法二:在第一帧上加多个对象→全选→分配到帧命令–(2)创建过渡动画法一:利用“修改→动画→就所选创建动画”命令–可生成一个带有起始、中间和结束点的动画线,其每一点代表动画中的一帧,移动动画线的长度与方向可改变动画的轨迹。法二:利用Tween功能创建过渡动画–制作好Tween动画后,用户可单独调整任何一帧符号的位置、不透明度,或对其进行缩放、倾斜,以及为其增加效果等。灵活性更大。–操作:创建一个对象→为其增加样式→选择“插入→转换为组件”→输入组件名称(选择图形)→打开库面板→拖入文档放在另一位置→选中两个符号→选择“修改→符号→内插动画”→设置动画帧数并选中分配到各帧复选框→OK七、动画设计制作2、Frame面板的使用–重命名、增加、复制或删除帧–将所选对象放置在不同帧中–将对象从当前帧移到其他帧–设置功能–设置帧延迟(100=1S)–设置动画播放次数–复制到帧(将一帧上的对象复制到其它帧),与复制帧不同。也可用共享图层实现。3、使用描图纸功能(洋葱皮)4、建立图层的操作(层面板)–注:A、帧是以时间先后为序,不同的帧处在不同的时间段上。–B、不同层是指不同通道或空间同一时间的上、下的位置关系。–C、一个层上可包含多个对象,一个帧上可有多个层。七、动画设计制作5、图层的操作应用–同一层上可有多个对象层,图层上新增对象后,会自动在该图层下增加对应的对象层。–(1)创建新图层插入法:插入→层图层面板法1:新建/复制层按钮图层面板法2:新建层选项–(2)选中图层法一:在文档窗口中,选中属于该图层的任意对象法二:在图层面板中,单击要选中的图层名称–(3)复制图层法一:选中要复制的图层→拖到“复制/删除层”按钮上法二:选中要复制的图层→在选项中选择“复制图层”项→选择→OK两者区别:法一只能生成一个副本图层,且副本图层位于被复制图层的下方。法二的复制功能更全面,他不但可以调节复制图层的数量,还可以设置复制图层的位置。七、动画设计制作–(4)删除图层法一:选中要删除的图层→单击删除图层按钮法二:选中要删除的图层→拖到“删除图层”按钮上法三:选中要删除的图层→在选项菜单中选择“删除图层”注:A、在Fireworks中,网页层是不能被删除的B、画布不是图层,他位于文档的最底层–(5)重命名图层双击要命名的图层→在名称区输入新的名称–(6)图层中对象的编辑(两种编辑模式)多层编辑模式(默认状态)–所有图层中的对象都处于可编辑状态单层编辑模式:选择选项菜单中的“编辑单一图层”–只能对单个层的对象进行编辑七、动画设计制作–(7)图层属性的设置(显示和隐藏、锁定和解锁)–(8)为图层建立位图对象–(9)设置共享层与合并图层设置共享层:在选项菜单中选择或双击该层合并图层:修改→平面化层注:A、将某层设置为共享层时,当前帧以外其他所有帧中的同名层均被删除。B、合并图层时,被隐藏的图层或对象子层将被丢弃,而共离层将被自动复制到各帧。–(10)调整对象的不透明度与混合模式–(11)改变图层重叠次序选择后用鼠标直接拖动七、动画设计制作6、使用遮罩效果(蒙版)–法一:创建蒙版组–法二:通过粘贴方法创建蒙版导入一幅图复制到剪贴板→新建文件→绘制作一椭圆并选中→–若将剪贴板中的内容作为蒙版,则用“编辑→粘贴为蒙版”命令;–若将剪贴板中的内容作为对象,当前对象伙蒙版,则用“编辑→粘贴到内部”命令;–法三:根据选区制作蒙版(位图遮罩)导入一幅图→制作选区→选择“修改→蒙版→显示所选”命令导入一幅图→制作选区→单击“添加蒙版”按钮七、动画设计制作7、使用SymbolFireworks具有库面板,放在库中的对象称为符号,在库面板中,将该符号拖到文档中,就创建了实体,实体就是原始对象的副本,当符号对象进行修改时,实体自动变化以反映符号的修改。–创建:法一:插入→新建符号–法二:制作一个对象→使用转换命令(F8)注:不能为实体指定笔触和填色,但可以对实体变形和添加特效。还可以在层面板上修改实体的透明度和混合模式。修改符号:双击任何一个实体断开链接后的实体可修改任何属性。8、Sy