《Photoshop项目案例实战入门（微课视频版）》教学大纲第1章 Photoshop概述

第1章Photoshop概述图像基础知识Photoshop的应用领域认识Photoshop认识图形图像基础知识，分辨位图与矢量图，学习各种颜色模式的特点认识Photoshop工作界面，熟悉其基本操作认识Photoshop的应用领域1.1图像基础知识1.1.1位图与矢量图1.1.2色彩模式1.1.3文件格式1.1.4分辨率1.1.5通道1.1图像基础知识1.1.1位图与矢量图位图也称点阵图或像素图，将位图放大到一定程度会发现紧密排列的小方格，这些方格即为像素点，像素是位图的最小组成单位。同样尺寸的位图，像素越多图像越清晰，颜色之间的混合也越平滑。位图图像表现力强、图像细腻、层次多，可以表现十分绚丽的色彩效果。由于位图是由可编辑的众多像素点组成，所以对图像进行放大、缩小或拉伸时，会使位图失真。位图

1.1图像基础知识1.1.1位图与矢量图矢量图又叫向量图，是由一系列的计算机指令来描述和记录的一张图，它所记录的是形状、线条和色彩。其最重要的优点是放大不失真，因此广泛应用于标志设计、图案设计、插画设计等。其缺点是难以表现色彩丰富、层次清晰的图像效果。矢量图1.1图像基础知识1.1.2色彩模式图像根据其呈现的颜色样式分为多种色彩模式，常见的为RGB模式、CMYK模式、灰度模式、位图模式和索引模式。这是Photoshop最常用的颜色模式，也称之为真彩色颜色模式，在RGB模式下显示的图像质量最高。因此成为了Photoshop的默认模式，并且Photoshop中的许多效果都需在RGB模式下才可以生效。RGB颜色模式主要是由R（红）、G（绿）、B（蓝）3种基本色相加进行配色，并组成了红、绿、蓝3种颜色通道。在打印图像时，不能打印RGB模式的图像，这时需要将RGB模式下的图像更改为CMYK模式。RGB模式1.1图像基础知识1.1.2色彩模式这也是常用的颜色模式，主要是运用于印刷品的颜色模式，CMYK模式主要是由C（青）、M（洋红）、Y（黄）、K（黑）4种颜色混合而配色的。CMYK模式灰度模式下的图像只有灰度，而没有其他颜色。每个像素都是以8位或16位颜色表示，如果将彩色图像转换成灰度模式后，所有的颜色将被不同的灰度所代替。灰度模式1.1图像基础知识1.1.2色彩模式位图模式是用黑色和白色来表现图像的，不包含灰度和其他颜色，因此它也被称为黑白图像。如果需要将一幅图像转换成位图模式，应首先将其转换成灰度模式。位图模式位图模式主要用于多媒体的动画以及网页上，当彩色图像转换为索引模式，图像的颜色包含256种，它主要是通过一个颜色表存放其所有的颜色，如果使用者在查找一个颜色时，这颜色表里面没有，那么程序会自动为其选出一个接近的颜色或者是模拟此颜色。索引模式1.1图像基础知识1.1.3文件格式在Photoshop中，文件可以保存为多种格式，其中常用的格式有PSD、JPEG、PNG、GIF、TIFF等，根据文件的用途可以将其保存为不同的格式。分类特征PSD格式这是Photoshop中的源文件格式，这种格式能够保存图层、通道、路径、辅助线、蒙版、未栅格化的文字、图层样式等信息，因此可以再次对每个图层进行编辑。

JPEG格式这种格式不保存图层、路径等信息，是合层文件，并且是一种有损压缩的文件格式，因此文件占用空间小，广泛运用于需要网络加载的领域，如网页中的banner（横幅广告）、图片等。PNG格式PNG格式是一种专门为WEB开发的网页格式，可以保存透底背景图。GIF格式这种格式普遍运用于保存动画，而且占用内存较小，适用于网页等网络载体上的图片格式。TIFF格式这也是无损压缩格式，用Photoshop编辑的TIFF文件可以保存路径和图层。1.1图像基础知识1.1.4分辨率分辨率有多种单位和定义，在图像领域，分辨率是衡量图片质量的一个重要指标，同样长宽大小的图片，分辨率越高的图片越清晰，所占内存也越大。针对不同的载体，分辨率的要求也不同，多媒体屏幕显示图像分辨率为72像素/英寸，一般印刷品分辨率为300像素/英寸，高档画册分辨率要求350像素/英寸以上。1.1图像基础知识1.1.5通道每个Photoshop图像都有一个或多个通道，每个通道中都存储了关于图像的颜色信息。图像中默认的通道数取决于图像的颜色模式。位图、灰度、索引颜色模式默认的状态下只有一种通道，RGB颜色模式有红、绿、蓝三条颜色通道，CMYK颜色模式默认的通道有四条。除了默认通道外，还可以为图像添加Alpha通道，后期将学到使用Alpha通道抠图。1.2Photoshop的应用领域1.2.1平面设计Photoshop是一款功能十分强大的图像编辑软件，其应用领域十分广泛，包括平面设计、网页设计、界面设计、图像处理、文字设计、插画设计、视觉创意设计等。使用Photoshop可以进行平面设计，比如海报、包装、招贴等平面物料，都可以使用Photoshop制作，在创建画布时，将分辨率设置为300像素/英寸即可。1.2Photoshop的应用领域1.2.2网页设计互联网已深入到人们的日常生活，公司的一个重要宣传方式就是官方网页。使用Photoshop可以设计出精美的网页页面，然后利用标注和切图工具可以将设计图进行标注和切图，进而交付前端工程师进行代码实现。1.2Photoshop的应用领域1.2.3界面设计智能手机的普及使得各类APP如雨后春笋般出现，使用Photoshop可以进行界面设计，利用标注和切图工具可以快速地将设计图进行标注和切图，然后交付程序员进行开发。1.2Photoshop的应用领域1.2.4图像处理Photoshop最基础的作用是图像处理，用手机或相机拍摄的照片存在光线、色彩不足时，可以使用Photoshop的滤镜进行调整。另外，软件具有强大的图像修饰功能，使用这些功能可以对图像中的瑕疵、斑点进行修复。1.2Photoshop的应用领域1.2.5文字设计在设计海报、包装等项目时，常常需要进行字体设计，从而使文字更加适合项目调性，增加画面的美观度，也可以规避字体侵权的危险，使用Photoshop可以进行字体设计。1.2Photoshop的应用领域1.2.6插画设计近年来，插画在设计领域的运用越来越广泛。在Photoshop中，使用钢笔工具和画笔工具可以绘制插画，不仅可以塑造卡通形象，也可以描绘精美的场景，并将场景运用到广告宣传中。1.2Photoshop的应用领域1.2.7视觉创意设计Photoshop的图像处理功能十分强大，利用该软件可以进行画面合成，从而设计出具有创意的画面。1.3认识Photoshop1.3.1Photoshop的工作界面Photoshop的工作界面由菜单栏、工具栏、工具属性栏、控制面板和文档窗口组成。1.3认识Photoshop1.3.1Photoshop的工作界面①

菜单栏在Photoshop的菜单栏中可以直接调用所需的功能。菜单栏中的许多命令是多层级的，标志是选项右侧的小按钮。选择菜单中的一个命令即可执行该命令，如果命令后方有显示快捷键，通过快捷键可以快速执行该命令。例如查看图像大小，按Alt+Ctrl+I组合快捷键即可。菜单下拉列表中黑色字体部分代表可用，灰色字体的命令代表不可用。1.3认识Photoshop1.3.1Photoshop的工作界面②

工具栏工具栏默认位置为软件界面的左侧，将光标放在工具栏顶部，按住鼠标左键并拖动，可以将工具栏放在任意位置。通过鼠标点击图标即可选择一种工具。工具图标是一类工具的集合，将光标置于工具图标上并长按鼠标左键或鼠标右键单击图标即可调出这类工具下的所有选项。点击工具栏左上方的图标

可将一栏工具栏变为双栏，点击图标

即可将双栏工具栏变为一栏。1.3认识Photoshop1.3.1Photoshop的工作界面②

工具栏1.3认识Photoshop1.3.1Photoshop的工作界面③

工具属性栏工具属性栏主要用于设置工具参数，不同工具的属性栏不同，如文字工具的属性栏，可以设置文字的字体、字号、颜色等，通过属性栏的选项可以对工具进行设置。1.3认识Photoshop1.3.1Photoshop的工作界面④

控制面板控制面板一般显示在Photoshop的右侧，默认显示的面板有图层面板、通道面板、路径面板、颜色面板等，通过选择“菜单栏”中的“窗口”，可以将隐藏的面板激活。控制面板中不常用的面板可以隐藏，单击面板的标题并拖拽，面板窗口成为悬浮窗口，鼠标点击窗口右上方的

即可。若在操作过程中发现工具箱、选项栏或某个面板不见了，可以执行“窗口”→“工作区”→“复位基本功能”命令还原回初始的工作区状态。根据个人需要，也可通过新建工作区，删除不常用的面板，显示常用面板，然后执行“窗口”→“工作区”→“新建工作区”命令（或按N快捷键），即可保存此工作区，关闭软件再次启动，控制面板为自定义的工作区。1.3认识Photoshop1.3.1Photoshop的工作界面⑤

文档窗口文档窗口是显示和编辑图像的区域。打开一个图像，窗口中自动创建一个文档选项，若打开多个窗口，则会有多个文档选项。通过鼠标左键单击选项名可以切换文档，或者按快捷键Ctrl+Tab，可以按前后顺序切换文档，按快捷键Ctrl+Shift+Tab可以按照相反的顺序切换文档。1.3认识Photoshop1.3.1Photoshop的工作界面Photoshop的工作界面除了以上5大部分外，还有标尺功能，默认状态下，标尺显示在文档窗口的外围；若标尺隐藏，按Ctrl+R组合快捷键即可显示。使用标尺可以拖出参考线，便于元素精确定位。鼠标放在标尺上按住左键拖动即可创建参考线。参考线是虚拟的线条，不影响图像内容，按Ctrl+；组合快捷键可以隐藏，再按一次显示。选中移动工具，将鼠标放在参考线上，按住鼠标左键将参考线拖到文档窗口以外即可删除参考线。1.3认识Photoshop1.3.2Photoshop的基本操作学习Photoshop的使用，需要熟悉其基本操作，包括打开/关闭图像、新建文档画布、存储/存储为图像等。①

打开文件Photoshop打开文件的方法有许多，第一种方式是通过软件界面的操作打开，选择菜单栏下的“文件”，鼠标单击“打开”，或使用快捷键Ctrl+O，选择需要打开的文件即可。第二种方式是拖曳法，打开Photoshop软件，最小化到桌面任务栏，在桌面或磁盘中找到需要打开的图像，按住鼠标左键将图像拖曳到桌面下方任务栏的Photoshop标签上停留几秒，调出软件界面，再松开鼠标左键即可。1.3认识Photoshop1.3.2Photoshop的基本操作②

关闭文件Photoshop中关闭文件只需点击文档窗口标题栏后的

即可，也可使用Ctrl+W快捷键关闭当前文档。Ctrl+Alt+W快捷键是关闭所有文件。若此文件没有保存，软件系统会弹出警示窗口，根据需要选择保存或不保存即可。③

新建文档画布如果需要制作一个新的文件，需要新建一个画布，Photoshop中的画布类似word办公软件的空白页，是图像的显示区域和载体。执行“文件”→”新建”命令即可，或按Ctrl+N快捷键打开新建对话框。在新建对话框中可以设置文件的名称、尺寸、分辨率、颜色模式等，设置完毕后点击“创建”按钮，即可创建新的空白文件。1.3认识Photoshop1.3.2Photoshop的基本操作查看图像大小和画布大小的方法如下：执行“图像”→“图像大小”命令，或使用Ctrl+Alt+I快捷键，可以查看并改变图像尺寸及分辨率，若要使宽、高等比例变化，则需要在改变宽或高的数值时激活左侧的按钮。执行“图像”→“画布大小”命令，或使用Ctrl+Alt+C快捷键，可以查看并改变画布大小，此操作不会使图像发生变化，只会使画布变化。1.3认识Photoshop1.3.2Photoshop的基本操作新建画布设置面板的各项内容如下表所示：参数释义大小单位有“像素”“英寸”“厘米”“毫米”等，常用的为“像素”方向文档画布的方向分为横版和竖版分辨率分辨率单位默认是像素