网页图像的制作与编辑基础

《网页图像的制作与编辑基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第11章网页图像的制作与编辑基础能够制作简单的网页图像，处理网页图像本章目录11.1Fireworks8简介11.2矢量图形的绘制与编辑11.3文本对象11.4位图对象11.5对象的效果11.6图层和蒙版11.7GIF动画11.8网页图像的制作11.9网页图像的优化与导出11.10综合实例11.1Fireworks8简介一、Fireworks8的功能二、Fireworks8的工作界面三、Fireworks8的基本操作二、Fireworks8的工作界面1.初始界面2.新建文档对话框画布大小:宽高画面颜色3.工作界面标题栏菜单栏工具栏工具面板属性面板文档窗口面板组初始界面

2、新建：单击右侧的“Fireworks文件”编辑图像：单击左侧的“打开”新建文档界面工作界面工具面板文档窗口面板组标题栏菜单栏工具栏属性面板三、Fireworks8的基本操作1.创建新文件2.打开文件3.保存和导出文件4.关闭文件1.创建新文件1）打开“新建文档”对话框方法1：在“初始页面”中单击“新建”

3、“Fireworks文件”方法2：单击“文件”

4、“新建”方法3：Ctrl+N2）设置画面的尺寸(像素、英寸、厘米）和颜色分辨率的单位：像素/英寸、像素/厘米3）单击“确定”4）在文档窗口绘制编辑图像2.打开文件方法1：“开始页面”

5、“打开”方法2：“文件”

6、“打开”方

7、法3：Ctrl+O方法4：“文件”

8、“导入”3.保存和导出文件方法1：单击“文件”

9、“保存”/“另存为”在对话框中输入文件名单击“保存”按钮方法2：Ctrl+S/Ctrl+Shift+S方法3：执行“文件”

10、“图像预览”命令选择图像格式单击“导出”输入文件名在导出列表框中选择“仅图像”单击“导出”注意：默认格式为PNG格式，若要得到非PNG格式，必须执行“文件”

11、“图像预览”4.关闭文件方法1：执行“文件”

12、“关闭”方法2：按CTRL+W方法3：单击窗口右上角的关闭按钮11.2矢量图形的绘制与编辑11.2.1位图图像和矢量图形11.2.2矢量图形工具11.2.3矢量图

13、形的绘制与编辑11.2.1位图图像和矢量图形1.位图图像定义：是由排列成网格的称为像素的点组成的图像颜色和位置：由网格中每个像素的位置和颜色值决定分辨率：位图图像与分辨率相关联，编辑后的图像将改变显示质量编辑位图图像修改是像素2.矢量图形定义：是用直线或者曲线呈现的图形。颜色：取决于轮廓曲线和轮廓封闭区域的颜色形状：由轮廓的直线或曲线决定分辨率：具有独立的分辨率，以各种各样的分辨率显示在输出设备上，而不改变图像的质量编辑图形修改的是描述开关的线条和曲线的属性11.2.2矢量图形工具1.选择工具“指针工具”选择、移动对象或路径，方法是单击“指针工具”，在图像或路径上单击

14、鼠标“选择后方对象”：选择组合对象中被遮盖的对象，方法是在指针工具右侧的下拉菜单中单击该工具，在对象上单击“部分选择工具”：选择组合对象中的一部分对象，方法是，选择该工具，在被选择对象上单击2.形状和路径工具1）直线工具2）基本形状工具3）钢笔工具4）矢量路径工具5）重绘路径工具6）自由变形工具7）更改区域形状工具8）刀子工具3.颜色工具4.图形变形工具形状路径工具直线工具：绘制直线、水平垂直和45度直线（shift+拖动）基本形状工具：绘制14种基本图形注意:通过对基本形状的操作可以变化出N种图形钢笔工具：绘制线段与曲线路径矢量路径工具：绘制自由形状的路径，在“钢笔

15、”工具右侧的下拉菜单中选择重绘路径工具：绘制或修改已有的路径，在“钢笔”工具右侧的下拉菜单中选择自由变形工具：弯曲和变形矢量对象更改区域形状：推拉曲折尖锐的路径刀子工具：切割矢量对象颜色、图形变形工具3.颜色工具笔触颜色工具：设置图形周围线条的颜色填充颜色工具：设置图形中间的颜色油漆桶工具：给封闭路径填充颜色滴管工具：在采集对象上吸取样本颜色，在另一图形上进行填充4.图形变形工具缩放工具：对象的放大与缩小倾斜工具：对象的倾斜与旋转扭曲工具：变换图形的形状11.2.3矢量图形的绘制与编辑绘制直线、矩形、多边形注意：与快捷键的配合Shift:正方形Alt：中心对称图形Sh

16、ift+Alt：从中心点绘制正方形、正圆绘制时空格键+拖动对象，调整基本形状的位置2.绘制可以衍变的图形3.图形效果设置4.图形的变形5.绘制自由变形路径6.绘制曲线路径7.用矢量工具编辑路径8.用菜单命令编辑路径图形制作练习2.绘制可以衍变的图形选择基本形状工具绘制图形拖动或单击图形上的黄色菱形按钮变形设置图形填充、笔触设置图形的效果3.图形效果设置选中图形在“属性”检查器中设置：宽、高X、Y：图形在页面中的位置油漆桶：填充图形的颜色实心：图形的填充效果填充颜色：设置填充的颜色a.增加渐变颜色:在调色板按钮行单击，选择颜色b.减少渐变颜色：在调色板