今天给大家分享的是如何用illustrator软件绘制拟人化图标,帮助大家熟悉铅笔、钢笔、矩形等工具使用,同时也帮助大家熟悉如此可爱萌萌哒小图标是如何设计制作的!
详细步骤
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完全自学教程》作者:李金明,李金蓉
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:dandanxi6@qq.com