AI打造清新苹果风格图标一:形状的建立

所属分类: 平面设计 / Illustrator教程 阅读数: 1972
收藏 0 赞 0 分享
  本文介绍用Illustrator制清新苹果风格图标的第一部分:形状的建立。

  写在前面的话:很多人都问笔者“老师,我没有学过美术,我学平面设计是不是不行?为什么我方法掌握了,却画得的不够好看?”笔者觉得,这些问题是困挠大多数学平面软件的同学一个重要的因素。只要用心,这些问题都是可以解决的。

  下面我们分三部分来介绍如何用Illustrator绘制清新苹果风格图标,主要分为三节:形状的建立、图标立体化、组合的技巧。
  今天我们讲形状的建立。

  最终要做出的是这样一个图标,先来看看效果图:
  AI打造清新苹果风格图标_形状的建立

  形状好比人的骨架,骨骼精奇才能练就上乘的武功。笔者再将画形状也分成三个部分来讲。
  一、扳手部分
  在Illustrator工具箱中选择椭圆工具,按住Shift键绘制出一个正圆形。
  AI打造清新苹果风格图标_形状的建立
  在工具箱中选择圆角矩形工具,按下鼠标后向右下方拖曳,直至矩形的形状大小与圆形比例适合,按下键盘上的“↑”“↓”键,调整圆角的大小,调整完成后,释放鼠标键。
  AI打造清新苹果风格图标_形状的建立
  使用Illustrator选择工具将两个形状都选中,单击对齐调板中的“垂直居中”按钮,使得圆角矩形与圆形对齐。
  AI打造清新苹果风格图标_形状的建立
  再按下Illustrator路径查找器中的“与形状区域相加”按钮。
  AI打造清新苹果风格图标_形状的建立
  单击路径查找器中的“扩展”按钮。此时两个简单的形状就组合成了一个复杂的形状。
  AI打造清新苹果风格图标_形状的建立
  使用Illustrator的多边形工具绘制一个8边形,按下鼠标后向右下方拖曳,按下键盘上的“↑”“↓”键,调整多边形边的数量,调整完成后,按住Shift键,拖曳至的形状大小与圆形比例适合,释放鼠标键。
  AI打造清新苹果风格图标_形状的建立
  使用对齐调板对齐这两个形状。
  AI打造清新苹果风格图标_形状的建立
  使用直接选择工具,按住Shift键,将8边形上的四个锚点选中。
  AI打造清新苹果风格图标_形状的建立
  按住Shift键,将这四个锚点向左拖曳
  AI打造清新苹果风格图标_形状的建立
  使用选择工具将两个形状同时选中,按下路径查找器中的“与形状区域相减”按钮。
  AI打造清新苹果风格图标_形状的建立
  单击路径查找器中的“扩展”按钮。此时扳手的形状就大体的出现了。
  AI打造清新苹果风格图标_形状的建立
  为了使得扳手更加逼真,这里使用直接选择工具将扳手形状最右端的两个端点选中。
  AI打造清新苹果风格图标_形状的建立_
  按住Shift键稍稍向右移动。
  AI打造清新苹果风格图标_形状的建立_
  至此,扳手的形状就创建完成。记得存储一下我们的劳动成果。
  二、螺丝刀部分
  使用Illustrator多边形工具,绘制出一个6边形,在绘制过程中按住Shift键,可以使6边形水平放置,这会对以后对齐它有很大的帮助。
  AI打造清新苹果风格图标_形状的建立_
  使用旋转工具来旋转这个形状,同样为了对齐6边形的边,在旋转的过程中始终是按住Shift键的。
  AI打造清新苹果风格图标_形状的建立_
  使用直接选择工具选择右端的两个锚点。
  AI打造清新苹果风格图标_形状的建立_
  按住Shift键向右拖曳。
  AI打造清新苹果风格图标_形状的建立_
  释放鼠标后,螺丝刀的刀头形状就大体出现了。
  AI打造清新苹果风格图标_形状的建立_
  使用圆角矩形工具,从左至右拖曳出一个圆角矩形,不要释放鼠标。
  AI打造清新苹果风格图标_形状的建立_
  由于上一个步骤绘制扳手的时候,调整了圆角矩形的圆角大小,这里还是需要使用按下键盘上的“↑”“↓”键来调整圆角的弧度后,再释放鼠标键。
  AI打造清新苹果风格图标_形状的建立_
  以上一个圆角矩形的左侧边为起点,绘制出第二个圆角矩形,此时的圆角矩形的大小约是前面一个圆角矩形的宽2倍,高1/3。
  AI打造清新苹果风格图标_形状的建立_
  确认大小合适后,释放鼠标。
  AI打造清新苹果风格图标_形状的建立_
  使用选择工具,将三个形状一起选中,按下对齐调板中的“垂直居中对齐”按钮。
  AI打造清新苹果风格图标_形状的建立_
  使用选择工具,将螺丝刀的刀头选中,将光标移至右上角的位置上,光标形状变为如图所示形状后
  AI打造清新苹果风格图标_形状的建立_
  按住Shift键,将刀头进行缩放。最左侧边的宽度略小于刀竿的宽度即可。
  AI打造清新苹果风格图标_形状的建立_
  使用选择工具,调整螺丝刀把手的大小。
  AI打造清新苹果风格图标_形状的建立_
  将刀竿与刀头的形砖选中,执行路径查找器中的“与形状区域相加”按钮。
  AI打造清新苹果风格图标_形状的建立_
  单击“扩展”按钮。
  AI打造清新苹果风格图标_形状的建立_
  此时,完成了螺丝刀的形砖制作,记得存储一下我们的劳动成果。
  AI打造清新苹果风格图标_形状的建立_
  三、圆标部分
  用Illustrator椭圆工具,按住Shift键,绘制出一个正圆。
  AI打造清新苹果风格图标_形状的建立_
  使用矩形工具,绘制出一个矩形,矩形的比例大致为 长:宽= 3:1
  AI打造清新苹果风格图标_形状的建立_
  双击旋转工具,弹出旋转对话框,在对话框中输入90,按下“复制”按钮
  AI打造清新苹果风格图标_形状的建立_
  使用选择工具,将两个矩形选中,单击路径查找器中的“与形状区域相加”按钮。
  AI打造清新苹果风格图标_形状的建立_
  单击“扩展”按钮。
  AI打造清新苹果风格图标_形状的建立_
  使用选择工具,将两个形状都选中,并按下对齐调板中的“垂直居中对齐”与“水平居中对齐”按钮各一次。
  AI打造清新苹果风格图标_形状的建立_
  使用Illustrator选择工具,选择圆的形状,双击工具箱中缩放工具的按钮,设定缩放比例为95,然后单击“复制”按钮。
  AI打造清新苹果风格图标_形状的建立_
  得到一个较小的圆
  AI打造清新苹果风格图标_形状的建立_
  使用直接选择工具,将最低端的锚点选中。
  AI打造清新苹果风格图标_形状的建立_
  向上拖曳
  AI打造清新苹果风格图标_形状的建立_
  改变圆形的形状。
  AI打造清新苹果风格图标_形状的建立_
  使用选择工具,将光标移至图形的中下方,光标形砖变成如图所示
  AI打造清新苹果风格图标_形状的建立_
  按下鼠标,将形状的一边向上拖曳
  AI打造清新苹果风格图标_形状的建立_
  使用选择工具,将光标移至图形的右中侧,光标形砖变成如图所示
  AI打造清新苹果风格图标_形状的建立_
  按下Alt键,向中间位置拖曳鼠标
  AI打造清新苹果风格图标_形状的建立_
  至此,圆标的部分也绘制完成。保存一下我们的劳动成果。
  AI打造清新苹果风格图标_形状的建立_
  泡杯咖啡暖暖手,下一次笔者将教大家将这些形状立体起来。
更多精彩内容其他人还在看

Illustrator CS5怎么使用连接和平均命令画等腰三角形?

Illustrator CS5怎么使用连接和平均命令画等腰三角形?想在ai中绘制一个等腰三角形,这就涉及到ai中连接和平均命令的使用,详细的教程请看下文介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

AI利用3d效果制作包装图

今天小编为大家带来了AI利用3d效果制作包装图,简单快捷,透视准确,感兴趣的朋友快到下文了解一下吧
收藏 0 赞 0 分享

AI利用路径文字工具在弧形路径位置输入文字

这篇教程是向脚本之家的朋友分享AI利用路径文字工具在弧形路径位置输入文字方法,教程比较基础,适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI制作3D纪念碑风格岛屿插画教程

今天小编为大家带来了AI制作3D纪念碑风格岛屿插画教程,教程很简单很好学,感兴趣的朋友到下文了解一下吧
收藏 0 赞 0 分享

AI绘制骷髅奇兵插画教程分享

今天小编为朋友们带来实用AI绘制骷髅奇兵插画,教程是视频的,对于学习插画的朋友来说还是有一定的指引作用的,来看看吧
收藏 0 赞 0 分享

ai中怎么绘制一款可以挂在墙上的相框?

ai中怎么绘制一款可以挂在墙上的相框?ai中绘制相框很简单,今天我们就来看看那使用ai绘制一款朴素的可以挂在墙上的相框,详细的绘制内容请看下文介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

Illustrator绘制卡通可爱的人头像勋章效果

本教程主要使用IllustrIllustrator绘制卡通可爱的人头像勋章效果方法,教程制作出来的勋章真的很不错,推荐到脚本之家,希望能对大家有所帮助
收藏 0 赞 0 分享

ai中路径查找器该怎么使用?

ai中路径查找器该怎么使用?ai中我们经常设计一些矢量图,其中有很多工具,今天我们就来看看路径查找器的详细使用方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Ai怎么绘制卡通的独眼小熊头像?

Ai怎么绘制卡通的独眼小熊头像?我们经常给大家介绍ai绘制各种类型的矢量图的教程,今天我们还是来看看比较简单的使用ai绘制卡通独眼小熊的步骤,需要的朋友可以参考下
收藏 0 赞 0 分享

Ai怎么绘制萌萌哒的小兔子头像?

Ai怎么绘制萌萌哒的小兔子头像?ai中想给自己设计一个很独特的头像,因为个人属兔,所以我们就来设计一个比较可爱的小兔子形状的头像,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多