Step 01 打开学习资料中的素材文件“扁平化图标设计- 实例素材”。手机所在图层处于锁定状态,在“图层2”中绘制图标。
TIPS:图标的设计要以恰当的元素将词语转换为图形,让用户随意马虎理解,表示出要表达的功能信息或操作提示。同时应兼顾都雅与功能性,带给用户满意的操作体验。
Step 02 先来绘制一个拟人化的音符图标。利用铅笔工具绘制一个图形,添补深赤色,无描边颜色。利用椭圆工具按住Shift键绘制一大、一小两个圆形,作为眼睛。绘制眼珠。
Step 03 用铅笔工具绘制嘴巴。利用钢笔工具绘制牙齿及头上的图形,组成一个卡通音符。
再绘制几条波浪线作为乐谱。用矩形工具创建一个矩形,按Shift+Ctrl+[ 快捷键,将矩形移至底层。
Step 04 利用选择工具选择矩形,按住Alt键拖动进行复制,用圆角矩形工具在其上面分别绘制3个圆角矩形,绘制过程中按住↑键增加圆角半径。用矩形工具绘制一个矩形,组成麦克风。
Step 05 用铅笔工具绘制两条手臂和麦克风上的纹路。利用选择工具选取音乐符号上的眼睛和嘴巴图形,复制到麦克风上,并调度大小和位置。
Step 06 用同样的方法绘制影片、邮件、日历、记事本、照明、景象及旅游等图标,并将它们逐一编组。
将图形全选,通过掌握面板中的对齐与分布命令将图标排列整洁,然后移动得手机屏幕上。
Step 07 绘制一个矩形。利用选择工具按住Shift+Alt键向下拖动进行复制,调度图形的高度,添补深赤色。连续复制矩形,分别添补橙色、土黄色、绿色等。
Step 08 利用笔墨工具输入笔墨,在掌握面板中设置字体及大小。温度和韶光为紧张显示的笔墨,字体大小分别为40pt和30pt,“℃”为16pt,右侧的笔墨为12pt。绘制出其他图标。
完成后的效果如图所示
解除“图层1”的锁定,利用编组选择工具选取手机面板图形,考试测验添补不同的渐变颜色。
以上图文摘自公民邮电出版社:《中文版Illustrator CS6完备自学教程》作者:李金明,李金蓉