• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Illustrator > AI绘制简洁的几何线型图标

AI绘制简洁的几何线型图标

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-23

佚名 向大家分享了AI绘制简洁的几何线型图标,其中包含ai怎么制作立体几何,ai绘制ui图标,ai绘制ui图标教程,ai画ui图标,ps ai图标等知识点,遇到此问题的同学们可以参考下

这篇教程教的AI学习者们使用AI绘制简洁的几何线型图标,教程除了一枚线性图标的操作演示,更重要的是帮同学们领会UI设计师必备的化繁为简,抽丝剥茧的能力。教程很实用,对于初学图标绘制的同学很有帮助,一起来学习吧!

几何

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

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

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

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

界面图标

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

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

1、选择圆角矩形工具

2、拖拽鼠标,画出形状

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

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

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

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

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

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

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

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

另有一些有用的工具,对制作图标很有帮助——路径查找器:可对各类形状进行切割、组合以及合并。

线条/填充工具:形状的线条色和填充色之间的转换。

再有我最爱的工具——线条面板:将图形转折点由直角转为圆角。

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

最后,我会将它们置入应用进行检验,看看它们是否作用良好。

总结一下,制作优秀图标不止是学习Illustrator的使用诀窍,当然,熟练掌握软件也是必不可少的。更重要的是,你要练习将所见的事物分解为简单的图形。这项关键技能是助你成为图标设计大师的秘诀!加油!

以上就是AI绘制简洁的几何线型图标教程,大家学会了吗?希望大家通过本教程能学校绘制图标的技巧,谢谢阅读!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • AI创建一个抽象的几何条纹线效应
  • ai怎么绘制一个多边形的几何图形?
  • AI怎么制作几何图3d饼图?
  • AI结合PS制作漂亮的七彩几何图案
  • AI绘制简洁的几何线型图标
  • AI绘制精细美观几何图标
  • AI打造时尚漂亮的几何图案背景

相关文章

  • 2017-05-23Illustrator 超流行的凸版印刷样式文字
  • 2017-05-23巧用Adobe Illustrator绘制精美的曼陀罗花
  • 2017-05-23手把手教你用AI绘制谷歌Chrome标志
  • 2017-05-23AI绘制ios美图秀秀app图标教程
  • 2017-05-23AI CC2015有什么功能?AI CC2015新功能和AI学习技巧汇总
  • 2017-05-23Ai简单绘制卡通风格的阴天小图标
  • 2017-05-23AI绘制一只可爱的打坐卡通奶牛
  • 2017-05-23Illustrator绘制从中间切开的猕猴桃效果图
  • 2017-05-23Illustrator使用渐变网格绘制逼真的红苹果
  • 2017-05-23Illustartor(AI)设计绘制矢量图弯弯月牙实例教程

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • ai怎么绘制电梯按钮的图标?
    • Ai怎么绘制很呆萌小男孩的头像?
    • Illustrator(AI)设计制作漂亮可爱的俩姐妹插画实例教程
    • Illustrator利用涂抹命令打造文字草图特效
    • AI制作漂亮有质感的描边字体
    • SPACEBEAR绘制卡通可爱太空熊麻豆造型图标解析
    • Illustrator绘制抽象风格的小蜜蜂插画
    • Illustrator简单制作淘宝主图
    • ai矩形中间出现一个小×该怎么隐藏?
    • AI设计图标流程及小技巧介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有