下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

illustrator教程:用AI来绘制线性图标的操作演示学习

作者:在线学习平台     来源: www.kokojia.com点击数:1064发布时间: 2015-09-06 11:27:11

标签: illustrator教程illustrator视频教程Illustrator技巧

想学设计?来看看大师是如何完成作品的?

本期的illustrator教程学习的主题:关于线性图标的绘制。我们在学习用AI绘制图标的过程看似简单,实则非常讲究,尤其是要绘制一套完整的图标,我们在操作的过程中需要考虑的因素也非常多,那么通过本次的学习来进一步巩固图标绘制相关的知识点吧,里面提到的一些技巧还是蛮实用的,希望对初次学习用AI来绘制图标的同学有所帮助。

正式开始本期的illustrator教程的学习,大家好好看看本次的操作演示吧!

一、几何图标

对于初学者来说,我们可以这样理解,任何东西都可以用这四种图形组合而成:

用AI来绘制线性图标的操作演示学习

当我想要用图标来表现一个物体时,我会先仔细观察,然后尽可能将其拆分为最简单的形状。譬如,水滴可以用一个三角形和一个圆圈组成。

用AI来绘制线性图标的操作演示学习

心形图标可以由两个圆圈和一个三角形组成。

用AI来绘制线性图标的操作演示学习

我通常会使用Adobe Illustrator来制作这些图形。矢量图形的线条粗细、节点以及图形之间的关系都非常易于控制。在Illustrator中,图形和线条间的互相转换也非常便捷。这些信息也许非常基础,但却是我制作大多数,甚至是复杂图标的方法。下面这个例子细节略多,是我最近为bill of rights所做的图标,其中,我也完全使用了相同的方式。

用AI来绘制线性图标的操作演示学习

二、界面图标

我最近正在为一款超赞的iPhone应用Parker Planner制作一组图标。我很喜欢这个项目,这组用户界面图标的要点是在易于理解和功能性强的同时,具有美观性,帮助用户在这款略为复杂的应用中进行导航。

用AI来绘制线性图标的操作演示学习

下面,让我们来细看一下这些图标,并且分析我的制作步骤。我们就以垃圾桶图标为例,它就是由三个圆角矩形和三根线条组成的。

1、选择圆角矩形工具

用AI来绘制线性图标的操作演示学习

2、拖拽鼠标,画出形状

用AI来绘制线性图标的操作演示学习

3、根据所需调整线条粗细

用AI来绘制线性图标的操作演示学习

我通常会在整套图标中选用一到两种粗细的线条。

用AI来绘制线性图标的操作演示学习

这样可以保持所有图标的整体性和一致性。

4、画出另一个圆角矩形,作为盖子。

用AI来绘制线性图标的操作演示学习

5、再用一个圆角矩形画出盖子的把手。

用AI来绘制线性图标的操作演示学习

6、擦去把手底部的半个圆角矩形。

用AI来绘制线性图标的操作演示学习

7、现在,在桶身上绘制三条直线。

用AI来绘制线性图标的操作演示学习

8、好啦,一个垃圾桶图标就此诞生!你可以根据所需,调整颜色和线条粗细。

用AI来绘制线性图标的操作演示学习

用AI来绘制线性图标的操作演示学习

 

当完成一整套Wordlink_affiliate">图标设计后,我通常将它们肩并肩放成一排,来检查是否有哪个特别奇怪,随之进行调整。

用AI来绘制线性图标的操作演示学习

我会将它们置入应用进行检验,看看它们是否作用良好。总而言之,我们在Adobe Illustrator 教程中学习用AI制作优秀图标不止是学习Illustrator的使用诀窍,当然,熟练掌握软件也是必不可少的。更重要的是,你要练习将所见的事物分解为简单的图形。

用AI来绘制线性图标的操作演示学习

总结:以上即是本期AI学习的全部内容,我们在设计制作的学习中更多是希望各位懂得如何将设计由复杂变简单,通过充分使用相关技巧来提高效率和美观度,相信大家对于用AI来绘制线性图标的操作演示有了进一步的认识了,更多的illustrator视频教程可登陆课课家官网查询相关课程学习。

赞(19)
踩(4)
分享到:
华为认证网络工程师 HCIE直播课视频教程