现在UI设计行业中很多APP设计师使用了AI软件来进行一些扁平化的设计,包括设计APP界面设计、APP引导页界面设计、APP图标设计等等。但是在AI里面切图是非常的不方便。
于是,为了解决大家这个烦恼。AI设计师的福利:扁平化设计最强切图工具横空出世!APP扁平化设计最强切图工具:AI批量切图动作
Ai 无疑是扁平化设计最强大的工具之一,但在切图输出方面远远没有PS那么方便,因此我在 PS 切图神器之后又为广大 UI 设计师制作了这个 Ai 的切图神器。
使用方法:在动作面板右上角菜单中载入动作即可。选中需要切图的物件,按下 F2 (我设置的默认切图快捷键,当然你也可以设置其他的)即可按物件切图输出透明的png图片。
动作集中还附赠了转换为iPhone 640p和安卓720p这两个默认手机UI尺寸的转换动作,快捷键分别为 F3 和 F4。
切图时的注意事项:
1、请解锁所有的图层和物件。
2、请不要在群组内隔离模式下操作。如果需要切群组内部的物件,可以暂时解散群组。否则可能导致切图出错。
关于Ai精确切图的几个小技巧:
1、如果输出时发现图形周围有虚边,请选择图形(如果多个图形选涉及到外轮廓的那个就可以了)然后勾选“变换”面板上的“对齐像素网格”。
2、如果需要图形周围有固定大小的透明区域,比如小图标的点击区域,可以将小图标制作成“符号”,然后在符号内部放置一个透明的矩形。这样输出的时候就会按照透明区域进行输出。
3、对于要精确到像素级别的输出(比如 ios 需要切偶数尺寸的图片),可以在输出对话框里面进行尺寸微调。如果图形有轮廓属性的,尽量选择“描边内部对齐”模式。
下面设计先锋网还帮大家收集了使用AI进行APP切图的一些教程和方法。希望对大家有帮助。