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

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