第1课 Web 图形基础及photoshop基本工具一.ppt

Web图形制作 联系方式： 计算中心123办公室 Mphone: Email：gaoshuangch@163.com 参考书目： 《 Photoshop CS 平面设计》 《Photoshop CS 从入门到精通》 美 Stephen Romaniello 著 魏海萍 于晓菲等译 电子工业出版社 《Photoshop CS 3以假乱真的艺术》 英 Steve Caplin著 杨志锋 杨昕立 等译 电子工业出版社 答疑安排 日期 周次 时间 地点 每周五 1--16 14:30---15:00 200机房/123办公室 第一课 一、Web图形基础知识 二、Photoshop基本操作 三、 Photoshop基本工具（一） 1、选择工具 一、WEB图形基础 （一）什么是WEB图形 Web图形是指在网页上使用的数字图形。 网页包含的信息丰富多彩，有声音、图像、视频等多媒体信息。多媒体信息在网上传输，必须考虑文件大小、网络速度等因素。因此，网页上的图片一般采用相应的处理方法,具有合适的格式。 本课程目标: 使用Photoshop CS制作适合于网页上使用的图片和GIF动画。 （二）数字图像存储方法 1、光栅(位图)图像 (1)特点: 由一个个像素网格点组成,文件中记录每个像素点的显示特征； 图像品质取决于该图像所含有的像素数量，或者说它的分辨率（图像分辨率）；分辨率越高，文件容量越大。 缩放图像会发生边缘变形现象。 一般由数码相机、扫描仪、绘图程序（corel—photo paint）、图像处理程序（Photoshop）生成，常用格式有BMP、GIF、JPEG、TIF等。 一、WEB图形基础 （二）数字图像存储方法 (2)与位图有关的分辨率: 分辨率：单位长度所包含的像素点数量，单位：像素/英寸。 图像分辨率：每英寸图像中所含有的像素点个数, 决定图像品质。 用于屏幕显示：72ppi；用于打印：150ppi；用于印刷=300ppi。 屏幕分辨率：显示器单位长度显示的像素点个数, 决定显示品质。 输出分辨率：打印图像时单位长度产生的油墨点数,决定打印品质。 位分辨率：存储每个像素点颜色信息的二进制位数, 决定图像色彩丰富程度, 又称位深度。有1、8、16、32位。 （二）数字图像存储方法 2、矢量图形 用矢量线段描绘图像,用数学公式记录图像，图像内容以线条和色块为主。图像质量与分辨率无关，放大、缩小不会出现锯齿状边缘变形现象。在任何分辨率下显示或打印都不会损失细节，都能产生规则的清晰线条和边缘。 多用于标志设计、插图设计和工程制图上。一般由Coreldraw、Flash、Autocad、3Dmax、fireworks等生成，常用文件格式有CDR、SWF、DWG、3DS、WMF等。 （三）常用图像文件格式 1、JPEG：静态图像有损压缩格式。可设置压缩比率，压缩比率的高低直接影响图像品质的高低。JPEG格式与其它图像格式相比数据量小、色彩损失少，能真实反映原图片，是网页中广泛使用的图像格式。 2、GIF：可交换图形格式。最多支持8位256色。主要用于保存带有纯色区域或清晰边缘的图像。可保留透明区域，有静态和动态两种方式。与其它格式相比文件小巧，适于网上传输、网页设计等，网上动画一般有GIF动画或FLASH动画。 （三）常用图像文件格式 3、PNG：一种无损压缩格式，PNG-8：类似于8位GIF格式，使用256种颜色，支持透明区域，但不支持动画。PNG-24：支持24位彩色，支持透明区域和杂边颜色，适于保存照片。PNG-32：能支持32位颜色被认为是未来WEB图形的主要格式。 4、PSD：PHOTOSHOP专用文件格式。可以存储图像中所有的图层、通道和辅助线等信息。 5、BMP：Microsoft公司开发的一种Windows系统下的标准图像文件格式。支持RGB、索引颜色、灰度和位图颜色模式，不支持Alpha通道和CMYK颜色模式。 6、TIFF：一种无损压缩格式。多用于桌面排版和图形艺术，可以在多种图像软件之间转换，是应用非常广泛的一种图像格式。 二、Photoshop基本操作 工作界面：菜单栏、选项栏、工具箱、各种面板、图像编辑窗口 Photoshop 层的解释：一幅图片可由多个图层组成 每个图层可以是： 透明的（画布上无任何颜色） 完全不透明（画布有底色） 部分透明（画布上有些部分着色了） 图像的显示效果是各层叠加之后的总体效果。 上层遮盖下层的程度由上层的透明度和混合模式决定 三、Photoshop基本工具（一） （一）选取工具及选区变换 1、几何选取工具 2、自