使用Photoshop辅助线制作ps切片教程

对于很多产品详情页或是网页中太大的图片加载太慢，分享一下使用Photoshop辅助线制作ps切片教程。

工具/原料

• Photoshop
• 切片图片

方法/步骤

1. 打开要切片的图片 选择移动工具 从上方、左侧标尺拉出辅助线 如图（标尺快捷键ctrl+R）

   
2. 选择工具栏上的切片工具 ，然后点击上方【基于参考线的切片】 切片生成

   
3. 选择【切片选择工具】 如图

   
4. 选择后，按住键盘上的shift键盘，然后依次选择切片1,2.3 放开shift键

   
5. 鼠标放在背选中的任意切片上右点，选择-组合切片命令 如图 蓝框就是刚刚组合的切片 

   

   
6. 然后点击 【文件】选择【存储为web和设备所用格式】

   
7. 弹出【存储为web和设备所用格式】对话框 选择图片格式 以及品质 详情页用的话 建议使用jpeg 格式 品质80

   
8. 点击【存储】 命名文件名 点击【保存】 这里我保存到桌面

   
9. 系统会自动将切片生成images文件夹中 打开文件夹就可以看到我们刚才保存的切片了