2019-11-12 UI设计培训

UI设计培训 | 16个AI操作小技巧

AI是一款非常好用的矢量图形处理工具,今天UI设计培训像素妹给大家整理出来16个好用的操作小技巧,希望能够提高大家的工作学习效率。

1、神奇的“~”键

在键盘“esc”键下方,有一个存在感很低的“~”键。当我们绘制形状时按着“~”键,可以画出令人惊叹的神奇图案。

UI设计培训


2、按比例缩放图形外观

在缩放一个带有圆角或者图层样式的图形时,有时图形的外观并没有跟随缩放而调整,如下图:

UI设计培训


我们需要在AI中打开:首选项——常规(快捷键ctrl+K),勾选“缩放圆角”以及“缩放描边和效果”,这样就可以将图形外观进行等比例缩放了。

UI设计培训


3、快速切换填充与描边

绘制完形状后,快捷键shift+X可以快速切换填充与描边的颜色。

UI设计培训


4、粘贴

有同学看到这里可能想要掀桌子了,等等!这里讲的小技巧可不是ctrl+V哦。在AI中想要粘贴在原位前面,快捷键是ctrl+F,想要粘贴在原位后面,需要按ctrl+B(复制还是ctrl+C没错,嗯!)。

UI设计培训

UI设计培训


5、快速切换竖排文字

将横排文字切换为竖排,常规做法是在菜单栏中找到文字——文字方向,选择水平/垂直进行切换。在这里我们介绍一种快速切换竖排文字的方式:激活文字工具T后,按着shift键就可以了。

UI设计培训


6、多段落文本拆分

当一个文本图层是多段落文字的时候,我们想要将它拆分开,变成每行都是独立的文本,可以通过拼合透明度来解决。

需要选中文本,打开菜单栏——对象——拼合透明度,再将整个文本解除编组(ctrl+shift+G)即可。

UI设计培训


7、调整圆角矩形的圆角大小

绘制过程中调整

在绘制圆角矩形时不要松手,按向右方向键会将圆角调至最大,按向左方向键会变为直角,按向上方向键会增大圆角,按向下方向键会减小圆角。

UI设计培训

绘制后调整

在AI CC及以上版本,我们在绘制形状后依然可以很轻松地调节圆角。

选中形状后,用选择工具V拖动控制点可以调节所有角点。用直接选择工具A可以调节单个或多个角点(按shift键加选)。如果我们想将某个角点的圆角调至精准数值,只需用直接选择工具A双击该控制点,在选项面板中输入即可。

UI设计培训


8、矢量形状转换为参考线

AI中的参考线不仅可以通过调出标尺(ctrl+R)后拖拽得到,还能够将矢量形状转换为参考线(不管什么样的矢量形状,很厉害吧~)。

如下图:我们选中一个矢量形状,按快捷键ctrl+5,就将它变成了参考线。想要还原形状,释放参考线的快捷键为ctrl+atl+5。

UI设计培训


9、快速调整星形形状

使用星形工具绘制形状时,按着Ctrl键不松手,拖动鼠标可以调整星星角的大小。

UI设计培训

使用星形工具绘制形状时,保持鼠标不松手按向上方向键,可以增加形状的角点,按向下方向键,可以减少形状的角点。

UI设计培训


10、偏移路径

将宽高不一致的形状复制,直接进行等比例缩放的时候,会出现与原形状间距不一致的问题。这时我们使用偏移路径,方法是:对象——路径——偏移路径,就可以完美地解决间距不一致的问题了。

(Tips:偏移路径选项面板中,位移数值为负数时是向内扩展路径,为正数时是向外扩展路径)

UI设计培训


11、旋转复制

选中形状,按旋转工具快捷键R,然后按着Alt键不松手,看需要拖动锚点的位置(若不需要拖动锚点,按回车键即可调出旋转面板),松开鼠标后会弹出旋转面板,设置旋转角度,点击“复制”,按Ctrl+D重复操作即可。

UI设计培训


12、形状生成器工具

用法一:快速合并图形

如下图,我们首先绘制一个圆,再用钢笔工具P绘制两条线,与圆相交。用选择工具V选中整体,激活形状生成器工具(快捷键Shift+M),用鼠标连续划选需要合并的部分,松手之后,发现被划选的部分变成了一个形状,它对应的另一部分,也会自动变成独立的形状。

UI设计培训

用法二:快速删除图形

如下图,首先绘制3个圆,用选择工具V选中整体,激活形状生成器工具(快捷键Shift+M),接下来按着Alt键不松手,我们发现箭头右下角变成了减号,用鼠标连续划选需要删除的部分,松手之后,被划选的部分被删掉了(使用形状生成器工具,绘制特殊形状简直好用到飞起ヾ(´∀`o)~)。

UI设计培训


13、内部绘图模式

我们在绘制一个形状后,选中该对象,在工具栏底部选择“内部绘图”模式,接下来,我们使用工具绘制图形时就会出现在对象的内部,实现类似于剪切蒙版的效果。

UI设计培训


14、巧用吸管工具

有些萌新设计师对于AI中渐变色形状吸色感到很头疼,如下图,如果在渐变面板中选择某一端渐变滑块直接用吸管工具(快捷键I)的话,会变成单色。在这里像素妹帮你改变一下姿势:选中某一端渐变滑块,按着Shift+吸管吸色就可以了~

UI设计培训

吸管工具还有一些冷门的小技巧,比如选中某形状后,按着Alt+吸管工具点击别的形状,可以将自身的颜色赋予给其它形状。

UI设计培训


15、实时上色工具

如下图,绘制两个圆,保证形状有部分重叠,全选两个圆形,激活实时上色工具(快捷键K),单击所选图形以建立“实时上色”组。激活实时上色选择工具(快捷键Shift+L),可单独选择某一个区域,进行填色。

UI设计培训


16、酷炫的混合工具

AI的混合工具可以实现很多酷炫的效果,如下图,我们绘制两条曲线,选中全部曲线,激活混合工具命令(快捷键W),按回车键会弹出混合选项面板,我们可以看需要设置步数,分别单击两条曲线,神奇的效果就出现了(搭配使用渐变色,效果会更佳哦~)。

UI设计培训

小伙伴们有没有Get今天分享的内容呢,快去打开AI撸起来吧(>▽<)~



林老师:0371-5556 6060