图标设计技巧1：AI与PS制作线性图标.pdf

更多更多设计干货设计干货 百度百度 UEUE 讲堂讲堂 图标设计图标设计技巧技巧 1 1 AIAI 与与 PSPS 制作制作线性图标线性图标 本文将通过3个部分来阐述运用AI制作修改线性图标 以及图标从AI导入PS的全过程 其中包括线性图标制作的统一原则 风格统一 大小统一 粗细统一 圆角统一 缺口统一等 当然这只是一些指导 切不可当作教条的规则来使用 要知道想要成为好的设计师 首先应该 学会什么时候需要打破规则和什么时候需要遵守规则 要求 图标大小 48x48px 图标粗细 2px 图标圆角 10px 图标缺口 6px 更多更多设计干货设计干货 百度百度 UEUE 讲堂讲堂 第一部分第一部分 图标制作 图标制作 步骤步骤 1 1 首选项的设定首选项的设定 打开 AI 软件新建文件 这里画布大小自定 如图所示 新建好文件以后 打开首选项 快捷键 ctrl k 设置单位为像素 设置常规 键盘增量 1px 圆角半径为 10px 设置参考线和网格 网格县间隔 48px 次分割线为 1 点击确定 如图所示 更多更多设计干货设计干货 百度百度 UEUE 讲堂讲堂 步骤步骤 2 2 绘制图标绘制图标 首先 ctrl 打开网格 选择矩形工具绘制圆角矩形大小 48px 圆角 10px 粗细 2px 如图所示 更多更多设计干货设计干货 百度百度 UEUE 讲堂讲堂 一般情况下 会出现 3 种这样的圆角矩形 其中第一种和第三种情况实际大小是 50px 不符 合图标要求 第二种情况符合要求 但后期不好做缺口 所以制作 48px 大小 粗细为 2px 的 图标时图形大小设置为 46px 48px 减去线条粗细 2px 如图所示 更多更多设计干货设计干货 百度百度 UEUE 讲堂讲堂 然后 关闭填充色 添加参考线 参考线时间距离为 8px 图标缺口 6px 加图标粗细 2px 选择钢笔工具在圆角矩形上添加锚点 选择直接选择工具选中删除路径 如图所示 更多更多设计干货设计干货 百度百度 UEUE 讲堂讲堂 如果出现以上效果请点击菜单栏中描边 选择端点圆角 接着完成图标里面内容的绘制 做好 对齐 当到图标 制作完成 制作完成 第二部分 第二部分 修改修改图标图标 要求 图标大小 48x48px 图标粗细 3px 图标圆角 10px 图标缺口 6px 选择修改图标 描边 3px 用选择工具选中外边框修改大小为 45px 调整缺口大小以及里面 内容完成图标 更多更多设计干货设计干货 百度百度 UEUE 讲堂讲堂 修改完成 修改完成 第三部分 第三部分 AIAI 图标图标导入导入 PSPS 方法一 方法一 选中图标 选择对象 扩展或者扩展外观 更多更多设计干货设计干货 百度百度 UEUE 讲堂讲堂 完成以后 复制 ctrl c 打开 PS 软件新建文件粘贴 ctrl v 选择形状 完成导入 可在 PS 中直接修改编辑 方法方法二二 选中图标 复制 ctrl c 打开 PS 软件新建文件粘贴 ctrl v 选择智能对象 更多更多设计干货设计干货 百度百度 UEUE 讲堂讲堂 完成导入 双击智能对象跳转到 AI 修改编辑 图标设计图标设计技巧技巧 1 1 完成完成 该文档的版权为百度 UE 讲堂所有 如需转载请注明出处 。