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

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

工具/原料

  • Photoshop
  • 切片图片

方法/步骤

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

    使用Photoshop辅助线制作ps切片教程_第1张图片
  2. 选择工具栏上的切片工具 ,然后点击上方【基于参考线的切片】 切片生成

    使用Photoshop辅助线制作ps切片教程_第2张图片
  3. 选择【切片选择工具】 如图

    使用Photoshop辅助线制作ps切片教程_第3张图片
  4. 选择后,按住键盘上的shift键盘,然后依次选择切片1,2.3 放开shift键

    使用Photoshop辅助线制作ps切片教程_第4张图片
  5. 鼠标放在背选中的任意切片上右点,选择-组合切片命令 如图 蓝框就是刚刚组合的切片 

    使用Photoshop辅助线制作ps切片教程_第5张图片
    使用Photoshop辅助线制作ps切片教程_第6张图片
  6. 然后点击 【文件】选择【存储为web和设备所用格式】

    使用Photoshop辅助线制作ps切片教程_第7张图片
  7. 弹出【存储为web和设备所用格式】对话框 选择图片格式 以及品质 详情页用的话 建议使用jpeg 格式 品质80

    使用Photoshop辅助线制作ps切片教程_第8张图片
  8. 点击【存储】 命名文件名 点击【保存】 这里我保存到桌面

    使用Photoshop辅助线制作ps切片教程_第9张图片
  9. 系统会自动将切片生成images文件夹中 打开文件夹就可以看到我们刚才保存的切片了

    使用Photoshop辅助线制作ps切片教程_第10张图片
    使用Photoshop辅助线制作ps切片教程_第11张图片

你可能感兴趣的:(使用Photoshop辅助线制作ps切片教程)