AI教程基础功能讲解及实例操作.pptx

AI教程 基础功能讲解及实例操作 课程重点 通过AI实现图标的重点基础设置 运用AI快速高效完成iCon设计 【概要】 学会UI中的面板知识 UI建立面板知识点 图标设计 知识点 图标设计 基础篇 【使用软件】AI cc2015 - Mac 【设计难 度】：一星 【讲师】：先行迦美 - 薇薇 首先了解图标设计 的基础面板知识，之后运用钢笔工具操作简单线 性图标设计 。由浅到深慢慢了解 UI设计中图标的基础知识与基础图标设计 知识点！ 1小节：AI建立面板知识介绍 在学习UI图标制作之前，我们首先需要先了解建立面板的基础知识。 打开AI软件。1.点击文件 2.点击新建画板（快捷键ctrl+n） 点击后会出现下图设置版面。 1.名称：输入与文档设计有关的名称 2.画板数量：可不调整后面可添加减少 3.宽度大小：随意填写后期可修改 4.单位：像素（电子版设计稿单位像素px，印刷文件单位常用 毫米厘米） 5.高级-颜色模式：RGB（电子版设计稿RGB，印刷文件CMYK ） 6.删格效果：72ppi （电子版设计稿常用72ppi，印刷文件 常用300ppi） 7.点击确定就成功创建好画板了！ 主要注意：单位，颜色模式，删格效果（白框中的数值） 1 2 3 4 5 6 7 点击确定后出现下图的画面。白框中显示的是创建时的名称与颜色模式，主要注意颜色模式是否正确 2小节：常用工具知识介绍 图形工具：分为矩形工具，圆角 矩形工具，椭圆工具等等等（快 捷键m） 使用软件基础介绍，选择工 具（快捷键v） 填色与描边：线性图标与面性图 标不可缺少的填色功能 钢笔工具：常用第一个工具，可添 加或删除锚点（快捷键p） 3小节：图标的具体实现- 初级 运用工具知识点与快捷键：复制（artshift鼠标拖动）复制上一步（ctrld）编组（ctrlg） 取消编组（ctrl shiftg） 简单图标临 摹（1） 操作步骤： 1.点击直线工具（如图1） 2.点击一个点后按住shift两条锚点为水平垂直（如图2） 3.选择直线填充描边颜色（出现3图效果） 123 4.选择创 建好的线，按住artshift鼠标拖动:水平行复制（如图4） 5.鼠标点击右侧中间框架向右侧拖拽 45 6.全选后，按住artshift鼠标拖动:水平行复制（如图6） 7.按ctrld 复制上一步（如图7） 67 8.点击矩形工具（如图8） 9.在软件中鼠标点击后出现弹出框，输入宽高值（如图7） 10.点击色板工具（如图10） 8910 11.弹出拾色器，拖拽圆形选择色值，点击确定（如图11） 12.右击矩形框选择置于底层（如图12） 1112 13.全选线标 按住ctrlg 进行编组（如图13） 14.选择色块与线标点击对齐 工具“垂直居中对齐”（如图14） 1314 15.全选择色块与线标点击对齐 工具“左右居中对齐”（如图15） 16.完成（如图16） 15 16 简单图标临 摹（2） 操作步骤： 1.点击图形中圆角矩形工具（如图1）（得到图2效果） 2.关闭面的颜色（如图3） 3.选择直线填充描边颜色（出现3图效果） 123 4.选择线标 ，按住artshift鼠标拖动:水平行复制（如图4） 5.点击直线工具，按住shift建立垂直线（如图5）（得到图6效果） 4 56 8 6.全部选择点击对齐 工具“水平居中分布”（如图7） 7.全部选择，鼠标在右上方旋转（得到图8） 7 8.选择图 形后点击钢笔p工具添加两个锚点（如图9） 9.点