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

AI制作卡通风格的铅笔图标

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

佚名 向大家分享了AI制作卡通风格的铅笔图标,其中包含铅笔ai,ai绘制mbe风格,mbe风格ai教程,如何用ai画卡通,ai立体卡通等知识点,遇到此问题的同学们可以参考下
这个教程教的朋友们用AI制作卡通风格的铅笔图标,制作过程难度一般,适合于学习AI进行UI设计的朋友,希望大家喜欢这个教程。先看看最终的效果图:

AI制作铅笔图标  AI教程

AI制作铅笔图标  AI教程

几周之前,我们发布了这一套阳光系图标(见上图所示),你可以从我们的网站上免费下载。这篇教程阐述了这套图表中的铅笔图标的制作过程。这篇教程很深入,很细致,我们想你应该可以毫无障碍的一步一步跟着做下去。  虽然我们认为这篇教程中的示例很基础,使用到的概念,理念,技术在一般的图标设计中也很适用,我们使用的工具也很简单,也很好操作,但是,你也必须对AI软件相当的熟悉。 以下就是我们这篇教程的最终成果,你可以从这下载源文件。

AI制作铅笔图标  AI教程

我们怎么开始呢?通常在开始之前,我们先会去网上收集一些铅笔的图片,观察它们的细节和特征,然后把他们溶合成一种风格,创造一些全新的铅笔图标。我们一般从手绘开始。

1.铅笔图标的特征。绘制一个图标意味着描绘一个物体的最具代表性的特点,这样它就可以说明这个图标的功能,或者阐述这个图标的概念。你应该知道,一般说来,有以下三种铅笔:

1. 多边形柱体,表面涂有一层反光漆; 2. 多边形柱体,笔身上还用一个白色的金属圈固定着一个橡皮头; 3. 圆柱形笔身,没有橡皮擦。

我们选择第二类作为图标设计的原型,因为所有必要的元素他都具备,这样对于观者来说,具有很高的可识别性。在试着按照第二种类型手绘一些草图以后,已经有和我们脑海中的风格设定相匹配的草图了。

我们一般喜欢用10%,30%,50%灰度的Copic马克笔和圆珠笔来绘制草图。关于图标设计,还有以下几条是相当重要的:

当你在绘制一个大图标时,你需要特别注意那些细节,特别要提醒的是你必须用两点透视。但是在这篇教程中,因为这套图标是在小尺寸(64×64像素和48×48像素下文中像素用px代替)下输出的,所以应该尽量简化,而且用一点透视即可。

这套图标中的光线必须一致。整套图标透视必须一致,这样所有的图标看起来才像一个系列。风格是比较阳刚的。主色调是绿色。由于这套图标存储为EPS8文件,所以只能使用渐变,而且所有的路径必须是闭合的(没有开放路径)。同时要注意,没有透明效果和栅格化图像。好了,现在要正式开始了。

2.草图 在我们的图标设计中草图总是第一步 然后我们会把这些草图扫描置入到AI中。

AI制作铅笔图标  AI教程

3.基本轮廓线

3.1笔身 1.新建一个64 x 64px文档。将草图拖拽到新文档的画板中。在透明调板中把图像的不透明度设置为50.锁定图层,存储文档。新建一个图层开始绘制轮廓线。

2.使用圆角矩形工具新建一个圆角矩形,然后点击画板,设置圆角半径为10px,点击确定。

AI制作铅笔图标  AI教程

AI制作铅笔图标  AI教程

使用选择工具(快捷键V,下文中中直接使用双括号与英文字母表示),点击圆角矩形的边缘,然后把他拉伸与草图对齐,如下图所示。

AI制作铅笔图标  AI教程

* 选择圆角矩形,把填色设为无。 * 由于橡皮擦看起来要比笔身小,所以需要变动一下。有很多方法重新绘制橡皮擦,比如说用钢笔工具,但是,按照我的经验,这样的结果并不尽如人意。

选择圆角矩形路径。双击比例缩放工具,在对话框中选择等比缩放。把比例缩放值设置为96%。按照下图执行复制黏贴(我觉得应该事先复制以前的圆角矩形然后再执行比例缩放)

AI制作铅笔图标  AI教程

使用矩形工具在橡皮差的位置绘制一个新的矩形,在圆角矩形路径上层。

AI制作铅笔图标  AI教程

选择添加锚点工具(+)然后在矩形路径的中点位置添加锚点(在第五步中绘制),然后,选择删除锚点工具删除那两个顶点锚点。

AI制作铅笔图标  AI教程

选择椭圆工具绘制下图所示椭圆。

AI制作铅笔图标  AI教程

选择较大的圆角矩形路径和椭圆路径。点击路径查找器中的分割图标。图层面板中出现了一个新的组。分割后的路径属于这个组别。

AI制作铅笔图标  AI教程

在图层面板中选择这个新组下的两个路径,敲击Command/Ctrl + G对它们进行编组组中并锁定这个组。这样做是为了能更方便的删掉没用的路径。选择分割路径的那个组,在右键菜单中选择取消编组。

AI制作铅笔图标  AI教程

删掉没用的路径,得到下图所示效果。

AI制作铅笔图标  AI教程

3.2金属环就像做橡皮擦那样,这个路径我们将会用到一个比较大的椭圆路径,然后分割笔身路径,把金属环路径从笔身上分离出来。

AI制作铅笔图标  AI教程

AI制作铅笔图标  AI教程

现在铅笔的大致形状已经出来了,我想从这一步开始我们要调整细节了,我们要做的就是细化这只铅笔。

4.细节

AI制作铅笔图标  AI教程

使用圆角矩形工具和路径查找器面板绘制有笔尖的铅笔外轮廓线,我们这样处理路径是为了让笔身呈现为棱柱,看起来有棱有角。使用圆角矩形工具绘制一个圆角半径为4pt的圆角矩形。(像步骤2b那样)

AI制作铅笔图标  AI教程

使用“贴在前面”命令(Command/Ctrl + F)复制一个圆角矩形,把路径副本移动到右侧。

AI制作铅笔图标  AI教程

选择这两个圆角矩形路径和笔身路径,然后点击路径查找器中的分割命令。选择分割后的组,取消编组,删掉没用的路径,得到下图所示效果。

AI制作铅笔图标  AI教程

继续使用圆角矩形工具绘制一个新的圆角矩形,然后在笔身的中间位置使用分割命令,这样就得到了一个清晰地棱柱。

AI制作铅笔图标  AI教程

现在解锁图层2中的所有路径,然后给他们命名,如下图:

AI制作铅笔图标  AI教程

AI制作铅笔图标  AI教程

5.树立风格现在我们要让这个图标变得更加的迷人,步骤如下: 5.1添加渐变选择所有的路径然后使用渐变工具,然后去色板中选择一个从黑到灰到白的径向渐变。选择每一个路径,使用渐变工具(G)在其中拖动,直至达到下图所示效果.

AI制作铅笔图标  AI教程

把所有的路径的描边都设为无,这样做是为了预览铅笔的大致效果。

呃...笔身的光影效果还不错,但是笔尖和金属环似乎还需要调整一下。

AI制作铅笔图标  AI教程

如下图所示,把这个路径的渐变设置为线性渐变。希望你能调出和我一样的效果,如果不行,你可以下载附上的源文件。

AI制作铅笔图标  AI教程

AI制作铅笔图标  AI教程

金属环路径应该紧紧地套在橡皮擦上,为了达到这种效果,使用添加锚点工具在金属环路径的两个顶点处再添加4个锚点,然后删掉两个顶点锚点,效果如下图所示:

AI制作铅笔图标  AI教程

金属环路径应该还有一点厚度,最简单的方法就是使用路径偏移命令,点击对象>路径>偏移路径。在偏移路径面板中,把偏移值设定为-1或者更小。你可以勾选预览查看效果,然后点击确定。

AI制作铅笔图标  AI教程

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

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

  • AI快速使用铅笔工具绘制光滑线条
  • AI绘制非常漂亮的铅笔书包等教学相关图标
  • Ai怎么绘制一个可爱的铅笔盒的图标?
  • AI制作卡通风格的铅笔图标
  • AI制作创意的铅笔数据柱形图
  • AI绘制一支漂亮的绿色卡通铅笔

相关文章

  • 2017-05-23AI怎么设计简洁风的简历?
  • 2017-05-23Ai怎么绘制一款办公桌子的图标?
  • 2017-05-23如何在Adobe Illustrator创建立体风格的黑胶唱机图标
  • 2017-05-23Illustrator绘制金属质感的立体五角星LOGO图标
  • 2017-05-23AI制作超简单的心形文字
  • 2017-05-23ai怎么制作logo?ai绘制正多角形相交叉的logo的方法
  • 2017-05-23Ai怎么绘制清新的绿色环保图标?
  • 2017-05-23Illustrator绘制循环的矢量印花图稿
  • 2017-05-23Ai怎么绘制一个简单的小人洗脸的图标?
  • 2017-05-23Illustrator教程:绘制卡通时尚的红色数码相机图标

文章分类

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

最近更新的内容

    • 教你用AI快速制作精致的网页倾斜纹理背景
    • AI打造文字长阴影特效
    • Illustrator绘制创意炫酷的六芒星效果图
    • ai中怎么缩放工具? ai缩放工具快捷键的使用方法
    • AI改变轮廓线的颜色
    • Ai简单绘制电脑显示器效果图
    • AI结合PS绘制超级椭圆图标的N种方法详解
    • AI简单制作漂亮的黄金效果字教程
    • AI箭头怎么对齐? ai对齐功能的详细介绍
    • AI制作非常漂亮的毛笔书法文字效果

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

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