前端ps切图

809 阅读1分钟

1.工具:Photoshop,简称ps

image.png

2.将需要用到的网页设计图拖入ps中,并将需要用到的地方用辅助线圈起来(标尺快捷键ctrl+r)

image.png

3.点击切片工具选择基于参考线的切片

image.png

4.文件-导出-导出为web所用格式

image.png

5.格式选择png24

image.png

6.储存即可完成

image.png

7.成品展示

image.png

8.也可以按住shift鼠标单机选中自己想要的切图

image.png