1.2 Photoshop基础知识

在进行平面设计之前，我们需要先了解Photoshop在平面设计中的应用、Photoshop的工作界面，以及标尺、参考线和网格的运用，为使用Photoshop进行各项操作做好准备。

1.2.1 Photoshop在平面设计中的应用

平面设计包括的种类较多，其中，Photoshop在平面设计中的应用主要有以下6类。

• 平面视觉设计： 平面视觉设计是一种集创意、构图和色彩为一体的艺术表达形式，它不仅注重表面的视觉美观，还要传达出要表达的具体信息。无论是海报、包装，还是图书封面，使用Photoshop都可以满足平面视觉设计的各种要求，制作出内容丰富的平面印刷作品。图1-29所示为包装设计效果。

• 数字绘画： 数字绘画具有绚丽多彩、视觉冲击力强的特点，因此成为视觉传达中不可或缺的表现手法，其广泛性和大众性在很大程度上影响着大众的审美取向。利用Photoshop，人们可以在计算机上模拟画笔进行绘制，不但能绘制出逼真的传统绘画效果，还能制作出画笔无法实现的特殊效果。图1-30所示为人物插画效果。

• 网页设计： 网页是使用多媒体技术在计算机网络与人们之间建立的一组具有展示和交互功能的虚拟界面。利用Photoshop可以设计出网页的页面效果，规划好每一部分的内容和作用。图1-31所示为某网站首页效果。

• 界面设计： 随着计算机、网络和智能电子产品的发展，为了呈现更好的用户界面，各行各业也逐渐开始追求更为美观的界面设计，以达到吸引用户购买产品的目的。使用Photoshop可以轻松制作出具有真实质感和特效的用户界面，如图1-32所示。

• 后期处理： Photoshop是对数码照片和效果图进行后期处理的常用工具，如修饰和修复拍摄的数码照片，调整建筑、产品、景观等效果图的色彩和光效，使其效果更加出众，如图1-33所示。

• 电商美工设计： 电商美工设计主要是指为网店进行装修设计，通过板块划分、商品广告设计等，从视觉上快速提升店铺的形象，树立网店品牌，以吸引更多消费者进店浏览，最终促进交易的产生。使用Photoshop可以快速修复商品图片的拍摄缺陷，并制作出店铺需要的店招、主图和海报等内容，增强店铺的视觉展示效果。图1-34所示为电商店铺活动页效果。

1.2.2 认识Photoshop工作界面

选择【开始】/【所有程序】/【Adobe Photoshop 2022】命令，启动Photoshop后，将打开图1-35所示的Photoshop的工作界面，该界面主要由菜单栏、标题栏、面板组、工具箱、工具属性栏、图像编辑区和状态栏等组成。下面对Photoshop工作界面的各组成部分进行详细讲解。

1．菜单栏

菜单栏由“文件”“编辑”“图像”“图层”“文字”“选择”“滤镜”“3D”“视图”“增效工具”“窗口”“帮助”等12个菜单组成，每个菜单中有多个命令，命令右侧标有 符号，表示该命令还有子菜单；若某些命令呈灰色，则表示没有被激活，或当前不可用。

2．标题栏

标题栏位于图像编辑区的上方，可显示当前图像文件的名称、格式、显示比例、颜色模式、所属通道和图层状态等信息。如果该图像文件未被存储过，则标题栏将以“未命名”和连续的数字作为文件的名称。

3．面板组

面板组是Photoshop工作界面中非常重要的组成部分，用于选择颜色、编辑图层、新建通道、编辑路径和撤销编辑等操作。在Photoshop中，可在“窗口”菜单中打开或隐藏各种面板，还可将鼠标指针移动到面板组的顶部，按住鼠标左键不放并拖曳，以移动面板组的位置。另外，在面板组的选项卡上按住鼠标左键不放并拖曳，可将当前面板拖离该组。单击面板组左上角的“展开面板”按钮 ，可打开隐藏的面板组；再次单击“折叠为图标”按钮 ，可将面板组还原为图标模式。

4．工具箱

工具箱集合了平面设计过程中经常使用的工具，可以用于绘制图像、修饰图像、创建选区、调整图像显示比例等。工具箱的默认位置在工作界面左侧，将鼠标指针移动到工具箱顶部，按住鼠标左键不放并拖曳，可将工具箱拖曳到界面其他位置。

单击工具箱顶部的 按钮，可以使工具箱中的工具紧凑排列。单击工具箱中对应的工具，即可选择该工具。工具按钮右下角有 符号时，表示该工具位于一个工具组中，该工具下还有隐藏工具，在该工具按钮上按住鼠标左键不放或单击鼠标右键，可显示隐藏的工具，图1-36所示为Photoshop工具箱中的各个工具。

5．工具属性栏

工具属性栏可对当前所选工具进行参数设置，默认位于菜单栏的下方。当用户选择工具箱中的某个工具时，工具属性栏将显示相应工具的属性设置选项。

6．图像编辑区

图像编辑区相当于Photoshop的编辑区，用于添加或处理图像。Photoshop中所有的图像处理操作都是在图像编辑区中完成的。

7．状态栏

状态栏位于图像编辑区的底部，最左端显示当前图像编辑区的显示比例，在其中输入数值并按【Enter】键可改变图像的显示比例；中间显示当前图像文件的大小；单击状态栏右侧的 按钮，在打开的列表中可以查看文档大小、文档配置文件、文档尺寸、测量比例、暂存盘大小等信息。

1.2.3 标尺、网格和参考线的运用

在编辑一些规则图形，或者需要布局文字、图像时，用户可使用如标尺、网格、参考线、智能参考线等辅助工具来协助进行处理，用于测量或定位图像，使图像处理更精确，并提高工作效率。

1．标尺

标尺有助于固定图像或元素的位置。其显示方法：选择【视图】/【标尺】命令，或按【Ctrl+R】组合键，此时在图像窗口顶部和左侧将分别显示水平和垂直的标尺，如图1-37所示。再次按【Ctrl+R】组合键可隐藏标尺。

2．网格

网格可以在编辑和排列图像时，起到精确定位的作用。默认情况下，Photoshop不会显示网格，使用时需要选择【视图】/【显示】/【网格】命令显示网格，显示网格的效果如图1-38所示。再次选择【视图】/【显示】/【网格】命令可隐藏网格。

3．参考线

在编辑图像的过程中，使用参考线可使制作的图像更加精确。

• 拖曳创建参考线： 显示标尺后，将鼠标指针移动到上方的标尺上，按住鼠标左键不放并向下拖曳可创建水平参考线，如图1-39所示。将鼠标指针移动到左侧的标尺上，按住鼠标左键不放并向右拖曳可创建垂直参考线。

• 选择命令创建参考线： 选择【视图】/【新建参考线】命令，打开“新建参考线”对话框，在“取向”栏中可单击选中“水平”单选按钮或“垂直”单选按钮，在“位置”文本框中设置参考线的位置。图1-40所示为使用“新建参考线”对话框在650像素的位置创建的一条垂直参考线。

4．智能参考线

智能参考线可以帮助用户对齐形状、切片和选区。选择【视图】/【显示】/【智能参考线】命令，使该命令前显示 标记，即可启动智能参考线。启动后在绘制形状、选区及切片时，Photoshop将自动显示参考线，如图1-41所示。