![Photoshop淘宝天猫网店设计装修从入门到精通](https://wfqqreader-1252317822.image.myqcloud.com/cover/649/26943649/b_26943649.jpg)
3.4 辅助操作:使用标尺与参考线
在Photoshop CC中,用户可以借助图像辅助工具进行商品图像的编辑工作。
3.4.1 显示标尺
在Photoshop CC中,标尺显示了当前鼠标指针所在位置的坐标,应用标尺可以精确选取商品图像的范围和更准确地对齐商品图像。下面介绍显示标尺的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0092_0005.jpg?sign=1739497218-OL7onhF6Il6vDmm0gdDDkVDlNTlNPjKk-0-4f17f4147afbe615a9feb780f05fe803)
步骤 01在菜单栏中选择“文件”|“打开”命令,打开商品图像素材,如图3-82所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0093_0002.jpg?sign=1739497218-eWlznaXIXf2FwJn48wrb6iGtFBs9DZIO-0-46a9e39abcbc5194ef983df8de29b109)
图3-82 打开商品图像素材
步骤 02在菜单栏中选择“视图”|“标尺”命令,如图3-83所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0093_0001.jpg?sign=1739497218-uCkuhgm7ZKGvlZ0DrDqq5axR8q5jOJom-0-ca041fc31ff2f39996dcf330638c68a5)
图3-83 选择“标尺”命令
步骤 03执行上述操作后,即可显示标尺,如图3-84所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0093_0003.jpg?sign=1739497218-YQhTZWENh2dA64RwmrvY2seYihaIj7NX-0-b999ad71c3b4d519abf8f6dffec77f63)
图3-84 显示标尺
步骤 04将鼠标指针移至水平标尺与垂直标尺的相交处,如图3-85所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0093_0004.jpg?sign=1739497218-dcdaXH0JweTnl7SQPO1CKtaphz1CSCrh-0-108f7bc8691372a3d151e3925398aa4e)
图3-85 移动鼠标指针
步骤 05按住鼠标左键的同时拖曳至商品图像编辑窗口中的合适位置,释放鼠标左键,即可更改标尺的原点,如图3-86所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0093_0005.jpg?sign=1739497218-91pU1hkrNYYB1uPhxpRD7uozOfywrQc5-0-2061fec281b1466ad253ce5627db3ba2)
图3-86 更改标尺的原点
步骤 06在菜单栏中再次选择“视图”|“标尺”命令,即可取消标尺,如图3-87所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0093_0006.jpg?sign=1739497218-5Fcs6wkShLXW4EiXyYt2BP9OcmXmSg8a-0-7cc64a6f5bdb142f6b0f3706334004a7)
图3-87 选择“标尺”命令
专家指点
除了运用上述方法可以隐藏或显示标尺外,用户还可以按Ctrl+R组合键,在图像编辑窗口中隐藏或显示标尺。
3.4.2 测量尺寸
Photoshop CC中的标尺工具是用来测量商品图像任意两点之间的距离与角度的。应用标尺工具,可以确定商品图像窗口中图像的大小和位置,还可以用来校正倾斜的商品图像。显示标尺后,不论放大或缩小,标尺的测量数据始终以商品图像尺寸为准。
如果显示标尺,则标尺会出现在当前商品图像文件窗口的顶部和左侧,标尺内的标记可显示出指针移动时的位置。
下面介绍测量尺寸的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0094_0001.jpg?sign=1739497218-Ze0qMs2YN6sdjWXRG0kRVz3qnrce8qvS-0-8d0b6cb874f6b2f809b54591408197a6)
步骤 01在菜单栏中选择“文件”|“打开”命令,打开商品图像素材,如图3-88所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0094_0003.jpg?sign=1739497218-UmyTeHQWZQZwxEZjvAFIpGEOBhyND1jz-0-8580e58d6db2886ac3f5fd112f5e9a7e)
图3-88 打开商品图像素材
步骤 02选取工具箱中的标尺工具,将鼠标指针移动至图像编辑窗口中,此时鼠标指针呈形状,如图3-89所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0094_0004.jpg?sign=1739497218-F4XWGSIBAVBF1qcTUpvE4Msz0iDWuN7B-0-eaa60e0c515d995e923a582b14d11dfa)
图3-89 选取标尺工具
步骤 03在图像编辑窗口中确认测量的起始位置,按住鼠标左键并拖曳,确认测试长度,如图3-90所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0095_0001.jpg?sign=1739497218-jpbO6lXvOs2eMrtB6ti9pZeHkWr97pMa-0-5c2be918e7a99af94ed628632ae73c2f)
图3-90 确认测试长度
步骤 04在菜单栏中选择“窗口”|“信息”命令,即可打开“信息”面板,查看测量的信息,如图3-91所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0095_0002.jpg?sign=1739497218-4s374t61aR0sHYSI9nU4iyAOdueaLPzV-0-4c920d966349947a05ad3d659c8fae7c)
图3-91 查看测量的信息
专家指点
在Photoshop CC中,按住Shift键的同时,按住鼠标左键并拖曳,可以沿水平、垂直或45°角的方向进行测量。将鼠标指针移至测量的起始点或结束点上,按住鼠标左键并拖曳,即可改变测量的长度和方向。
3.4.3 编辑参考线
在Photoshop CC中,参考线主要用于协助商品图像的对齐和定位操作,它是浮动在整个商品图像上却不被打印的直线。用户可以随意移动、删除或锁定参考线。为了精确进行对齐操作,这时可绘制出一些参考线。
下面介绍商品图像参考线编辑的具体操作方法。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0095_0003.jpg?sign=1739497218-YwWokCuVwjFovR6khJVxL1jmfjLoSda5-0-5003bf9f80b0414ca67d23e9eae5303c)
步骤 01在菜单栏中选择“文件”|“打开”命令,打开商品图像素材,如图3-92所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0095_0004.jpg?sign=1739497218-AVQeNpLoNo3CjEDxDg535TsKJDEau7jB-0-4c75dd5be018c17b0e1291a3242403a2)
图3-92 打开商品图像素材
步骤 02在菜单栏中选择“视图”|“新建参考线”命令,如图3-93所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0095_0005.jpg?sign=1739497218-aDhjZoKqKIyS02DTH47iDgCS39T37ULh-0-7478f5eac7da2ae7481c38805d58b59e)
图3-93 选择“新建参考线”命令
步骤 03执行上述操作后,弹出“新建参考线”对话框,选中“垂直”单选按钮,在“位置”文本框中设置数值为12厘米,如图3-94所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0096_0001.jpg?sign=1739497218-EQ5EusEQiP2ZYTMJZcMSdxpAI9oLpqpk-0-ce77aa60cbf2ee55178093770381d3c6)
图3-94 设置参数
步骤 04单击“确定”按钮,即可新建垂直参考线,如图3-95所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0096_0002.jpg?sign=1739497218-pQCk8zjpK6illzSsdurPv0jwInQCPRyy-0-0a86303c3641d2fcbd2c03e4d20c76b1)
图3-95 新建垂直参考线
专家指点
通过“新建参考线”对话框,可以精确地建立参考线。在此之前,用户应了解商品图像的尺寸,这样才能通过输入精确数值来设置参考线。若用户不清楚商品图像的尺寸,则可以先新建参考线,不输入数值,然后使用移动工具选择参考线,按住鼠标左键来拖动参考线至相应位置。
在Photoshop CC中,选择“视图”|“清除参考线”命令,可以删除所有的参考线。若用户只需删除某一条参考线,可选择移动工具,然后将参考线拖曳至编辑窗口外面即可。
步骤 05在菜单栏中选择“视图”|“新建参考线”命令,弹出“新建参考线”对话框,选中“水平”单选按钮,在“位置”文本框中设置数值为12厘米,如图3-96所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0096_0003.jpg?sign=1739497218-83FdU1t7S8Ie7sacferpqJayhpF8WQmu-0-e384861c85a94a7efbea5a32b608b57b)
图3-96 设置参数
步骤 06单击“确定”按钮,即可新建水平参考线,如图3-97所示。
![](https://epubservercos.yuewen.com/5D47F8/15367248104200106/epubprivate/OEBPS/Images/figure_0096_0004.jpg?sign=1739497218-bGhP353g0HphAhsXuvyHOSHIg5dg0fs4-0-272a3567ad4f45909942ceeaec77cbdf)
图3-97 新建水平参考线
专家指点
显示标尺后,使用移动工具在标尺上按住鼠标左键,再向窗口中拖曳鼠标即可新建自定义参考线。用户在编辑参考线的同时,可以配合以下快捷键进行操作。
● 按住Ctrl键的同时拖曳鼠标,即可移动参考线。
● 按住Shift键的同时拖曳鼠标,可使参考线与标尺上的刻度对齐。
● 按住Alt键的同时拖曳参考线,可切换参考线的水平和垂直方向。