一、背景

虽然现在的 AI 非常强大了，但是说实话涉及到 UI 的绘制和切图的提取，AI 基本上无能为力，没有办法 100%按照你的心愿切出你想要的图标或者背景图，今天我就来简单的说下怎么使用 PS 来做这种精细化的工作。非常简单，基本上没有什么学习难度，不要怕！

二、具体的步骤

1 、使用切片工具

今天就拿切应用的底部导航栏图标为例，来说说怎么使用快速的切图，首先让 Ai 给你快速的生成一张包含 6 张 ICON 的一个整图，然后把这个图片丢到 PS 中。如下图所示选中切片工具，然后拖动工具即可进行切片，如果需要正方形，长按 Shift 即可，有一个注意的地方就是要先松鼠标再松 Shift 键

2 、调整切片的大小

有的时候切片的大小，我们需要精确的控制，则需要使用到切片选择工具，入下图所示，切换到切片选择工具之后，点击切片属性，即可弹出切片调整工具，可以在这里弹窗中输入你想要的精确切片大小

3 、导出切片

调整完成之后，就是开始导出切片，按照如下步骤所示，导出的时候选中你想要导出的切片，按住 Ctrl 进行多选。然后导出弹窗那边切片选择『选中的切片』即可。这里尽量选择 PNG-8,可以大大的缩小切片的体积。

三、欢迎关注

今天的分享就到这边，对独立开发感兴趣的可以加我的微信，我把你拉倒群里，我的联系方式：5b6u5L+h77yaUm1vbmRKb25l