Illustrator创建规则图标技巧教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下创建规则图标技巧的教程。

教程分享:

绘画教给你怎样去观察,然后将所看到的在纸上用先天和图形转换出来,我认为这是我理解怎样创建图标的关键所在。

几何图形

首先,你应该知道,下面这四个图形可以组成任何复杂的图形。

 


当我想要将某个东西转换成图标时,我会仔细观察它,然后尽量将其打散成最简单的结构。例如,水滴形状可以使用三角形与圆形组成。

 


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

 


我通常使用Adobe Illustrator来创建这些形状。使用矢量形状我可以更容易的控制线条的粗细、形状的相互关系以及它们的锚点。Illustrator也可以很方便的将线条转换成形状,反之亦然。这一切看上去都很初级,但我便是用这种方法来创建非常复杂的图标。下面是一个稍微复杂一些的例子,这是我最近在做的一个账单的图标,我也使用了同样的基本图形。

 


界面图标

最近我在为iPhone 上一款称为Parker Planner的App来设计一整套图标。我很喜欢这个项目的工作,最重要的一点是,我创建出的这些易于理解、功能与美观兼备的用户界面图标能够帮助用户更好地了解、使用这款应用。

 


我们从这些图标中挑出一个进行解构,以便你能够了解我是怎样创建的。我们以垃圾桶的图标为例,这个图标由三个圆角矩形和三条线组成。

1. 选择圆角矩形工具

 


2. 拖出圆角矩形的形状

 


3. 不断调整描边的大小,直到你满意为止。

 


一整套图标中,我通常会选择一到两种描边尺寸。这样会使这些图标看上去一致并且有关联。

 


4. 使用另外一个圆角矩形来创建盖子。

 


5. 再使用一个圆角矩形来创建盖子的把手

 


6. 擦除圆角矩形的下半部分。

 


7. 通过在垃圾桶上增加三条竖线来创建条纹。

 


8. 我们大功告成了!一个垃圾桶的图标就做好了。如果你喜欢,也可以继续调整线条的颜色和粗细。

 


路径查找器是我在创建图标的过程中最为有用的工具之一。利用路径查找器,可以方便地进行形状的修剪、合并以及打断操作。

 


描边/填充工具能够很方便地在形状与描边键切换。

 


描边面板是我最喜爱的工具,在这里你可以将非常生硬的边角或线条的尾部修改为光滑的圆形。

 


当完成了一套图标的设计,我通常会将他们摆成一行,看看是否有的图标看上去很怪异或与整体不协调。接下来我会进行一些必要的调整。

 


最后一步,我通常会在app中检查,观察这些图标是否在设备上看上去也十分完美。

 


最后我还想说几句,尽管Illustrator软件的技巧很重要,但创建一个非常棒的图标的方法会更重要。最好的办法就是经常练习将你周围的东西解构成简单的图形。经常坚持这么做,你终将会成为一个很棒的图形设计师的!

好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的创建规则图标技巧的教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在是非常的清楚了绘制方法了吧,那么各位就快去按照小编分享的教程自己去绘制下吧。

时间: 2024-09-29 20:32:35

Illustrator创建规则图标技巧教程分享的相关文章

Illustrator设计苹果图标绘制教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下设计苹果图标的绘制教程. 教程分享:   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计苹果图标的绘制教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家看到这里了是很清楚了绘制方法了吧,那么大家就快去按照小编的教程自己去绘制一下苹果图标吧.

Illustrator绘制质感气泡技巧教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下绘制质感气泡的技巧教程. 教程分享: ①:首先是使用椭圆工具画出一个圈圈~同样的·画圈圈的时候你可以诅咒任何人!千万不要是我!你会后悔的~~ ②:画完圈圈之后使用网格工具,老湿最爱各种网了,比如黑丝网,蜘蛛网,渔网,淘宝网 等等~这里是网格工具可以让亲感受到各种网格哦~~   ③:然后是给网格填充颜色,点选已经加了诱惑的网格的节点,按键盘上的a!然后屏幕上会传一个小小的白色的箭头!嗯··那就对了~~~点选各种"网格内的点"~

Illustrator设计绘制老虎技巧教程分享

给各位llustrator软件的使用者们来详细的解析分享一下设计绘制老虎技巧的教程. 教程分享:                   好了,以上的信息就是小编给各位llustrator的这一款软件的使用者们带来的详细的设计绘制老虎技巧的教程解析分享的全部内容了,各位使用者们现在看到这里了是非常的清楚了绘制方法了吧,那么大家先在就快去按照小编上面带来的教程自己去绘制下老虎吧.

Illustrator把草图转换成矢量图标具体教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下把草图转换成矢量图标的具体教程. 教程分享:   本教程案例我们就使用如上图所示的斯巴达式头盔吧! 一.跟踪草图   打开AI,新建文件,File > Place找到草图,把草图放到画布上.降低草图的不透明度到20%左右,然后使用快捷键CMD/CTRL+2给它上锁避免意外选到它.   我们将尽力通过几何形状来跟踪草图.很明显头盔的的中部可以用一个圆形来定局,不过我们不需要整个圆形,所以使用裁剪工具来处理掉多余的部分.   复制(CMD

Illustrator设计简单的三维日历图标制作教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下设计简单的三维日历图标的制作教程. 教程分享: 1.使用矩形工具(M),开始绘制一个正方形.   2.执行效果菜单>3D>旋转,旋转正方形.你不需要按下图输入数值,但是你一定要记住你所输入的数值,因为在我们之后添加文本时,你还要用到它(注:其实不记住也没关系的,只要旋转完成后,新建个图形样式就可以了,之后要再用到这个效果时只要再应用即可).确定后,执行对象菜单>扩展外观,扩展形状.   3.为了模拟日历的厚度,我们使用Illu

Illustrator快速制作目录和编排文字段落技巧教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下快速制作目录和编排文字段落技巧的教程. 教程分享:   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的快速制作目录和编排文字段落技巧的教程解析分享的全部内容了,各位看到这里的使用者们,小编相信各位现在是非常的清楚了吧,那么大家就快去按照小编上面的教程自己去试试效果吧.

Illustrator做透视技巧教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下做透视技巧的教程. 教程分享:   1. 首先选中物体 2. 切换成自由变换工具 3. 使用自由变换工具在物体一个角的变形点上按住师表左键不放 4. 同时按住键盘上的Ctrl+Alt+Shift键,再拖动鼠标 好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的做透视技巧的教程分享的全部内容了,各位使用者们现在看到这里了,小编相信大家现在是很清楚了方法了吧,那么大家就快去按照小编的教程自己去试试效果吧

Illustrator打造现金兑现图标绘制教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下打造现金兑现图标的绘制教程. 教程分享:       好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的打造现金兑现图标的绘制教程解析分享的全部内容了,各位使用者们现在看到这里了,小编相信目前大家是很清楚了制作教程了吧,那么各位就快去按照小编上面分享的教程自己去尝试着绘制吧.

Illustrator设计精致细腻图标绘制教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下设计精致细腻图标的绘制教程. 教程分享:     好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计精致细腻图标的绘制教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在是很清楚了绘制方法了吧,那么各位就快去按照小编的教程自己去尝试着绘制一下吧.