AI打开页面

之前在学习Photoshop的时候，顺便下载了Adobe illustrator的软件，也顺便打开AI的软件，但是，当时是习惯了ps的右下角图层显示，找了半天的AI也没发现图层，就放弃了，想着先用顺ps再说。

机缘巧合，前几天，有几个logo设计的活，就想着试试用AI做几个logo，使用下来，觉得里面的功能还是很方便的，就瞬间粉了。而就当在logo设计的工作做完的时候，项目组的开发人员在群里呼叫使用过AI使用的小伙伴，我冒了个泡，便开始了我的第一个AI切图的旅程。

下面是我自己总结的第一次AI切图经验，可能方法并没有那么高明，不过作为一个纪念还是很不错的。BTW-为啥不用ps切图？作为小白的我，在进行浅显的百度工作之后，发现，我没法把别人提供的.ai文件在ps里用，于是凑合在并不是很方便切图的AI中操作了。

First——准备工作

在进行切图之后，有一系列的准备工作，这些工作是可以减小接下来的工作量的。

1. 因为我并不是图纸的设计人员，所以需要someone（我也不知道具体应该是说只要可以提供的了我需要的文件就行的人）提供需要切得图的规范和要求说明+切好后的命名规范要求说明（我这次使用的时候并没有，但是作为一个以前自己p图自己写前端代码的我觉得有这个文档会节省开发人员的时间）；

2. 新建好一个文件夹用于之后存放切片文件；

提前准备好的文件夹

3. 作为小白，第三个准备工作就是先试试，学的切图方式是不是okay的，就开始真是的切图工作了。

Second——切图详情

1. 我使用AI切图过程中，主要用到了画板结合符号，所以接下的方法就是使用这两个模块。

画板+符号

画板模块显示：

画板模块

符号模块显示：

符号模块

2. 左侧工具栏主要是使用了选择工具和画板工具

选择工具+画板工具

Third——步骤

1. 根据文档需求，在画板模块建立规定尺寸的画板，进行命名；

2. 讲需要切片的元素编组后拖入到符号库，对应画板进行命名；

3. 将对应符号库的元素拖至对应切片大小的画板中；画板的大小可以通过画板工具进行调整，元素的位置可以使用选择工具进行调整；

4. 将所有的切片选择好之后导出。详细说明：文件--导出，注意保存类型选择png，勾选使用画板，范围根据实际情况导出对应画板的文件。

导出页面

Alright,这就是我的AI初次切图体验分享，继续学习，再接再厉。