AI教程 制作显示器图标.pdf

AI 教程 制作显示器图标 本例中我们利用 Illustrator 绘制一个真实的液晶电脑显示器。在制作时可以先绘 制出显示器的外壳，然后利用渐变工具准确表达出显示器外轮廓的高光效果，最后详 细的绘制出按键，在本例中，我们将完整的学习到 Illustrator 路径查找器、渐变调板 的使用等命令。完成效果如图1.0 所示。 图1.0 显示器效果图 步骤1：首先我们使用【矩形】工具来制作显示器的底座部分。并通过【圆角】 命令制作圆角矩形，还会利用到网格命令，最为辅助。在本步骤中，我们将学习如何 使用效果命令中的圆角命令将一个矩形转换为圆角矩形。 a. 单击菜单栏中【文件】/ 【新建】命令，或者按【Ctrl+N 】组合键，弹出【新 建】对话框，新建一张大小A4 尺寸的纸，单击菜单栏中【视图】/ 【显示网格】命令， 单击菜单栏中【编辑】/ 【首选项】/ 【参考线和网格】命令，弹出【首选项】对话框， 设置网格参数，以此作为后面绘制图形时候的参考，如图1.1 所示。 更多设计干货 ：百度 UE 讲堂 /s4272850.html 图1.1 首选项 b. 单击工具栏中【矩形工具】 按钮，绘制一个矩形，如图1.2 所示。单击菜单 栏中【对象】/ 【路径】/ 【偏移路径】命令，弹出【位移路径】对话框，设置参数， 并为其添充灰色，如图1.3 所示。 图1.2 绘制矩形 图1.3 位移路径参数 c. 选中位移路径得到的灰色矩形，重复 b 小节中的位移路径命令，得到一个新 的矩形。单击工具栏中【渐变工具】 按钮，为其添加线性渐变，渐变参数及颜色参 数如图1.4 所示。 更多设计干货 ：百度 UE 讲堂 /s4272850.html 图1.4 渐变参数 d. 单击工具栏中【椭圆工具】 按钮，在如图1.5 所示位置绘制一个椭圆形，填 充为黑色，单击菜单栏中【窗口】/ 【透明度】命令，弹出【透明度】对话框，将其 透明度调整为20% 。 图1.5 绘制矩形 e.按键盘【Shift】键，同时选中渐变色的矩形与新绘制的椭圆，单击菜单栏 中【窗口】/ 【路径查找器】命令，弹出【路径查找器】对话框，单击【形状模式】 / 【交集】命令，得到如图1.6 所示效果。 更多设计干货 ：百度 UE 讲堂 /s4272850.html 图1.6 路径查找器的使用 f.选择工具条中【矩形工具】 按钮，绘制一个矩形，并选择工具条中的【渐 变工具】 按钮，为其添加线性渐变，详细参数及矩形位置摆放如图1.7 所示。 图1.7 矩形渐变参数 g.选中矩形，选择菜单栏中【效果】/ 【变形】/ 【上弧形】命令，弹出【变 形选项】对话框，设置参数，图 1.8 所示。随后选中变形后的得到的弧形，选择菜 单栏中【对象】/ 【扩展外观】命令，将其变为一个新的图形，以方便后面操作。 更多设计干货 ：百度 UE 讲堂 /s4272850.html 图1.8 变形参数 h.选中变形后的得到的弧形，按键盘【Ctrl+C 】复制，按键盘【Ctrl+F 】粘贴 在前面，再按键盘【Ctrl+F 】粘贴在前面，选中最前面的弧形，向下移动其位置，如 图1.9 所示。选中最前面的弧形与下一层的弧形，选择菜单栏中【窗口】/ 【路径查 找器】命令，弹出【路径查找器】对话框，单击【形状模式】/ 【减去顶层】命令， 并为其添加灰色，颜色参数及最后效果如图1.10 所示。 图1.9 复制弧形 更多设计干货 ：百度 UE 讲堂 /s4272850.html