ps切图

默认前提，photoshop安装好了。

• 菜单栏
  

  image.png

• 工具栏

  
  
  

  image.png

• 清除参考线
  菜单栏--->视图--->清除参考线

• 图片放大缩小
  alt（长摁）+鼠标上下滚轮 上--->放大 下--->缩小
  或者 ctrl＋＋（－）　　+放大　　－缩小

• 拖拽图片
  空格（长摁）+摁下鼠标点击不放 上下移动鼠标
  或者 鼠标上下滚轮
  或者 点击滚动条
  或者 点击工具栏的小手

规则切图

【选择切片工具】：
在左侧的工具栏中，找到第5个工具，鼠标右键选择“切片工具”：

image.png

【选中切图的位置】：
使用快捷键 “Ctrl 和 +”键放大图片，拖动滚动条找到合适的显示位置，接着 按住鼠标左键不放，拉取一个矩形框来获取切图的位置，完成后会出现一个橙色边框
注：Ctrl + -键可以缩小

image.png

【设置图片属性】：
鼠标移动到橙色框框内右键“编辑切片选项”，设置名称，尺寸，我们一般会去设置一个合理的名字，已经调整到合适的尺寸，修改好后点击确定

image.png

image.png

【保存切图】：
点击“文件”->“储存为Web所用格式”，在弹出框中点击“储存”

image.png

image.png

选择一个保存位置，在点击保存之前，设置保存的格式为“仅限图像”，切片设置为“所有用户切片”，这样就不会保存多于的图片出来了，只保存您切好的图片。

image.png

【切图图片的位置】：
找到你保存的路径，接着找到“images”文件夹

image.png

image.png

图层切图

比方想切下图当背景图片，此时图片是不规则的，所以图层切图就上场了

image.png

1. 【查找图层】
点击右侧图层，通过眼睛的开合，该图层会在psd中显示与隐藏，找到想切的图片

image.png

2. 【选择图层】
长摁ctrl+点击想要的图层

image.png

右键选择 转换为智能对象

image.png

转化后

image.png

3. 【切图】
点击 工具栏的第2个工具

image.png

拖动滚动条找到合适的显示位置，接着 按住鼠标左键不放，拉取一个矩形框来获取切图的位置

image.png

接着按 ctrl+c复制，再按 ctrl+n新建，注意 背景颜色设置为透明， 宽高可以改成合适的，但是不要改小

image.png

在新建图层里， ctrl+v粘贴到新图层
【保存】
按 ctrl+shift+alt+s保存，记住背景透明图存为 PNG24格式：
或者点击“文件”->“储存为Web所用格式”，在弹出框中点击“储存”