您好 。很高兴回答您的问题 。关注【搞设计】 。一起搞设计 。

文章插图
【Illustrator快速临摹icon技法是什么?】Illustartor(AI) 作为一款矢量图形绘制软件 。在UI设计中绘制一些线性图标具有很大优势 。在绘制椭圆、矩形、线和多边形的时候 。Ai让人感觉更加自然 。AI还有一个很方便的功能就是动态圆角 。可以将任意折角拖成圆角 。非常方便 。如何用Illustartor画好icon呢 。下面听搞设计来说一说吧 。
1.绘制icon之前的软件设置工作
新建文档时 。勾选使新建对象与像素网格对齐

文章插图
最新版的AI新建时没有这个选项 。可以进入软件后查找 。我的是老版本
视图里勾选“像素预览” 。勾选了以后 。放大画布会发现一个个像素格子

文章插图
虽然AI是矢量绘制软件 。但还是需要像素对齐的 。否则拷贝到PS里容易出现虚边的问题 。举个例子 。我们先画一个简单的描边icon

文章插图
将其进行扩展

文章插图
扩展之后打开像素预览

文章插图
就会发现icon的四边都是虚边 。没有对齐像素 。很难受

文章插图
我们用直接选择工具分别选中四个边 。用键盘移动一下就会发现对齐了 。操作方法见动图

文章插图
2.熟悉AI软件的基本操作
想快速临摹绘制icon 。必须熟悉AI软件的基本操作和工具的运用 。工欲善其事 。必先利其器 。没有掌握软件的操作方法 。那么绘制起来也会磕磕绊绊 。打击自己的自信心 。
工具栏的基本使用方法需要掌握

文章插图
另外绘制icon还需要熟悉一个重要的工具 。就是路径查找器 。大部分的形状都可以通过路径查找器制作出来

文章插图
关于AI的基本工具使用和路径查找器的用法 。大家可以百度搜索教程 。也可以私信我获取免费视频教程 。在这里就不过多讲述了 。
3.了解icon的基本制作规范
icon的绘制有几个基本要求 。比如易识别性 。统一性 。视觉平衡等 。了解了绘制规范 。才能绘制出更好更适合的icon 。
比如圆角、斜角的统一性

文章插图
视觉平衡这块 。同样大小的正方形、圆形、三角形 。虽然数值上大小一样 。但在视觉上是不一样的 。我们就需要进行微调 。使其达到视觉平衡

文章插图
看看下面这三张图 。哪个是正确的

文章插图

文章插图

文章插图
楼主问的问题是如何快速临摹icon 。其实掌握了以上说的三点 。临摹起来是很快的 。同一个图标可以用不同的方法快速绘制出来 。举个例子 。一个爱心的图标 。有几张绘制方法呢?
1.可以是两个圆形 。一个三角 。一个长方形组合起来

文章插图
2.可以是两个矩形垂直拼起来

文章插图
3.可以是一个直角的描边加粗

文章插图
总结起来就练习的越多 。对软件的理解越深刻 。临摹起来也越快 。希望楼主多多练习 。掌握AI的使用方法 。加油!

文章插图
推荐阅读
- 蚊子咬的包和跳蚤咬的包有什么区别
- 怎么更换手机软件图标?
- 蚊子咬的包大小和什么有关
- 南极几千米下的冰下湖泊中,发现了生命体的存在,这意味着什么?
- icon的设计软件有哪些呢?最好用的是哪一个?
- 蚊子咬的包出脓水是怎么了
- 地球上还有未被人类发现的地方吗?
- 品牌营销策划方案如何通过网络营销实现?
- 蚊子包留下的黑印要怎么祛除