四川大学课件-photoshop篇.ppt

开课系：四川大学工程设计中心 （ CAD中心） 主讲人：刘悦 （ PHOTOSHOP篇） 平面图像设计 四川大学 CAD中心 课程介绍 学时： 32学时 教学内容： 1. 平面图像处理的基础知识 ; 2. 工具箱工具的使用 (自学 ); 3. 选择与抠图 4. 图层 ; 5. 通道和路径； 6. 色彩艺术 (调整颜色和色调 ); 7. 数码照片处理技法 ; 8. 滤镜效果 ; 四川大学 CAD中心 教学介绍 课程目标 熟练操作 Photoshop软件； 创建精确的选区，为图像处理做准备； 理解 PS中图层的含，并且能熟练灵活地使用图层合成图像。 掌握 PS的色彩调整功能，做图像修饰美化处理。 了解 PS的通道、路径、滤镜等功能。 四川大学 CAD中心 教学形式 课堂授课 +上机实验 考核 平时练习占总成绩的 20%， 期末考查占 总成绩的 80%； 四川大学 CAD中心 实验 江安校区 上机时间：第 4、 6、 8、 11、 12周 地点： 208机房 望江校区 上机时间：第 4、 7、 10、 13、 14周 地点： CAD中心机房 四川大学 CAD中心 推荐书目 Photoshop CS3 中文标准教程 科学出版社 雷波编著 Photoshop CS3 选择与抠图高级技法 中国青年出版社 锐艺视觉 Photoshop 图层应用专家技法 人民邮电出版社 (美） Matt Kloskowski Photoshop CS2数码照片专业处理技法 人民邮电出版社 (美 ) Scott Kelby 四川大学 CAD中心 网络资源 设计中国 http:/ 第一讲 平面图像处理基础 四川大学 CAD中心 联系方式 Email： liu_ Tel： 13908063631 CAD中心主页 : http:/ 平面图像设计 (刘悦老师 ) QQ： scucad2009 四川大学 CAD中心 Photoshop是 Adobe公司开发的强大的图像 处理软件，在图像设计及处理方面得到广泛的 应用，是公认最出色的图像处理软件。 四川大学 CAD中心 1990年 2月， Photoshop1.0版本发行 。 1997年发布的 Photoshop5.0增加一个重要的 History Palette(历 史面板 )功能，这是一个实现多重撤消操作的完美方法，其中的非线性历 史操作可以说令人耳目一新，毫无疑问，这也一个重大的升级。 1998年 5月 Photoshop 5.5正式发行。时隔一年， Photoshop 5.5 发布，此次升级，就 Photoshop本身而言，并没有什么特别升级，主要 是增加了支持 Web功能，以及将 Image Ready 2.0捆绑 到 ,Photoshop中一起销售，以此填补 Photoshop在 web功能上欠缺。 Photoshop 5.5一经推出即取得了巨大成功。 到 20世纪 90年代末，数码相机大行其道。 2002年 3月 Photoshop 7.0版适时的增加了 修复画笔 （ Healing Brush）等图片修改工具，还 有一些基本的数码相机功能如 EXIF数据，文件浏览器等。 2003年 9月， Adobe再次给 Photoshop用户带来惊喜，新版本 Photoshop不再延续原来的叫法称之为 Photoshop 8.0，而改称为 Photoshop Creative Suite，即 Photoshop CS，它与 Adobe其他 的系列产品组合成一个创作套装软件，与兄弟产品的融汇更加协调通畅。 一、 Photoshop的发展 四川大学 CAD中心 2007年 ， Photoshop CS3 发布， Photoshop CS3具有几十个激 动人心的全新特性，而且 Photoshop从 CS3首次分为两个版本，分别 是标准版和支持 3D功能的 Extended(扩展 )版。 2008年 9月 23日， Adobe 公司宣布推出业界的里程碑产品 Adobe Creative Suite 4产品家族。 四川大学 CAD中心 二、 Photoshop CS3工作界面 标题栏 菜单栏 工具箱 工具选项栏 文件操作窗口 调板 状态栏 四川大学 CAD中心 四川大学 CAD中心 三、 Photoshop的重点应用 平面设计 海报招贴设计、 POP设计、标志设计、户外广告设 计、产品包装设计、 UI设计、网页设计等。 平面设计构成要素 图形要素：图形是平面设计的主要构成要素，它能 够形象地表现主题和创意。 色彩要素：色彩是平面作品中的重要视觉因素。 文字要素：文字是平面广告的眼睛，具有引起注意、 说明对象的作用。 四川大学 CAD中心 修复照片 PS具有强大的图像修饰功能，利用这些功能 对有缺陷的作品进行修复和美化。 举例：消除斑点、消除皱纹、消除红眼、柔和 皮肤、减轻雀斑。 四川大学 CAD中心 调整色调 校正图像色彩的明暗度，改变图像的颜 色，还可以处理曝光照片，增加照片的对比 度，为黑白图像上色。 四川大学 CAD中心 影像创意（图像合成） PS更多的应用：广告摄影、艺术文字、网页制作、 建筑效果图后期修饰 、绘画、图标制作、界面 设计等 四川大学 CAD中心 四、图像处理基础知识 一 、格式 图形图像两兄弟 位图图像 由像素点组合而成的；具有色彩丰富、 过渡自然的图像效果；在保存位图时， 计算机需要记录每个像素点的位置和颜 色，所以图像像素点越多（分辨率高）， 图像越清晰，文件就越大。 一般来说 ， 我们能直接通过照相 、 扫描 、 摄像得到图形都是位图图像 。 四川大学 CAD中心 但是位图的缺点也很明显，一是体积一般 较大，二是放大图形并不能增加图形的点 数，因此就可以看到其不光滑的边缘和明 显的颗粒，质量不容易得到保证。 常用的位图软件 Photoshop Cool3D Painter Firework 四川大学 CAD中心 矢量图形 由一系列数学公式表达的线条所构成的图形；图 形的线条非常光滑、流畅，放大图形时，其线条 依然可以保持良好的光滑性及比例相似性，图形 整体不变形；矢量图形文件所占空间较小。 工程设计图、图表、插图经常以矢量图形曲线来 表示。 常用的矢量绘图软件 AutoCAD CorelDraw Illustrator Freehand 四川大学 CAD中心 归纳起来就是： 位图 像素 图像 矢量图 数学公式 图形 由此我们知道了：图形和图像是两回事。 简单地说，图像是我们看到的自然景物的直接 反映，比如照片、摄像的画面等等。 而图形是我们按照自己的理解表述出来的形状， 比如一条线、一个圆、一个卡通人物等等。 四川大学 CAD中心 二、图像的分辨率 分辨率是指位图图像中的细节精细度，测量的单位是像素 /英寸 (ppi)。每英寸的像素越多，分辨率越高。一般来说，图像的分 辨率越高，得到的印刷图像的质量就越好。 分辨率的常规 实际上，图像分辨率的设定是很规矩的，通常： 铜版纸： 300 Pixels/inch 胶板纸： 200 Pixels/inch 新闻纸： 150 Pixels/inch 大幅面喷绘：以 90cm*120cm展板为例， 100Pixels/inch 足矣。 计算机屏幕显示： 72 Pixels/inch 注意：一般不能在以后重新更改分辨率，因为那样会严重影响图像的 质量。 四川大学 CAD中心 当我们用 Photoshop制作或处理好一幅图像后， 就要进行存储。这时，选择一种合适的文件格式 就显得十分重要。 在面对不同的工作任务选择不同的文件格式是非常重要 的。 如果图像格式不合适，相应的效果会大打择扣 。在 Photoshop cs3中所支持的格式有 20多种。 五、图像的文件格式 四川大学 CAD中心 PSD、 PDD格式 这两种文件格式是 Photoshop 专用的图形文件 格式，它有其它文件格式所不能包括的关于 图层、通道 及一些专用信息 ，这在我们处理 Photoshop图片时， 是必不可少的东西； 另外，在打开存放这两种文件时， Photoshop 能表 现出较快的速度，同时，这两种图形格式对图像的质量 没有丝毫损伤，因此，我们在 Photoshop是处理图片 时，如果工作没有完成，都应该保存成 PSD或者 PDD 格式，也这是 Photoshop的默认保存格式。 但是，这种文件格式有一些缺点，即所占的空间相 当大和别的许多软件不通用等。我们在保存最终作品时， 如果没有必要时，最好不要用 PSD、 PDD文件格式。 四川大学 CAD中心 其它的跨平台的常用图形文件格式。 1、 BMP格式 BMP 英文全称是 Windows Bitmap ，它是最 普遍的点阵图格式，是微软 windows的画笔程序固有 格式。因为是微软的东西，因此，它被多种软件所支持， 也可以在 PC和苹果机上通用。颜色多达 16位真彩，质 量上没有损失，但它的体积比较大。 四川大学 CAD中心 2、 GIF格式 GIF 英文全称是 Graphics Interchange Format，即图形交换格式，这种格式是一种小型化的 文件格式，它只用最多 256色，因此将原 24位图像优化 为 8位的 GIF文件时会导致丢失颜色信息。 GIF文件格式最大的特点是能够创建具有动画效果 的图像，由 ImageReady制作的动画必须保存为 GIF 文件格式。此外， GIF文件格式 支持背景透明 ，如果需 要在设置网页时使用图像最好与背景融合，则需要将图 像保存为 GIF文件格式。 四川大学 CAD中心 3、 JPG格式 JPG(JPEG) 是互联网上最为常用的图像格式之一， 这是一种压缩图形贮存方式。 JPEG格式的最大优点是能大幅度地降低文件容量， 但由于降低文件容量是通过有选择地删除图像数据来进 行的，因此图像质量有一定地损失。 由于它可以把图片压缩得很小，中等压缩比大约是 原 PSD格式文件的 1/20。一般一幅分辩率为 300dpi 的 5英寸图片，用 TIF贮存要用近 10兆左右的空间，而 JPG只需要一百 KB左右就可以了。 四川大学 CAD中心 4、 TIFF格式 TIFF 英文全称是 Tag image File Format， 标签图像格式。这是一种最佳质量的图形贮存方式， 它可贮存多达 24个通道的信息，它是除 Photoshop 自身格式外唯一能存储多于四个通道的文件格式。它 所包含的有关的图形信息最全，而且几乎所有的专业 图形软件都支持这种格式，是不同媒体间交换数据时 最佳的可选择格式之一。 这种格式的文件通常被用来在 Mac平台和 PC之间 转换。也用在 3DS与 Photoshop之间进行转换。这 是我们平面设计专业领域用得最多的一种贮存图形的 格式。 四川大学 CAD中心 5、其它格式 AI格式， Adobe公司的 Illustrator绘图软件的 格式。 PDF格式，是 Adobe公司所研发出来的一种非 常有弹性的跨平台跨应用程序的文件格式，使用 PDF 文件能够精确地显示并保留文字、页面版面及矢量和 位图图形。 Filmstrip格式，这是 Adobe公司的 Premiere 动画软件的一种输出文件格式，可以在 Photoshop 上得到支持。 PNG格式，一种较新的网络交换格式，类似于 GIF，适用于制作网页图像，支持较多的网络特性。 四川大学 CAD中心 六、颜色与颜色模式 颜色的三属性 色相 (Hue)：色彩的颜色。指红、橙、黄、绿、 青、蓝、紫等色彩，而黑、白以及各种灰色是属 于无色系的。 亮度（ brightness):指色彩的明暗程度。 饱和度 (saturation)：指色彩的纯度，即颜色 呈现的完整程度。饱和度为零，看不到色彩，饱 和度为 100%，该色彩最浓。 四川大学 CAD中心 颜色模式 RGB颜色模式 ：基于显示器原理形成的色彩模式 , 是 Photoshop 默认使用的颜色模式，在该模式中， 所有的颜色由红，绿和蓝 3种颜色的不同颜色值组 合而成，由于每一种色彩都有 256个亮度水平级， 即从 0 255，所以它们可以表达的色彩就是 256*256*256=16， 777， 216种。 四川大学 CAD中心 四川大学 CAD中心 CMYK颜色模式 ：这是一种基于印刷的色彩模式， 即减色模式。由分色印刷时所使用的纯青色 C，洋红 M，黄色 Y，黑色 K四种颜色组成。 CMYK模式中每一种色彩都有 0% 100%的 浓淡变化，但由于黑色仅仅是为了 印刷原理 才加进的， 因此它能表达出来的色彩是 100*100*100=1， 000， 000种，并且由于油墨等的限制，它能表达 的颜色比 RGB模式少得多。 四川大学 CAD中心 四川大学 CAD中心 虽然在理论上 C、 M、 Y三种颜色等量混合应该产生黑 色，但由于所有打印油墨都会包含一些杂质，因此这 三种油墨混合实际上产生了一种土灰色，因此必须与 黑色（ K）油墨混合才能产生真正的黑色，四色印刷也 真正由此而得名。 四川大学 CAD中心 灰度模式 由 256种灰度颜色组成的 8位图像，灰度图像的每个 像素都可以具有 0 255之间的任意一个亮度值。灰 度模式与色相、饱和度都无关，仅仅与亮度有关。在 黑白印刷上，灰度模式就能显示自己的优势了。 位图模式： 也称之为黑白彩色模式，这是一种只有黑 白两种颜色的 1位的一种色彩模式，这种模式可以将 图像表达为两种纯色，通常是黑色和白色，没有饱和 度和亮度等参数，也就是没有浓淡的层次变化，要表 达层次只有通过网点或者色块来模拟。 四川大学 CAD中心 *Lab颜色模式 ：这是一种不基于任何显示或者输出设备的原理 而制定的一种色彩模式。它所依赖的只是一种色彩理论，是由国 际照明委员会于 1976年公布的一种模式。其中 L代表亮度， A 和 B是颜色通道。 A代表从深绿（低亮度值）到灰（中亮度值）， 再到亮粉红色（高亮度值）； B代表从深蓝色（低亮度值）到灰 （中亮度值），再到焦黄色（高亮度值）。据说，这三种通道合 成将显示出目前所有色彩模式中最多的色彩 ; 注意 :它是 Photoshop在不同颜色模式之间转换时使用的内部 模式。 四川大学 CAD中心 * HSB模式 不基于任何显示方式和输出设备的原理，但却是一种非常 有用的模式，是我们的平面设计中最常用到的选择色彩的方式。 在这种模式中， H代表色度，即你可以选择的色彩， S代表饱和 度，即你选中色彩的浓和淡， B代表亮度，即你选定色彩的明 显程度。 四川大学 CAD中心 索引颜色模式 (Indexed Color) 最多只有 256种颜色。“索引颜色模式”多用 于网络，在网络中，我们最常用的的 GIF文件， 就是基于“索引颜色模式” 的。 在 Photoshop中每一种颜色模式都有不 同的优点和用途，根据作图的需要应该选择适 当的颜色模式，这样既保证了质量又达到了理 想的效果。 四川大学 CAD中心 Photoshop的工作环境 定制和优化 Photoshop工作环境 工具箱 文件的基本操作 图像及画布的大小 图像的浏览 四川大学 CAD中心 图像浏览 放大 /缩小命令 满画布命令 双击 “ 抓手 ” 工具图标。 实际像素 双击 “ 放大镜 ” 工具图标。 四川大学 CAD中心 七、重要概念简单理解 选区 用于确定操作的有效区域。 图层 独立可操作性 透明性 合成