本科网页设计与制作实例教程978 7 307 10379 5 教学全套课件资源包02 教案第4章 使用Photoshop处理图像.docx

《本科网页设计与制作实例教程978 7 307 10379 5 教学全套课件资源包02 教案第4章 使用Photoshop处理图像.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章使用Photoshop处理图像一、教学目标颜色清新、层次分明的网页会增加网站的浏览量，这就需要设计师们花更多心思去设计网页。本章主要学习图像处理软件Photoshop的基础操作。二、课时分配本项目共5个小节，安排10课时。三、教学重点本章主要介绍了图形图像的一些基本概念和Photoshop的一些基本操作方法，通过本章的学习，同学们对Photoshop的操作有了一个基本的了解，为网页的设计打下了坚实的基础。四、教学难点学习图像处理软件Photoshop的基础操作。五、教学内容4.1图形图像基础知识4.1.1像素和分辨率1.像素像素（Pixel）是由Picture和Element这两个

2、单词所组成的，是用来计算数码影像的一种单位。像素具体是指一个具有单一颜色或亮度的小方点。像素是构成图像的最小单位，是屏幕上可控制的最小区域。2.分辨率分辨率（Resolution）是一个用于表示位图图像内数据量多少的参数。通常用“像素/英寸”或“像素/厘米”表示。代表每英寸或每厘米所包含像素点的数量。4.1.2位图和矢量图1.位图位图（Bitmap）也叫做栅格图像，通常指扩展名为bmp、jpg、gif、png等的图像，它由屏幕上的无数个细微像素点所构成，像素点数目的多少决定着位图的大小，像素点的颜色构成了位图的颜色。对于位图图像，在规定的单位里，像素点的多少就被称做位图的分辨率，因此分辨

3、率是决定文件印刷质量的关键。正常状态的位图图像放大显示后的位图图像2.矢量图矢量图（VectorGraphic）又称为向量图形，是由线条和图块组成的。当用户使用矢量图形软件绘制矢量图形时，并不是像位图图形一样由一个个像素点开始，而是直接将该软件中所提供的一些基本图形对象，如直线、曲线、圆形等进行再组合，所以主要用于表现较简单的图像。正常状态的矢量图放大显示后的矢量图4.1.3图形文件格式Photoshop所支持的文件格式非常多,下面一起来了解一些常见的图形文件格式。（1）PSD格式：PhotoshopDocument（PSD）是Photoshop的专用格式。它里面包含各种图层、通道、遮罩

4、等多种设计的样稿，以便于下次打开文件时可以修改上一次的设计。（2）BMP格式：此格式是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，能够被多种Windows应用程序支持。其特点是包含的图像信息较丰富，几乎不进行压缩，但是占用磁盘空间过大。（3）JPEG格式：JPEG文件的扩展名为.jpg或.jpeg，它用有损压缩方式去除冗余的图像和色彩数据，获得极高的压缩率。（4）GIF格式：此格式是英文GraphicsInterchangeFormat（图形交换格式）的缩写。其特点是压缩比高，磁盘空间占用较少，还可以同时存储由若干幅静止图像形成的连续动画。（5）TIF

5、F格式：TIFF格式是Mac(苹果)电脑中使用最为广泛的图像格式，它由Aldus和微软联合开发。它的特点是图像格式复杂、存储信息多。（6）PNG格式：PNG是一种比较新颖的网络图像格式。它汲取了GIF和JPG的优点，其存储形式丰富，兼有GIF和JPG的特性，唯一不足的是不能够支持动画显示。（7）AI格式：此格式是指通过Illustrator（简称ai)软件存储得到的图片格式，这种格式的图片是矢量的，其图片可以随意放大而不失真，可以在Photoshop中打开和保存。（8）EPS格式：这是用PostScript语言描述的一种ASCII码文件格式，主要用于排版、打印等输出工作。4.1.4常见颜

6、色模式在电脑软件系统中为用户提供了多种颜色模式，主要有RGB（光色）颜色模式、CMYK（4色印刷）颜色模式、Lab（标准色）颜色模式、Bitmap（位图）模式、Grayscale（灰度）模式和Index（索引）模式等。4.2认识Photoshop4.2.1Photoshop的工作界面1.标题栏标题栏位于Photoshop界面的顶端，右侧是3个与Windows窗口作用完全相同的按钮，分别控制Photoshop界面的最小化、还原和关闭。2.菜单栏Photoshop的菜单栏中包含了其所有命令，通过这些命令可以对图像进行各种编辑处理。默认情况下，Photoshop共有11个菜单项，从左到右依次是

7、“文件”“编辑”“图像”“图层”“选择”“滤镜”“分析”“3D”“视图”“窗口”和“帮助”，如下图所示。菜单栏3.工具箱工具箱在默认状态下位于Photoshop的左侧，它包含了50多个绘图工具，部分工具图标的右下角有黑色小三角标记，表示该工具是一个工具组，其中包含多个子工具。将鼠标光标移动到工具箱中的任一工具按钮上时，该按钮将突出显示，停留一段时间后，鼠标光标的右下角会显示该工具的名称，如下图所示。显示名称单击这个按钮即可选择当前工