电商图像处理技术-PhotoshopCC实战 课件 第1、2章 图像处理基础知识、Photoshop CC基本操作

第一章图像处理基础知识本章介绍本章主要介绍了PhotoshopCC的图像处理基础知识，包括位图与矢量图、分辨率、图像的色彩模式、常用文件格式。学习目标掌握在建立文件时分辨率、颜色模式如何设置掌握如何适当的使用不同的文件格式能力目标能区别什么是位图能区别什么是矢量图能在设计图时合适的设置分辨率能在设计图时选择合适的图像色彩模式能在保存文件时选择合适的文件格式1.1位图和矢量图位图，亦称为点阵图像，是由称作像素的单个点组成的。矢量图是用线段和曲线描述的图像，可以是一个点或一条线。【实训一】要求将素材图像1-1的显示比例加大，直到清晰的看到每一个像素为止。目的通过本实训，可以了解什么是像素。图1-1实训一素材图【实训二】要求新建一个10像素×10像素的文件，在文件内填充图案，然后将文件显示比例放大（如图1-2），数一数文件在横向上一排是多少个像素，在纵向上一列是多少个像素。目的通过本实训，可以了解什么是位图。图1-2实训二示例图【实训三】要求在电脑上安装Illustrator软件后，创建一个新文件，在新文件上绘制一个光晕的矢量图形（如图1-3），然后观察矢量图的组成。目的本实训目的是能更深入的了解什么是矢量图。图1-3实训三示例图矢量图与位图的区别体积上清晰度上色彩丰富程度上格式的相互转换上1.2分辨率图像分辨率

屏幕分辨率

输出分辨率指在图像中每单位长度的像素数目，称为图像的分辨率，其单位为像素/英寸或是像素/厘米。【实训四】要求建立两个文件，分别是网页文件、印刷文件。网页文件由于是用于显示的图像，所以分辨率设置为72，印刷文件是通过四色油墨用印刷机印出来，为了使图像获得比较好的效果，其分辨率设置为300。（如图1-4所示）目的通过本实训，掌握如何设置分辨率。图1-4新建的两个文件设置1.3图像的色彩模式PhotoshopCC提供了多种色彩模式，这些色彩模式能使设计图在不同的显示屏或印刷品中呈现出完美的色彩。常用的色彩模式有RGB模式、CMYK模式、位图模式、灰度模式、Lab模式等。这些模式，在新建文件时可以选择，也可以在制作文件后进行转换。图1-5RGB颜色面板图1-6CMYK颜色面板【实训五】要求任意打开一张RGB模式的彩色图像（如图1-7），将其转换为CMYK模式的图像。目的通过本实训，掌握RGB模式的图像与CMYK模式的图像之间是如何相互转换的。另外注意学习打开图片的方法。图1-7实训五素材图【实训六】要求任意打开一张RGB模式的彩色图像（如图1-8），将其转换为位图模式的图像。目的通过本实训，掌握如何将RGB模式的图像转换为位图模式的图像。图1-8实训六素材图1.4常用的文件格式在用PhotoshopCC制作的图像，保存时选择什么样的格式是非常重要的，如果选择不得当，就有可能会导致图像再也不能进行编辑的后果。我们常用的文件格式有： .PSD、.TIFF、.JPEG、.GIF、.PNG、.BMP等。PSD格式PSD和PDD格式是PhotoshopCC自身专用的文件格式，由于其在一些其他的图形处理软件中不能很好的兼容，所以通用性不强。PSD和PDD格式能够将图像中的图层、通道、路径等PhotoshopCC对图像做的一些特殊处理的信息都能保存下来。另外，PhotoshopCC存储的PSD格式要比其他的一些例如TIFF的格式存储的速度要快。TIFF格式TIFF格式对于色彩通道图像来说是最有用的格式，具有很强的可移植性，它可以用于PC、Macintosh以及UNIX工作站3大平台，是这3大平台上使用最广泛的绘图格式。使用TIFF格式存储的图像大小较大，所以在存储时要考虑文件大小的问题。一般在存储一些印刷文件时，这种格式用的较多。JPEG格式JPEG是JointPhotographicExpertsGroup的缩写，中文译为联合摄影专家组。JPEG格式是一种无损压缩格式，这种格式被应用的非常广泛，例如用数码相机拍完的照片，大部分是JPEG格式。在PhotoshopCC中一般不会直接将文件存储为JPEG格式，因为文件存为这种格式后，文件中的图层、通道、路径等信息将会丢失，会导致文件无法编辑，尤其是图层，也就是我们经常说的合层文件。一般是先将文件存为PSD或TIFF分层文件后，再另存为一份JPEG格式，以方便利用。GIF格式GIF是GraphicsInterchangeFormat的缩写，译为中文是图形交换格式。这种格式一般用于网页上的图像，其优点是文件容量较小，可以提高网页加载速度，并且可以保留动画。PNG格式PNG格式是PortableNetworkGraphicFormat的缩写，译为中文为可移植网络图形格式。这种格式一般用于JAVA程序或网页中，其优点是在保证图片清晰的前提下，文件体积小；是一种无损压缩格式；支持透明效果。本章小结本章主要学习了什么是位图、什么是矢量图、什么是图像分辨率、常用的文件格式。通过学习，可以对位图图像的模式、分辨率、文件格式有个基本的了解。拓展实训（1）——给文件存储不同的格式【知识要点】本实训主要用到“储存为”命令。通过此练习，掌握如何存储不同格式的文件。【要求】在PhotoshopCC中打开一张位图图像，然后将图像分别存储为.jpeg、.psd、.tiff的格式。第二章PhotoshopCC基本操作本章介绍本章主要介绍了PhotoshopCC的基本操作，包括PhotoshopCC工作界面、用不同的显示方式查看图像、标尺的使用、参考线的使用与修改、智能参考线等。通过本章知识的学习，以方便以后更好的学习。能力目标能切换不同的屏幕模式能用不同的方法修改图像的显示比例能利用标尺建立参考线能编辑参考线学习目标熟悉photoshopCC的界面组成掌握如何在photoshopCC中用不同的颜色模式来查看图像掌握标尺与参考线如何使用掌握智能参考线的使用方法2.1PhotoshopCC工作界面菜单栏属性栏工具箱面板新建的空白文件图2-1photoshopCC界面【实训一】要求将颜色面板与图层面板（图2-2）进行组合。目的通过本实训,掌握如何将面板组合。图2-2颜色面板和图层面板2.2查看图像在不同屏幕模式下工作标准屏幕模式带有菜单栏的全屏模式全屏模式F修改图像的显示比例使用快捷键：ctrl++放大，ctrl+-缩小按下Alt键滑动鼠标滑轮直接在图像窗口左下角输入比例值打开“导航器面板”（如图2-3），在导航器面板上直接拖动

两个三角也可以或直接在“导航器面板左下角”输入比例值。图2-3导航器面板移动画面当图像的显示比例放大到比图像窗口还要大时，可以使用“抓手工具”（如图2-4）

（工具快捷键H）来移动画面。图2-4抓手工具图标图像窗口显示图2-5平铺窗口图像窗口显示图2-6平铺窗口2.3常用辅助工具标尺、参考线都是在设计图的过程中经常用到的辅助工具，这些辅助工具不能直接去编辑图像，但是能去很好的定位、测量。标尺标尺的显示/隐藏标尺刻度单位的修改标尺上的0点所在位置标尺上0点的修改参考线参考线的建立参考线的显示/隐藏参考线位置的移动【实训二】要求利用参考线将文字素材中的文字分为三栏；文件的尺寸是28.5×21厘米，横向版式；文件整体底色为青色，字为白色，如图2-7所示。目的通过本实训,掌握参考线的一些常用编辑。图2-7实训二效果图智能参考线智能参考线是一种智能化参考线，它仅在需要时出现。开启智能参考线：“视图”→“显示”→“智能参考线”。如图2-31所示，粉颜色的线就是自动出来的智能参考线。本章小结本章主要讲述了PhotoshopCC界面中的菜单栏、属性栏、工具箱、面板等组成区域的介绍及使用方法，以及如何在不同的模式下查看图像，如何修改显示比例，如何利用标尺和参考线来辅助做