在工作中，设计出来的，往往都是很高的页面，导致后台无法直接装修，学会切图则是我们必备的技能啦！
今天就介绍使用“参考线”和“切刀工具”，让我们快速地完成切图。
01调出标尺
首先把需要切图的图片在ps中打开，同时把标尺调整出来，显示标尺的快捷键：ctrl+r。此时的界面显示为下图：
图片来源：手淘网络设计，转载请注明02拉参考线
根据自己想切图的位置，拉好参考线。
拉参考线的操作是：鼠标移动到标尺上，按住左键进行拉拽，放到自己想切图的位置。
图片来源：手淘网络设计，转载请注明03切片工具
工具栏里选择“裁剪工具”鼠标左键长按，会出现4个选项，选择“切片工具”，上面则会显示出“基于参考线的切片”：
图片来源：手淘网络设计，转载请注明图片来源：手淘网络设计，转载请注明04合并切片
同时也可以选择2个以上的切片进行合并。
工具栏里选择“裁剪工具”鼠标左键长按，会出现4个选项，选择“切片选择工具”，左键点击下切片：
图片来源：手淘网络设计，转载请注明图片来源：手淘网络设计，转载请注明05组合切片
按住shift+鼠标左键，达到同时选择的目的；
鼠标右键，点击组合切片，然后按住shift+鼠标左键，达到同时选择上的目的；
鼠标右键，点击组合切片；所选择的则会合并成一个切片。
图片来源：手淘网络设计，转载请注明图片来源：手淘网络设计，转载请注明06保存图片
shift+ctrl+alt+s进行保存图片，可以选择自己需要的格式和保存的位置。
保存后图片会在“images”文件夹里：
图片来源：手淘网络设计，转载请注明图片来源：手淘网络设计，转载请注明以上就是我们利用“参考线”和“切刀工具”来进行切图的办法，大家有什么好的想法和方法，都可以留言进行交流！
图文丨手淘设计布丁
本篇文章由手淘集团设计总结，转载请注明，并不得对内容进行修改~
