首页 >

Illustrator快速临摹icon技法是什么 – CSS – 前端,css中ins

css向下移,css胶囊按钮,css无限级treeview,css63伸缩布局,文字环绕中间图片 css,css变成3d菱形,css中insIllustrator快速临摹icon技法是什么 - CSS - 前端,css中ins

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

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的使用方法,加油!

css向下移,css胶囊按钮,css无限级treeview,css63伸缩布局,文字环绕中间图片 css,css变成3d菱形,css中insIllustrator快速临摹icon技法是什么 - CSS - 前端,css中ins


Illustrator快速临摹icon技法是什么 - CSS - 前端,css中ins
  • HTML文件只能放在C盘吗 - CSS - 前端,div css简单菜单界面
  • HTML文件只能放在C盘吗 - CSS - 前端,div css简单菜单界面 | HTML文件只能放在C盘吗 - CSS - 前端,div css简单菜单界面 ...

    Illustrator快速临摹icon技法是什么 - CSS - 前端,css中ins
  • 辽宁沈阳魔百盒CM201 - CSS - 前端,document.body css
  • 辽宁沈阳魔百盒CM201 - CSS - 前端,document.body css | 辽宁沈阳魔百盒CM201 - CSS - 前端,document.body css ...

    Illustrator快速临摹icon技法是什么 - CSS - 前端,css中ins
  • html怎么把网页间连接 - CSS - 前端,鼠标一放上去就旋转css旋转
  • html怎么把网页间连接 - CSS - 前端,鼠标一放上去就旋转css旋转 | html怎么把网页间连接 - CSS - 前端,鼠标一放上去就旋转css旋转 ...