AI进阶总结

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：AI UI

作者：陈剑波

撰写时间：2019-01-22

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

AI进阶

快捷键

.Shift+Ctrl+F9：弹出路径查找器

.Ctrl+[：向后发送

.Ctrl+]：向前发送

.Alt+Ctrl+P：文档编辑

.Ctrl+N：新建

.Ctrl+F9：渐变

.Ctrl+C：复制

.Ctrl+V：粘贴

.Ctrl+F：贴在前面

.Ctrl+B：贴在后面

.Ctrl+D：重复步骤

.Ctrl+G：编组

.Shift+Ctrl+G：取消编组

.Ctrl+S：存储

.Alt+Shift+Ctrl+S：存储为Web所用格式

.Ctrl+Z：还原变换

.Shift+Ctrl+Z：重做

.Ctrl+2：锁定对象

.Alt+Ctrl+2：全部解锁

.Ctrl+R：显示或隐藏标尺

.Ctrl+;：显示或隐藏参考线

.Ctrl+0：放大到页面大小

.Ctrl+1：实际像素显示

.Tab：显示或隐藏所有命令面板

ICON绘制案例

1. 知识点

1、 交集 2、 减去顶层 3、 减去顶层 合并 4、 减去顶层 5、 减去顶层 合并 6、 减去顶层 减去顶层 删除多余部分 7、 减去顶层 8、 联集 9、 减去后方对象 联集 10、 减去顶层 11、 减去顶层 联集 12、去描边填充白色，添加阴影添加背景

 

渐变ICON案例

 

1. 知识点

新建画布宽高为300px，使用矩形工具画出宽高为300px的正方形填充灰色，接着使用椭圆工具画出宽高为262px的圆形填充白灰渐变：“类型为线性、角度为90度”。在这个渐变圆形再画一个白灰渐变圆形：“类型为线性、角度为-90度”。这样看起来会有突起的效果，接下来的形状都时这样填充白灰渐变角度相反。高光部分画出椭圆填充白灰渐变，灰色部分使其融入到底下的圆将不透明度调整为0。

渐变旋转ICON案例

 

1. 知识点

新建画布宽高为300px，使用矩形工具画出宽高为300px的正方形填充灰色，接着使用椭圆工具画出宽高为199.251 px的圆形灰色描边1px填充白色。Ctrl+F将刚才画的圆形复制在前面，按住Shift+Alt+鼠标左键向中心等比例缩小，描边为3px，填充灰白径向渐变，接着再Ctrl+F将刚才画的圆形复制在前面，按住Shift+Alt+鼠标左键向中心等比例缩小，空白填充，描边度数放大到中心的圆看不到，描边添加渐变6个白色锚点每隔一个锚点将不透明度设置为0%，类型为径向，描边为沿描边应用渐变。

绘制小圆形直接用椭圆工具画出合适大小，添加灰色描边添加灰白渐变：“类型为线性、角度为90度、调整黑色锚点位置为80%”，放到左上角。

绘制围绕的线条，用直线段工具先画出一条再使用旋转工具按住Alt键将旋转中心点放到圆的中心点上弹出面板，调整度数为20度，然后点击复制，点击Ctrl+T重复复制步骤。再调整一下颜色即可完成。