PhotoshopCC设计与应用任务教程（第3版）课件 第1章 Photoshop CC入门

第1章PhotoshopCC入门《PhotoshopCC设计与应用任务教程（第3版）》学习目标/Target了解计算机世界的数字图像，例如位图与矢量图、常用的图像格式等。了解图像的色彩，例如三原色、色彩属性等。熟悉PhotoshopCC2019的工作界面，例如菜单栏、工具栏等。掌握PhotoshopCC2019的基本操作，例如新建文档、保存文档等。章节概述/SummaryPhotoshop是Adobe公司旗下最为出名的图像处理软件之一。它提供了灵活便捷的图像制作工具，强大的像素编辑功能，被广泛运用于数码照片后期处理、平面设计、网页设计，以及UI设计等领域。本章将带领读者了解计算机世界的数字图像、图像的色彩等知识，并掌握PhotoshopCC2019的基本操作。目录/Contents010203计算机世界的数字图像图像的色彩认识PhotoshopCC2019计算机世界的数字图像1.11.1.1位图与矢量图

先定一个小目标！了解位图和矢量图的概念，能够区分位图和矢量图。掌握位图和矢量图各自的优缺点，为后期绘制位图图像和矢量图形奠定基础。1.1.1位图与矢量图位图图像也称点阵图（Bitmapimages），它是由许多点组成的,这些点称为像素。位图图像矢量图形矢量图形也称向量式图形，它是用数学的矢量方式来记录图像内容，以线条和色块为主。1.1.1位图与矢量图位图矢量图能够精确地制作色彩和色调变化丰富的图像优点:占用空间大图像缩放会出现失真缺点:缺点:无法表现丰富的颜色变化和细腻的色彩过渡优点:缩放不失真存储空间比位图小1.1.2像素

先定一个小目标！了解像素，能够说出什么是像素及像素的单位。1.1.2像素像素（Pixel）的全称为图像元素，缩写为px，是用来计算数码影像的一种单位。1.1.3分辨率

先定一个小目标！了解分辨率的分类，能够区分显示分辨率和图像分辨率的概念。1.1.3分辨率12显示分辨率图像分辨率分辨率可以分为显示分辨率与图像分辨率两类。1.1.3分辨率相同屏幕尺寸中像素点小，画面清晰像素点大，画面粗糙高分辨率低分辨率是指屏幕图像的精密度，是指显示屏所能显示的像素有多少。1.显示分辨率1.1.3分辨率是每英寸图像内有多少个像素点，通常被用在Photoshop中。网页上图像的分辨率分辨率越高图像越清晰图像越大72彩色印刷图像的分辨率300像素/英寸2.图像分辨率1.1.4常用的图像格式

先定一个小目标！掌握各种图像格式格式的特点、用途，能够在保存文档时选择合适的图像格式。1.1.4常用的图像格式在Photoshop中，文档的保存格式有很多种PSDPhotoshop中的默认格式默认格式图层、通道、辅助线、路径等保存图像信息支持所有图像模式的文档格式支持所有图像模式方便修改1.1.4常用的图像格式在Photoshop中，文档的保存格式有很多种JPEG有损压缩文件小不支持透明在注重文件大小的领域应用广泛高倍率的压缩图像含背景像素图像含背景1.1.4常用的图像格式在Photoshop中，文档的保存格式有很多种GIF支持动画文件小适合网络传输GIF动画不会占用太多的磁盘空间1.1.4常用的图像格式在Photoshop中，文档的保存格式有很多种PNG无损压缩支持透明适合制作透明背景图像图像含背景像素与JPEG格式相反1.1.4常用的图像格式AI存储矢量图形可在矢量图形软件中直接打开并进行修改和编辑在Photoshop中可以将图像保存为AI格式在Photoshop中，文档的保存格式有很多种1.1.4常用的图像格式TIFF保存图像信息通用文档适合制作透明背景图像图层、通道、辅助线、路径等在不同的应用程序及其不同版本之间进行交换在Photoshop中，文档的保存格式有很多种图像的色彩1.21.2.1三原色

先定一个小目标！了解三原色的概念，能够说出什么是三原色。熟悉三原色的分类，能够区分色光三元色和和印刷三原色的使用范围。1.2.1三原色三原色是指色彩中不能再分解的三种基本颜色。三原色，一般是黄色、青色和洋红色。在Photoshop中通常将三原色分为两类。色光三原色印刷三原色印刷色光1.2.1三原色色光三原色红色（R）绿色（G）蓝色（B）添加标题色光三原色是指红色、绿色和蓝色，也就是RGB，这三种颜色光纤经过不同比例的混合几乎可以表现出自然界中所有的颜色。1.色光三原色1.2.1三原色印刷三原色青色（C）黄色（Y）洋红色（M）印刷三原色是指黄色、青色和洋红色，但是这三种颜色的混合不能混合出真正的黑色，因此在彩色印刷中，除了使用的三原色外还要增加一版黑色，才能得出深重的颜色。2.印刷三原色1.2.2色彩属性

先定一个小目标！熟悉色彩属性的概念，能够说出色彩有哪些属性。掌握色相、饱和度、明度的概念，能够描述出什么是色相，以及饱和度和明度的区别。1.2.2色彩属性色相饱和度明度色彩属性色彩属性指的是色相、饱和度和明度，任何一种颜色均具备这三个属性。1.2.2色彩属性色相是色彩的首要特征，是区别各种色彩的最准确的标准。色相1.色相1.2.2色彩属性饱和度也称为“纯度”，是指色彩的鲜艳度。饱和度越高，代表颜色越纯，色彩越鲜明。高饱和度的颜色与其他颜色进行混合，饱和度就会下降，色彩会变暗、变淡。颜色饱和度降到最低就会失去色相，变为无彩色（黑、白、灰）例如：红色饱和度的变化2.饱和度1.2.2色彩属性明度指的是色彩光亮的程度，所有颜色都有不同程度的光亮。明度最高明度最低3.明度1.2.3颜色模式

先定一个小目标！了解常用的颜色模式，能够知道在Photoshop中要在哪一种颜色模式下操作。1.2.3颜色模式图像的颜色模式决定了显示和打印图像颜色的方式。常用的颜色模式有RGB颜色模式、CMYK颜色模式、灰度模式、位图模式、索引颜色模式等。色彩模式灰度模式位图模式索引颜色模式RGB颜色模式CMYK颜色模式1.2.3颜色模式RGBPhotoshop中默认使用的颜色模式默认的颜色模式比CMYK模式的图像文档要小得多文件小扫描输入的图像，绘制图像应用广泛可以使用Photoshop中所有的命令和滤镜支持所有命令和滤镜红色、绿色和蓝色通道；0~255；1670万3个通道1.RGB颜色模式1.2.3颜色模式CMYKCMYK颜色模式是一种印刷模式印刷模式一般在需要印刷时才将图像转换成CMYK模式文件大只有与黑色油墨混合才能产生真正的黑色与灰色。不能生成黑色不支持很多滤镜不支持滤镜青色、洋红色、黄色和黑色；0%~100%4个通道2.CMYK颜色模式1.2.3颜色模式灰度只能表现黑白图像；能够表现出256种色调颜色单一无饱和度、明度等信息；0%~100%只有明暗值使用黑白和灰度扫描仪产生的图像常以灰度模式显示3.灰度模式1.2.3颜色模式位图要求的磁盘空间最少文件小只能制作出黑、白颜色对比强烈的图像对比强烈RGB灰度位图4.位图模式1.2.3颜色模式索引构建颜色表来存放索引图像中的颜色；模拟颜色构建颜色表网上和动画中常用的图像模式网络和动画只能进行有限的编辑，需要编辑可以临时转换为RGB模式有限的编辑5.索引颜色模式认识PhotoshopCC20191.31.3.1PhotoshopCC2019的工作界面双击PhotoshopCC2019图标即可启动软件。启动软件后，可看到“主页”。图标启动界面主页1.3.1PhotoshopCC2019的工作界面优点缺点打开对应的文档，进入PhotoshopCC2019的工作界面。

先定一个小目标！了解菜单栏的分类，能够列举菜单栏中的菜单。1.3.1PhotoshopCC2019的工作界面掌握打开菜单、执行菜单中的命令的方法，能够快速地打开菜单并执行菜单中的命令。1.3.1PhotoshopCC2019的工作界面菜单栏作为一款操作软件必不可少的组成部分，主要用于为大多数命令提供功能入口。（1）

菜单分类1.菜单栏1.3.1PhotoshopCC2019的工作界面优点包含各种编辑文档的操作命令包含各种操作文档的命令“文件”菜单“编辑”菜单包含各种改变图像的大小、颜色等的操作命令“图像”菜单包含各种调整图像中图层的操作命令“图层”菜单1.菜单栏1.3.1PhotoshopCC2019的工作界面优点包含各种关于选区的操作命令包含各种对文字的编辑和调整命令“文字”菜单“选择”菜单包含各种添加滤镜效果的操作命令“滤镜”菜单用于实现3D图层效果“3D”菜单1.菜单栏1.3.1PhotoshopCC2019的工作界面优点包含各种显示或隐藏控制面板的命令包含各种对视图进行设置的操作命令“视图”菜单“窗口”菜单包含各种帮助信息“帮助”菜单1.菜单栏1.3.1PhotoshopCC2019的工作界面（2）

打开菜单分割线三角标记在菜单栏中单击其中一个菜单即可打开对应的菜单下拉列表，在菜单下拉列表中选择一个命令可执行该命令或打开该命令下的子菜单。例如：1.菜单栏1.3.1PhotoshopCC2019的工作界面快捷键字母字母【Alt】+【字母1】+【字母2】（3）

执行菜单中的命令选择菜单下拉列表中的一个命令即可执行该命令。如果命令后面有快捷键，那么按快捷键可快速执行该命令。例如：1.菜单栏1.3.1PhotoshopCC2019的工作界面注意：如果菜单中的某些命令显示为灰色，表示它们在当前状态下不能使用。此外，如果一个命令的名称右侧有“…”状符号，则表示执行该命令时会弹出一个对话框。1.菜单栏

先定一个小目标！了解工具栏中包含的工具，能够快速找到某个工具的位置。熟悉工具栏的基本操作，能够选择工具、显示工具名称。1.3.1PhotoshopCC2019的工作界面1.3.1PhotoshopCC2019的工作界面工具栏是Photoshop工作界面的重要组成部分。主要包括“选择工具”“渐变工具”“画笔工具”“钢笔工具”等2.工具栏1.3.1PhotoshopCC2019的工作界面（1）

移动工具栏将光标放在顶部，按住鼠标左键向右拖动，可以将工具栏拖出到任意位置。若要恢复原来的位置，将工具栏移动至软件边缘，当有蓝色渐变条出现时，松开鼠标即可。例如：移动工具栏的步骤2.工具栏1.3.1PhotoshopCC2019的工作界面（2）

显示工具的名称和快捷键英文输入法！将光标放置在工具的上方停留片刻，会看到工具的名称和快捷键。例如：查看“吸管工具”快捷键2.工具栏1.3.1PhotoshopCC2019的工作界面（3）

选择和显示工具三角右击显示隐藏工具选择隐藏工具将光标移动至工具图标上，单击即可选择工具。工具栏的某些工具图标上可以看到一个小三角符号

表示该工具下还有隐藏的工具，在图标上右击，就会弹出隐藏的工具选项。例如：选择画板工具2.工具栏1.3.1PhotoshopCC2019的工作界面（4）

编辑工具栏编辑工具栏就是将工具栏进行整理。在“编辑工具栏”图标上右击，会弹出“编辑工具栏”选项，选择选项进行设置即可。例如：2.工具栏

先定一个小目标！了解选项栏，能够说出选项栏的作用。1.3.1PhotoshopCC2019的工作界面“矩形选框工具”工具的选项栏1.3.1PhotoshopCC2019的工作界面优点选项栏是工具栏中各个工具的功能扩展，可以通过选项栏对工具进行进一步的设置。第2步第1步选择”矩形选框工具“例如：“矩形选框工具”选项栏3.选项栏

先定一个小目标！了解控制面板的作用，能够在控制面板中设置参数。1.3.1PhotoshopCC2019的工作界面熟悉编辑控制面板的方法。能够选择面板、折叠/展开面板、移动面板等。1.3.1PhotoshopCC2019的工作界面优点控制面板可以完成对图像的处理操作和相关参数的设置。Photoshop界面为用户提供了多个控制面板组，分别停放在不同的面板窗口中。优点例如：”字符“面板和”颜色“面板4.控制面板1.3.1PhotoshopCC2019的工作界面（1）

选择面板在面板选项卡中，单击一个面板的名称，即可选择并显示该面板。优点例如：显示“色板”面板4.控制面板1.3.1PhotoshopCC2019的工作界面（2）

折叠/展开面板单击面板组右上角的双箭头按钮，可以将面板进行折叠。单击展开折叠优点例如：折叠/展开“历史记录”面板4.控制面板1.3.1PhotoshopCC2019的工作界面（3）

移动面板优点例如：移动“段落”面板将光标放在面板的名称上，单击并向外拖动到窗口的空白处，即可将其从面板组中分离出来。4.控制面板1.3.1PhotoshopCC2019的工作界面（4）

打开面板菜单面板菜单中包含了与当前面板有关的各种命令。优点例如：打开“历史记录”面板菜单4.控制面板优点例如：打开“历史记录”面板菜单1.3.1PhotoshopCC2019的工作界面（5）

关闭/调出面板右击单击在一个面板的标题栏上右击，可以显示快捷菜单。4.控制面板

先定一个小目标！了解编辑区所包含的模块，能够描述各个模块的功能和作用。1.3.1PhotoshopCC2019的工作界面掌握切换画布的方法，能够使用快捷键快速切换画布。5.图像编辑区1.3.1PhotoshopCC2019的工作界面图像编辑区中包含了3个区域，分别是选项卡、画布和一个不可见区域。1.3.1PhotoshopCC2019的工作界面在Photoshop中，如果打开一个图像，则会自动创建一个画布。如果打开了多个图像，则它们会停放到选项卡中。单击其中一个图像文档的名称，即可将其设置为当前操作的窗口。5.图像编辑区1.3.1PhotoshopCC2019的工作界面【Ctrl+Tab】【Ctrl+Shift+Tab】切换画布前后顺序切换画布相反的顺序切换画布5.图像编辑区1.3.1PhotoshopCC2019的工作界面浮动窗口单击一个画布的标题栏单击并将其从选项卡中拖出，它便成为可以任意移动位置的浮动窗口。5.图像编辑区1.3.1PhotoshopCC2019的工作界面调整窗口大小拖动浮动窗口的一角，可以调整窗口的大小。5.图像编辑区

先定一个小目标！了解PhotoshopCC2019的新增功能，可以指出哪些是2019版本的新增功能。掌握PhotoshopCC2019的调整功能，能够明确区分2019前后版本的功能和命令。1.3.2PhotoshopCC2019的新增功能和调整功能1.3.2PhotoshopCC2019的新增功能和调整功能01图框工具02自动提交03锁定工作区05对称模式06分布间距07数学运算0304使用色轮选色08匹配字体1.新增功能1.3.2PhotoshopCC2019的新增功能和调整功能01图框工具自动创建蒙版1.新增功能1.3.2PhotoshopCC2019的新增功能和调整功能02自动提交【Enter】●●选择一个新工具单击某个图层单击空白区域单击不可见区域●●●●裁剪变换置入输入文本1.新增功能1.3.2PhotoshopCC2019的新增功能和调整功能03锁定工作区窗口→工作区→锁定工作区1.新增功能1.3.2PhotoshopCC2019的新增功能和调整功能04使用色轮选色单击方便选色1.新增功能1.3.2PhotoshopCC2019的新增功能和调整功能05对称模式画笔铅笔橡皮擦绘制对称图案1.新增功能1.3.2PhotoshopCC2019的新增功能和调整功能06分布间距水平分布水平分布垂直分布1.新增功能1.3.2PhotoshopCC2019的新增功能和调整功能07数学运算加、减、乘、除1.新增功能1.3.2PhotoshopCC2019的新增功能和调整功能08匹配字体使用文字工具输入文字字体→匹配字体找到相似字体1.新增功能1.3.2PhotoshopCC2019的新增功能和调整功能01多次撤销02变形操作实时混合模式预览04双击编辑文本05内容识别填充032.调整功能1.3.2PhotoshopCC2019的新增功能和调整功能01多次撤销单次撤销：【Ctrl+Z】●多次撤销：【Ctrl+Alt+Z】●多次撤销：【Ctrl+Z】●前进一步后退一步2.调整功能1.3.2PhotoshopCC2019的新增功能和调整功能02变形操作按住【Shift】键等比缩放按住【Shift】键自由缩放矢量形状2.调整功能1.3.2PhotoshopCC2019的新增功能和调整功能03实时混合模式预览单击查看混合模式滚动查看混合模式2.调整功能1.3.2PhotoshopCC2019的新增功能和调整功能04双击编辑文本选择文字工具编辑文本移动工具下，双击可编辑文本2.调整功能1.3.2PhotoshopCC2019的新增功能和调整功能05内容识别填充绘制选区后编辑→填充设置“内容”为“内容识别”“填充”对话框编辑→内容识别填充可调整2.调整功能

先定一个小目标！掌握“新建文档”对话框的参数设置区域，能够创建所需大小的画布。1.3.3PhotoshopCC2019的基础操作1.3.3PhotoshopCC2019的基础操作文件→新建【Ctrl+N】1.新建文档1.3.3PhotoshopCC2019的基础操作分辨率设置文档的分辨率预设详细信息设置文档的名称颜色模式设置文档的颜色模式位图、灰度、RGB颜色、CMYK颜色高度/宽度设置文档的尺寸大小像素、英寸、厘米背景内容设置文档的背景内容1.新建文档多学一招：使用旧版“新建文档”界面1.3.3PhotoshopCC2019的基础操作编辑→首选项→常规使用旧版的“新建文档”界面，可以去掉繁冗的细节，例如最近使用项。执行“编辑→首选项→常规”命令，打开“首选项”对话框，在对话框中勾选“使用旧版‘新建文档’界面”选项。

先定一个小目标！掌握打开文档的方法，能够使用多种方法打开不同的文档。1.3.3PhotoshopCC2019的基础操作1.3.3PhotoshopCC2019的基础操作文件→打开【Ctrl+O】2.打开文档

先定一个小目标！掌握保存文档的方法，能够根据所需将文档保存成恰当的文档格式。1.3.3PhotoshopCC2019的基础操作1.3.3PhotoshopCC2019的基础操作（1）

存储文件→存储【Ctrl+S】存储为软件默认的PSD格式3.保存文档1.3.3PhotoshopCC2019的基础操作（2）

存储为文件→存储为【Ctrl+Shift+S】存储为其他格式（PNG、JPG）3.保存文档1.3.3PhotoshopCC2019的基础操作（3）

存储为Web所用格式文件→导出→存储为Web所用格式【Ctrl+Shift+S】存储为优化的其他格式（PNG、JPG）可设置不透明度3.保存文档

先定一个小目标！了解设置快捷键的方法，能够根据所需设置键盘快捷键。1.3.3PhotoshopCC2019的基础操作1.3.3PhotoshopCC2019的基础操作编辑→键盘快捷键/【Alt+Shift+Ctrl+K】4.设置快捷键（1）

更改快捷键区域1.3.3PhotoshopCC2019的基础操作可以更改各个命令的快捷键。一键还原至旧版4.设置快捷键（2）

设置区域1.3.3PhotoshopCC2019的基础操作可以还原各个命令的快捷键。多次更改快捷键还原至上一个快捷键还原至默认状态4.设置快捷键

先定一个小目标！1.3.3PhotoshopCC2019的基础操作掌握画板的一系列操作，能够创建/添加画板、选择画板、删除画板、隐藏/显示画板。1.3.3PhotoshopCC2019的基础操作创建/添加画板选择/缩放画板删除画板隐藏/显示画板重命名画板图像编辑区中只能包含一个画布，但可以包含多个画板，设计师可以在一个编辑区完成不同页面的设计并进行同时预览。5.设置画板1.3.3PhotoshopCC2019的基础操作（1）

创建/添加画板在“新建文档”对话框中勾选“画板”选项，或使用“画板工具”可创建画板。5.设置画板1.3.3PhotoshopCC2019的基础操作（1）

创建/添加画板单击画板名称，画板的四周会出现图标。单击图标，可以在对应的位置添加画板。5.设置画板1.3.3PhotoshopCC2019的基础操作（2）

选择/缩放画板锚点选中画板，在画板的锚点处进行拖曳。5.设置画板1.3.3PhotoshopCC2019的基础操作（3）

删除画板选中画板在图像编辑区选中画板【Delete】选中画板后，按【Delete】键即可删除画板和画板中的内容。5.设置画板1.3.3PhotoshopCC2019的基础操作选中画板在“图层”面板中选中画板右击，选择“删除画板”画板和内容画板关闭提示框（3）

删除画板“图层”面板中选中面板，右击，在弹出的菜单中选择“删除画板”选项。5.设置画板注意：1.当文档中只有一个画板，且画板外无任何内容时，不可删除画板。2.当画板中无任何内容时，不会弹出删除“画板和内容”还是“仅限画板”的提示框。1.3.3PhotoshopCC2019的基础操作5.设置画板单击图标,隐藏眼睛隐藏画板（4）

隐藏/显示画板1.3.3PhotoshopCC2019的基础操作隐藏/显示画板可以在不删除画板的前提下，浏览其他画板中的内容。显示画板单击图标,显示眼睛5.设置画板（5）

重命名画板图层→重命名画板1.3.3PhotoshopCC2019的基础操作为