2.1 软件的基本操作
在学习用Photoshop制作UI之前，需要先学会该软件的一些基本操作。下面开始了解Photoshop中的新建文件、打开文件和置入文件等软件的基本操作。
2.1.1 新建文件
在Photoshop中，不仅可以编辑一个现有的图像，还可以创建一个空白的文件，对它进行各种编辑操作。执行“文件”→“新建”命令或按Ctrl+N组合键，打开“新建文档”对话框，如图2-1所示，设置文件名称、大小、分辨率、颜色模式和背景内容等，然后单击“创建”按钮即可新建文件。
图2-3
2.1.4 辅助工具
在绘制图标或软件UI的时候，有时会使用到Photoshop中的辅助工具。标尺、参考线、网格等都属于辅助工具，它们虽然不能用来编辑图像，但是可以帮我们更精确地完成UI的制作。下面来介绍这些辅助工具。
1. 标尺
标尺可以确定图像或元素的位置。
【练习2-1】使用标尺
源 文 件：第2章\练习2-1
在线视频：第2章\练习2-1 使用标尺.mp4
绘制图标或UI之前可以使用标尺工具拖出参考线，下面讲解调整标尺原点的方法。
01 运行Photoshop 2020，执行“文件”→“打开”命令，打开资源文件中的“相册图标.psd”素材。执行“视图”→“标尺”命令，或按Ctrl+R组合键，显示标尺，如图2-4所示。
图2-4
02 如果要设置标尺的测量单位，将鼠标指针移动至标尺上方并右击，在弹出的快捷菜单中设置尺寸单位，如图2-5所示。
图2-5
03 默认情况下，标尺的原点位于窗口的左上角，如果要修改原点的位置，可以从图像的特定点开始测量。将鼠标指针放在原点上，向右下方拖动，画面中会显示出十字线，如图2-6所示。
图2-6
04 将原点拖放到需要的位置，该处便成为原点的新位置，如图2-7所示。
图2-7
05 在窗口左上角双击，可以将原点恢复到默认位置，如图2-8所示。
图2-8
提示
如果要隐藏标尺，再次执行“视图”→“标尺”命令，或按Ctrl+R组合键即可。
2. 参考线
参考线是一款非常常用的辅助工具，在平面设计中尤为实用。在制作整齐排列的元素时，徒手移动很难保证元素整齐排列。如果有了参考线，则可以在移动元素时使之自动“吸附”到参考线上，从而使版面更加整齐。使用参考线之前需要先显示标尺。
【练习2-2】使用参考线
源 文 件：第2章\练习2-2
在线视频：第2章\练习2-2 使用参考线.mp4
使用参考线可以绘制标准的图标，下面讲解参考线的使用方法。
01 运行Photoshop 2020，执行“文件”→“打开”命令，打开资源文件中的“相册图标.psd”素材。按Ctrl+R组合键，显示标尺，将鼠标指针放在水平标尺上，向下拖动鼠标，即可拖出水平参考线，如图2-9所示。
图2-9
02 采用步骤01的方法可在垂直标尺上拖出垂直参考线，如图2-10所示。
图2-10
03 选择工具箱中的“移动工具”
，将鼠标指针放在参考线上，鼠标指针会变为
状，拖动鼠标即可移动参考线，如图2-11所示。
图2-11
04 将垂直参考线“拖回”垂直标尺，可将其删除，如图2-12所示。执行“视图”→“清除参考线”命令，可以删除所有参考线，如图2-13所示。
图2-12
图2-13
提示
创建或移动参考线时，按住Shift键，可以使参考线与标尺上的刻度对齐。
3. 网格
网格对于对称布置对象非常有用。执行“视图”→“显示”→“网格”命令，可在文档窗口中显示网格，如图2-14所示。显示网格之后，执行“视图”→“对齐”→“网格”命令，可使用对齐功能，此后在进行创建选区和移动图像等操作时，对象将会自动对齐到网格上。
图2-15
图2-19
图2-20
02 执行“编辑”→“自由变换”命令，或按Ctrl+T组合键显示定界框，如图2-21所示。将鼠标指针放在定界框外靠近中间位置的控制点处，当鼠标指针变为
状时，拖动鼠标即可旋转对象，如图2-22所示。
图2-21
图2-22
03 操作完成后，按Enter键确认。如果对旋转结果不满意，可以按Esc键取消操作。
04 下面缩放图像。将鼠标指针放在定界框四周的任一控制点上，当鼠标指针变为
状时，拖动鼠标即可等比缩放图像，如图2-23所示。如果要进行不等比缩放，可在缩放的同时按住Shift键，如图2-24所示。
图2-23
图2-24
【练习2-4】倾斜与扭曲
源 文 件：第2章\练习2-4
在线视频：第2章\练习2-4 倾斜与扭曲.mp4
除了旋转与缩放图标外，还可以倾斜与扭曲图标，下面讲解倾斜与扭曲图标的方法。
01 运行Photoshop 2020，按Ctrl+O组合键，打开资源文件中的“好书推荐图标.psd”素材，如图2-25所示。
图2-25
02 按Ctrl+T组合键显示定界框，将鼠标指针放在定界框外侧位于水平中间位置的控制点上，按住Shift+Ctrl组合键，当鼠标指针变为
状时，拖动鼠标可沿水平方向斜切对象，如图2-26所示。直接执行“编辑”→“变换”→“斜切”命令，也可以斜切对象。
图2-26
03 将鼠标指针放在定界框外侧位于垂直中间位置的控制点上，鼠标指针会变为
状，可以沿垂直方向斜切对象，如图2-27所示。
图2-27
04 按Esc键取消操作，接下来进行扭曲操作。执行“编辑”→“变换”→“扭曲”命令，将鼠标指针放在定界框四周的任意控制点上，鼠标指针会变为
状，拖动鼠标可扭曲对象，如图2-28所示。
图2-28