平面图像设计基础知识

1、开课系：四川大学工程设计中心开课系：四川大学工程设计中心 （CAD中心）中心）主讲人：刘悦主讲人：刘悦（PHOTOSHOP篇）篇）平面图像处理四川大学CAD中心o讲什么？讲什么？o怎么讲？怎么讲？o怎么学？怎么学？四川大学CAD中心讲什么？讲什么？oPhotoshop CS3的主要工具、命令和功能；的主要工具、命令和功能；常见的平面图像处理方法和技术。常见的平面图像处理方法和技术。o包括：图像和文件的基本操作；制作选区；图包括：图像和文件的基本操作；制作选区；图层；通道；色彩处理；文字；滤镜等。层；通道；色彩处理；文字；滤镜等。四川大学CAD中心怎么讲？怎么讲？o围绕围绕PS的基本操作和主要功

2、能，采用专题的形式展开。的基本操作和主要功能，采用专题的形式展开。在每个专题里，除了介绍相关的概念、命令和操作，在每个专题里，除了介绍相关的概念、命令和操作，还配合了有针对性的实例。让初学者在学习时，能尽还配合了有针对性的实例。让初学者在学习时，能尽快地上手操作。快地上手操作。o内容精炼；对于一般的使用者，内容精炼；对于一般的使用者，PS的部分功能使用率的部分功能使用率较低，因此从较低，因此从PS的全部功能中精选的全部功能中精选70%的内容进行的内容进行讲解。讲解。o讲解直接；在讲解具体工具及命令时，尽量做到生动、讲解直接；在讲解具体工具及命令时，尽量做到生动、直接。直接。o实例配合实例配合

3、其中既有专门针对工具、命令与功能进行其中既有专门针对工具、命令与功能进行练习的实例，也有综合应用的实例。练习的实例，也有综合应用的实例。四川大学CAD中心怎么学？怎么学？o根据自己的应用来定位根据自己的应用来定位PS的学习。的学习。n例如，从事平面设计领域、网页设计领域等例如，从事平面设计领域、网页设计领域等工作的人员应该较为深入全面地学习工作的人员应该较为深入全面地学习PS，但如果从事的是文秘、商业策划等工作，则但如果从事的是文秘、商业策划等工作，则应该重点学习图像处理与修饰方面的软件功应该重点学习图像处理与修饰方面的软件功能与技术，不必全面学习。能与技术，不必全面学习。四川大学CAD中心o

4、如何学习如何学习PSn打下扎实的功底打下扎实的功底认真学习基础知识，熟练操作软件。认真学习基础知识，熟练操作软件。n模仿模仿 模仿的过程就如模仿的过程就如“描红描红”，在这个阶，在这个阶段需要进行大量的练习，通过这些练习不段需要进行大量的练习，通过这些练习不仅能熟练掌握仅能熟练掌握PS的功能及命令的应用方的功能及命令的应用方法，而且还能掌握许多通过练习才能获得法，而且还能掌握许多通过练习才能获得的操作技巧。的操作技巧。四川大学CAD中心n培养培养“感觉感觉” 通过赏析优秀作品，提高审美能力。例通过赏析优秀作品，提高审美能力。例如：如：PS作品；海报与招贴；网页作品；作品；海报与招贴；网页作品；

5、影视片头作品和广告。影视片头作品和广告。n创意并实践创意并实践 有了前面有了前面3个阶段的积累与沉淀，再去个阶段的积累与沉淀，再去进行创意会相对容易一些，但要真正形成进行创意会相对容易一些，但要真正形成自己的风格，还需要锤炼。自己的风格，还需要锤炼。四川大学CAD中心课程介绍课程介绍o学时：学时：32学时学时o教学形式教学形式 课堂授课课堂授课(18学时）学时）+上机实验（上机实验（14学时）学时）o考核考核 平时成绩占总成绩的平时成绩占总成绩的40%， 期末考查占总成绩的期末考查占总成绩的60%；四川大学CAD中心书目书目教材教材:ADOBE PHOTOSHOP CS3基础培训教材基础培训教

6、材 -Adobe专家委员会专家委员会DDC传媒主编传媒主编 人民邮电出版人民邮电出版参考：参考： Photoshop CS3 中文标准教程中文标准教程 科学出版社科学出版社 雷波编著雷波编著Photoshop CS3 选择与抠图高级技法选择与抠图高级技法 中国青年出版社中国青年出版社 锐艺视觉锐艺视觉 Photoshop 图层应用专家技法图层应用专家技法 人民邮电出版社人民邮电出版社 (美）美）Matt Kloskowski四川大学CAD中心网络资源网络资源o设计中国设计中国 http:/ http:/ http:/ ： 2212319 o注明：刘老注明：刘老PS周一周一n周四：周四：1570

7、82666o注明：刘老注明：刘老PS周四周四第一讲第一讲 走进走进Photoshop CS3 四川大学CAD中心oPhotoshop是是Adobe公司开发的强大的图像公司开发的强大的图像处理软件，在图像设计及处理方面得到广泛的处理软件，在图像设计及处理方面得到广泛的应用，是公认最出色的图像处理软件。应用，是公认最出色的图像处理软件。四川大学CAD中心o1990年年2月，月，Photoshop1.0版本发行版本发行 。oPhotoshop 2.0正式版于正式版于1991年年2月发行。月发行。 o3.0版从研发到发行都充满了磨难版从研发到发行都充满了磨难 ，Photoshop3.0(包括它包括它5

8、个升级的个升级的版本版本)仍是一个成功的产品。仍是一个成功的产品。 o在在4.0版仍未发行时，版仍未发行时，5.0版已提上日程版已提上日程 ，1998年年5月月Photoshop 5.5正式发行正式发行 。o2000年年9月，月，Photoshop 6.0发布发布，经过改进，经过改进，Photoshop与与其他其他Adobe工具交换更为流畅，此外工具交换更为流畅，此外Photoshop 6.0引进了引进了“形状形状(Shape)”这一新特性这一新特性 。四川大学CAD中心o到到20世纪世纪90年代末，数码相机大行其道，年代末，数码相机大行其道，Photoshop 7.0版适时的增加了版适时的增

9、加了Healing Brush等等图片修改工具，还有一些基本的数码相机功能如图片修改工具，还有一些基本的数码相机功能如EXIF数数据，文件浏览器等。据，文件浏览器等。 o2003年年9月，月，Adobe再次给再次给Photoshop用户带来惊用户带来惊喜，新版本喜，新版本Photoshop不再延续原来的叫法称之为不再延续原来的叫法称之为Photoshop 8.0，而改称为，而改称为Photoshop Creative Suite，即，即Photoshop CS，它与，它与Adobe其他其他的系列的系列产品组合成一个创作套装软件，与兄弟产品的融汇更加产品组合成一个创作套装软件，与兄弟产品的融汇更

10、加协调通畅。协调通畅。o2005年年4月，月，Photoshop CS2发布。发布。CS2是对数字是对数字图形编辑和创作专业工业标准的一次重要更新。图形编辑和创作专业工业标准的一次重要更新。o2007年年3月，月，photoshop CS3新增了几十个功能，新增了几十个功能，诸如支持诸如支持20多个窗口停靠，比旧版占有更少面积的工具多个窗口停靠，比旧版占有更少面积的工具栏，灵活的黑白转换，更易调节的边缘选择工具，智能栏，灵活的黑白转换，更易调节的边缘选择工具，智能滤镜等。另外，从滤镜等。另外，从CS3首次分为两个版本，分别是标准首次分为两个版本，分别是标准版和支持版和支持3D的的Extende

11、d（扩展）版。（扩展）版。四川大学CAD中心o2008年年9月，月，Adobe公司宣布推出业界的里程公司宣布推出业界的里程碑产品碑产品photoshop CS4，CS4让用户能够让用户能够在多种版本和独立产品之间进行自由选择，并可在多种版本和独立产品之间进行自由选择，并可为任意设计规范的尖端工作流提供全面支持。为任意设计规范的尖端工作流提供全面支持。o 2010年，年， Adobe 发布发布photoshop CS5。 在在CS5中值得注意的新增功能之一，可以轻松选中值得注意的新增功能之一，可以轻松选择毛发等细微的图像元素，消除选区边缘周围的择毛发等细微的图像元素，消除选区边缘周围的背景色，可

12、以帮助后期修图呈现更自然的图片表背景色，可以帮助后期修图呈现更自然的图片表现。现。四川大学CAD中心二、认识二、认识PS的工作界面的工作界面o认识工作界面是熟练掌握软件操作的必经阶段，对于提认识工作界面是熟练掌握软件操作的必经阶段，对于提高操作速度有重要的意义。高操作速度有重要的意义。o组成组成n菜单命令菜单命令n工具选项栏工具选项栏n工具箱工具箱n调板调板n操作窗口操作窗口四川大学CAD中心调板命令菜单显示状态调板命令菜单显示状态四川大学CAD中心三、三、Photoshop的重点应用的重点应用o图像合成图像合成nPS在图像制作中最吸引人的应用。在图像制作中最吸引人的应用。o 修复照片修复照片

13、 PS具有强大的图像修饰功能，利用这些功能对有缺陷的作品具有强大的图像修饰功能，利用这些功能对有缺陷的作品进行修复和美化。进行修复和美化。 举例：消除斑点、减轻雀斑等举例：消除斑点、减轻雀斑等o调整色调调整色调 校正图像色彩的明暗度，改变图像的颜色，还可以处理曝光校正图像色彩的明暗度，改变图像的颜色，还可以处理曝光照片，增加照片的对比度，为黑白图像上色。照片，增加照片的对比度，为黑白图像上色。o平面设计平面设计 海报设计、包装设计、商业广告设计等海报设计、包装设计、商业广告设计等 PS更多的应用：广告摄影、艺术文字、网页制作、建筑效更多的应用：广告摄影、艺术文字、网页制作、建筑效果图后期修饰果

14、图后期修饰 、绘画、图标制作、界面设计等、绘画、图标制作、界面设计等四川大学CAD中心四、重要概念简单理解四、重要概念简单理解o选区与抠图选区与抠图用于确定操作的有效区域。用于确定操作的有效区域。图层图层“烛光晚餐烛光晚餐” 去色去色 四川大学CAD中心o图层图层n图层是图层是PS的核心功能，几乎所有的操作都围绕着图层的核心功能，几乎所有的操作都围绕着图层来进行。来进行。PS采用基于采用基于“图层图层”的工作模式。的工作模式。n图层源于传统绘画，类似于制图时使用的透明纸；图层源于传统绘画，类似于制图时使用的透明纸；n与透明纸的使用原理一样，在与透明纸的使用原理一样，在PS中使用图层，可以按中使

15、用图层，可以按分层的方式将图像的各个部分分别绘制在不同的图层分层的方式将图像的各个部分分别绘制在不同的图层上；每个图层既独立又相互关联，既可以单独编辑修上；每个图层既独立又相互关联，既可以单独编辑修改，又可以相互叠加形成不同效果。改，又可以相互叠加形成不同效果。n特性特性透明性透明性独立可操作性独立可操作性合成合成四川大学CAD中心用图层合成多幅图像用图层合成多幅图像利用利用“图层蒙版图层蒙版”制作电影海报制作电影海报四川大学CAD中心o通道通道 存储图像颜色信息存储图像颜色信息 可以创建自定义的可以创建自定义的Alpha通道通道,用于制用于制作使用其他工具无法得到的选区。作使用其他工具无法得

16、到的选区。利用通道选择利用通道选择“火焰火焰”四川大学CAD中心五、图像处理的准备知识五、图像处理的准备知识一、图像格式一、图像格式n位图图像位图图像o由像素点组合而成的；由像素点组合而成的；o具有色彩丰富、过渡自然的图像效果；具有色彩丰富、过渡自然的图像效果；o在保存位图时，计算机需要记录每个像素点的位置在保存位图时，计算机需要记录每个像素点的位置和颜色，所以图像像素点越多，图像越清晰，文件和颜色，所以图像像素点越多，图像越清晰，文件就越大。就越大。o但是位图的缺点也很明显，但是位图的缺点也很明显，n一是体积一般较大；一是体积一般较大；n二是放大图形并不能增加图形的点数，因此就可二是放大图形

17、并不能增加图形的点数，因此就可以看到明显的锯齿和颗粒，质量不容易得到保证。以看到明显的锯齿和颗粒，质量不容易得到保证。 四川大学CAD中心o常用的位图软件常用的位图软件PhotoshopCool3DPainterFireworko一般来说，我们能直接通过照相、扫描、一般来说，我们能直接通过照相、扫描、摄像得到图形都是位图图像。摄像得到图形都是位图图像。四川大学CAD中心n矢量图形矢量图形o由一系列数学公式表达的线条所构成的图形；由一系列数学公式表达的线条所构成的图形；o图形的线条非常光滑、流畅，放大图形时，其线条图形的线条非常光滑、流畅，放大图形时，其线条依然可以保持良好的光滑性及比例相似性，

18、图形整依然可以保持良好的光滑性及比例相似性，图形整体不变形；体不变形；o矢量图形文件所占空间较小。矢量图形文件所占空间较小。o工程设计图、图表、插图经常以矢量图形曲线来表工程设计图、图表、插图经常以矢量图形曲线来表示。示。o常用的矢量绘图软件常用的矢量绘图软件AutoCADIllustratorCorelDrawFreehand四川大学CAD中心o归纳起来就是：归纳起来就是：位图位图像素像素图像图像矢量图矢量图数学公式数学公式图形图形由此我们知道了：图形和图像是两回事。由此我们知道了：图形和图像是两回事。简单地说，图像是我们看到的自然景物的直接简单地说，图像是我们看到的自然景物的直接反映，比如

19、照片、摄像的画面等等。反映，比如照片、摄像的画面等等。而图形是我们按照自己的理解表述出来的形状，而图形是我们按照自己的理解表述出来的形状，比如一条线、一个圆、一个卡通人物等等。比如一条线、一个圆、一个卡通人物等等。四川大学CAD中心二、图像的分辨率二、图像的分辨率n分辨率是指位图图像中的细节精细度，测量的单位是像素分辨率是指位图图像中的细节精细度，测量的单位是像素/英寸英寸 (ppi)。每英寸的像素越多，分辨率越高。一般来说，图像的分。每英寸的像素越多，分辨率越高。一般来说，图像的分辨率越高，得到的印刷图像的质量就越好。辨率越高，得到的印刷图像的质量就越好。 n分辨率的常规分辨率的常规 实际上

20、，图像分辨率的设定是很规矩的，通常：实际上，图像分辨率的设定是很规矩的，通常：铜版纸：铜版纸：300 ppi 胶板纸：胶板纸：200 ppi 新闻纸：新闻纸： 150 ppi 大幅面喷绘：以大幅面喷绘：以90cm*120cm展板为例，展板为例，100 ppi 。计算机屏幕显示：计算机屏幕显示：72 ppi注意：一般不能在以后重新更改分辨率，因为那样会严重影响图像的注意：一般不能在以后重新更改分辨率，因为那样会严重影响图像的质量。质量。四川大学CAD中心 o当我们用当我们用Photoshop制作或处理好一幅图像后，制作或处理好一幅图像后，就要进行存储。这时，选择一种合适的文件格式就要进行存储。这

21、时，选择一种合适的文件格式就显得十分重要。就显得十分重要。o在面对不同的工作任务选择不同的文件格式是非常重要的。在面对不同的工作任务选择不同的文件格式是非常重要的。如果图像格式不合适，相应的效果会大打择扣如果图像格式不合适，相应的效果会大打择扣。在。在Photoshop cs3中所支持的格式有中所支持的格式有20多种。多种。四川大学CAD中心 oPSD、PDD格式格式 这两种文件格式是这两种文件格式是Photoshop 专用的图形文件格专用的图形文件格式，它有其它文件格式所不能包括的关于式，它有其它文件格式所不能包括的关于图层、通道及图层、通道及一些专用信息一些专用信息，这在我们处理，这在我们

22、处理Photoshop图片时，是图片时，是必不可少的东西；必不可少的东西； 另外，在打开存放这两种文件时，另外，在打开存放这两种文件时，Photoshop 能表能表现出较快的速度，同时，这两种图形格式对图像的质量现出较快的速度，同时，这两种图形格式对图像的质量没有丝毫损伤，因此，我们在没有丝毫损伤，因此，我们在Photoshop是处理图片是处理图片时，如果工作没有完成，都应该保存成时，如果工作没有完成，都应该保存成PSD或者或者PDD格式，也这是格式，也这是Photoshop的默认保存格式。的默认保存格式。 但是，这种文件格式有一些缺点，即所占的空间但是，这种文件格式有一些缺点，即所占的空间相

23、当大和别的许多软件不通用等。我们在保存最终作品相当大和别的许多软件不通用等。我们在保存最终作品时，如果没有必要时，最好不要用时，如果没有必要时，最好不要用PSD、PDD文件格文件格式。式。四川大学CAD中心o 其它的跨平台的常用图形文件格式。其它的跨平台的常用图形文件格式。 1、BMP格式格式 BMP 英文全称是英文全称是Windows Bitmap ，它是最，它是最普遍的点阵图格式，是微软普遍的点阵图格式，是微软windows的画笔程序固有的画笔程序固有格式。因为是微软的东西，因此，它被多种软件所支持，格式。因为是微软的东西，因此，它被多种软件所支持，也可以在也可以在PC和苹果机上通用。颜色

24、多达和苹果机上通用。颜色多达16位真彩，质位真彩，质量上没有损失，但它的体积比较大。量上没有损失，但它的体积比较大。 四川大学CAD中心 2、GIF格式格式 GIF 英文全称是英文全称是Graphics Interchange Format，即图形交换格式，这种格式是一种小型化的，即图形交换格式，这种格式是一种小型化的文件格式，它只用最多文件格式，它只用最多256色，因此将原色，因此将原24位图像优化位图像优化为为8位的位的GIF文件时会导致丢失颜色信息。文件时会导致丢失颜色信息。 GIF文件格式最大的特点是能够创建具有动画效果文件格式最大的特点是能够创建具有动画效果的图像，由的图像，由Ima

25、geReady制作的动画必须保存为制作的动画必须保存为GIF文件格式。此外，文件格式。此外，GIF文件格式文件格式支持背景透明支持背景透明，如果需，如果需要在设置网页时使用图像最好与背景融合，则需要将图要在设置网页时使用图像最好与背景融合，则需要将图像保存为像保存为GIF文件格式。文件格式。四川大学CAD中心 3、JPG格式格式 JPG(JPEG) 是互联网上最为常用的图像格式之一，是互联网上最为常用的图像格式之一，这是一种压缩图形贮存方式。这是一种压缩图形贮存方式。 JPEG格式的最大优点是能大幅度地降低文件容量，格式的最大优点是能大幅度地降低文件容量，但由于降低文件容量是通过有选择地删除图像数据来进但由于降低文件容量是通过有选择地删除图像数据来进行的，因此图像质量有一定地损失。行的，因此图像质量有一定地损失。 由于它可以把图片压缩得很小，中等压缩比大约是由于它可以把图片压缩得很小，中等压缩比大约是原原PSD格式文件的格式文件的1/20。一般一幅分辩率为。一般一幅分辩率为300dpi的的5英寸图片，用英寸图片，用TIF贮存要用近贮存要用近10兆左右的空间，而兆左右的空间，而JPG只需要一