之前在学习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初次切图体验分享,继续学习,再接再厉。