模块三网页图形图像处理教学课件

模块三网页图形图像处理模块三网页图形图像处理6、露露凝凝无无游游氛氛，天天高高风风景景澈澈。7、翩翩翩翩新新来来燕燕，双双双双入入我我庐庐，先先巢巢故故尚尚在在，相相将将还还旧旧居居。8、吁吁嗟嗟身身后后名名，于于我我若若浮浮烟烟。9、陶陶渊渊明明（约约365年年427年年），字字元元亮亮，（又又一一说说名名潜潜，字字渊渊明明）号号五五柳柳先先生生，私私谥谥“靖靖节节”，东东晋晋末末期期南南朝朝宋宋初初期期诗诗人人、文文学学家家、辞辞赋赋家家、散散文文家家。汉汉族族，东东晋晋浔浔阳阳柴柴桑桑人人（今今江江西西九九江江）。曾曾做做过过几几年年小小官官，后后辞辞官官回回家家，从从此此隐隐居居，田田园园生生活活是是陶陶渊渊明明诗诗的的主主要要题题材材，相相关关作作品品有有饮饮酒酒、归归园园田田居居、桃桃花花源源记记、五五柳柳先先生生传传、归归去去来来兮兮辞辞等等。10、倚倚南南窗窗以以寄寄傲傲，审审容容膝膝之之易易安安。可以创建编辑图像：在矢量图模式或位图模式下绘制图像；打开或导入图像进行编辑处理。可以创建网页对象：制作按钮；制作切片网页对象，切片工具可以把一幅完整的图像切割成不同的切片对象，并可在这些切片对象上添加动作或URL链接，热区工具在一幅图像的整体或部分定义URL链接响应区域，添加交互功能。可以优化图像：对图像进行优化处理，以减小文件大小，改变图像品质。输出文件：按照一定格式（一般为gif与jpg格式）输出图像，这些输出的图像可以直接被应用于网页。直接导出网页，即html文件与图像，网页可使用DW编辑修改也可直接使用。任务一任务一 绘制基本图形绘制基本图形利用工具箱上绘图工具绘制一些基本图形。矢量图形：矢量图形为矢量的线条和曲线（包括颜色和位置信息）描述图像。编辑矢量图形时，修改的是描述其形状的线条和曲线的属性。矢量图形与分辨率无关，因此在对图形进行移动、调整大小、更改形状或更改颜色等操作时，不会改变其外观品质。位图图形：由称为象素的点组成。图像由每个象素的位置和颜色值决定。编辑位图图形时，修改的是象素，位图图形与分辨率有关，放大位图图形会使图像的边缘呈锯齿状。矢量路径的绘制主要包括：直线、曲线、自由路径。绘制直线用钢笔工具创建路径绘制自由变形矢量路径绘制矢量形状：使用形状工具可以绘制矩形、椭圆、多边形、星形以及其它特定的几何形状。任务二任务二 常见文字效果常见文字效果文字描边文字阴影文字倒影文字路径文字描边文字描边在网页美工和网店图片处理中，文字描边是常见的文字效果。选中文字，在属性面板/滤镜选项中，进行如图所示操作。文字阴影文字阴影选中文字，在属性面板/滤镜选项中，进行如图所示操作。文字倒影制作文字倒影制作步骤：选中文字/复制/粘贴/选中粘贴产生的文字下移到适当位置/修改菜单，变形，垂直翻转，如图1所示/命令菜单，创意，图像渐隐，选择由上到下的渐隐效果，如图2所示/在属性面板中，调整不透明度，如图所示。文字路径文字路径创建不规则路径并将文字附着到路径，形成文字路径。文字附着到路径：例，绘制一个椭圆，使用切刀工具将其分成两半，删除下半部分；将文字与半圆选中后，选择文字附加到路径。任务三任务三 LOGO设计设计任务四任务四 GIF动画动画文字内部光影：输入文本选择文本，文本/转换为路径复制，粘贴文本层面板/新建层/新建2，并勾选共享交叠帧层2拖到层1下面，并且把最上面的文本拖到层2中工具箱面板/矩形工具/生成白底，有羽化效果的矩形块窗口菜单/打开帧面板/重制帧/设置：数量1，在当前帧之后选择帧2/选择矩形块/移动到文本开头/剪切矩形块/选中层1/编辑菜单/粘贴于内部取消层1生成的锁定小图标反复重复第7、8步骤，每次将矩形块向文本右边不断移动位置优化面板/GIF动画/导出作品任务六网页图片与切片使用切片可将大型图片分割成多个较小的部分并将每部分导出为单独的文件。导出时，将创建一个包含表格代码的 HTML 文件，以便在浏览器中重新装配图形。采用此方法可以将图片文档直接输出为html网页。设计网页图片创建切片：选择切片工具，在图片上拖拽一块块区域，形成多个切片。设置导出后的图像切片格式：对于颜色数少的图形导出为Gif格式；对于颜色数多的照片、渐变色图像等导出为jpeg格式。导出包含切片的 Fireworks 文档为html网页。在DW中编辑并调整切片生成的网页。谢谢！61、奢侈是舒适的，否则就不是奢侈。CocoChanel62、少而好学，如日出之阳；壮而好学，如日中之光；志而好学，如炳烛之光。刘向63、三军可夺帅也，匹夫不可夺志也。孔丘64、人生就是学校。在那里，与其说好的教师是幸福，不如说好的教师是不幸。海贝尔65、接受挑战，就可以享受胜利的喜悦。杰纳勒尔乔治S巴顿