fireworks4网页制作培训课件

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中的滤镜）–特效菜单下的EyeCandy4000LE5、加入外部滤镜七、使用特效和样式下面介绍一个更奇妙的工具，它不但可以保存特效，而且可以保存笔触、填色，甚至字体、字号，并且重复使用时更简单----样式。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、使用SymbolFireworks具有库面板，放在库中的对象称为符号，在库面板中，将该符号拖到文档中，就创建了实体，实体就是原始对象的副本，当符号对象进行修改时，实体自动变化以反映符号的修改。–创建：法一：插入→新建符号–法二：制作一个对象→使用转换命令（F8）注：不能为实体指定笔触和填色，但可以对实体变形和添加特效。还可以在层面板上修改实体的透明度和混合模式。修改符号：双击任何一个实体断开链接后的实体可修改任何属性。8、Sy