illustrator中的绘图工具

今天给大家分享的是如何用illustrator软件绘制拟人化图标,帮助大家熟悉铅笔、钢笔、矩形等工具使用,同时也帮助大家熟悉如此可爱萌萌哒小图标是如何设计制作的!

illustrator中的绘图工具

文章插图
详细步骤
Step 01 打开学习资料中的素材文件“扁平化图标设计- 实例素材” 。手机所在图层处于锁定状态,在“图层2”中绘制图标 。
illustrator中的绘图工具

文章插图
TIPS:图标的设计要以恰当的元素将词语转换为图形,让用户容易理解,体现出要表达的功能信息或操作提示 。同时应兼顾美观与功能性,带给用户满意的操作体验 。
Step 02 先来绘制一个拟人化的音符图标 。使用铅笔工具绘制一个图形,填充深红色,无描边颜色 。使用椭圆工具按住Shift键绘制一大、一小两个圆形,作为眼睛 。绘制眼珠 。
illustrator中的绘图工具

文章插图
Step 03 用铅笔工具绘制嘴巴 。使用钢笔工具绘制牙齿及头上的图形,组成一个卡通音符 。
illustrator中的绘图工具

文章插图
再绘制几条波浪线作为乐谱 。用矩形工具创建一个矩形,按Shift+Ctrl+[ 快捷键,将矩形移至底层 。
illustrator中的绘图工具

文章插图
Step 04 使用选择工具选择矩形,按住Alt键拖动进行复制,用圆角矩形工具在其上面分别绘制3个圆角矩形,绘制过程中按住↑键增加圆角半径 。用矩形工具绘制一个矩形,组成麦克风 。
illustrator中的绘图工具

文章插图
Step 05 用铅笔工具绘制两条手臂和麦克风上的纹路 。使用选择工具选取音乐符号上的眼睛和嘴巴图形,复制到麦克风上,并调整大小和位置 。
illustrator中的绘图工具

文章插图
Step 06 用同样的方法绘制影片、邮件、日历、记事本、照明、天气及旅游等图标 , 并将它们逐一编组 。
illustrator中的绘图工具

文章插图
【illustrator中的绘图工具】将图形全选 , 通过控制面板中的对齐与分布命令将图标排列整齐 , 然后移动到手机屏幕上 。
illustrator中的绘图工具

文章插图
Step 07 绘制一个矩形 。使用选择工具按住Shift+Alt键向下拖动进行复制,调整图形的高度,填充深红色 。继续复制矩形 , 分别填充橙色、土黄色、绿色等 。
illustrator中的绘图工具

文章插图
Step 08 使用文字工具输入文字,在控制面板中设置字体及大小 。温度和时间为主要显示的文字,字体大小分别为40pt和30pt,“℃”为16pt,右侧的文字为12pt 。绘制出其他图标 。
illustrator中的绘图工具

文章插图

illustrator中的绘图工具

文章插图
完成后的效果如图所示
解除“图层1”的锁定 , 使用编组选择工具选取手机面板图形 , 尝试填充不同的渐变颜色 。
illustrator中的绘图工具

文章插图

illustrator中的绘图工具

文章插图
以上图文摘自人民邮电出版社:《中文版Illustrator CS6完全自学教程》作者:李金明,李金蓉
illustrator中的绘图工具

文章插图