当前位置:首页>网络学院>平面处理>Illustrator教程>文章内容

Illustrator绘制苹果风格图标

[ 来源:http://www.it55.com | 作者: | 时间:2007-10-31 | 收藏 | 推荐 ] 【

教程内容是用Illustrator制作清新苹果风格图标,文章讲系列讲解Illustrator制作苹果风格图标的各类技巧,共分为三个部分:

第一部分:形状的建立

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

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

 

  最终要做出的是这样一个图标,先来看看效果图:

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

 

  形状好比人的骨架,骨骼精奇才能练就上乘的武功。笔者再将画形状也分成三个部分来讲。

  一、扳手部分

  在Illustrator工具箱中选择椭圆工具,按住Shift键绘制出一个正圆形。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  在工具箱中选择圆角矩形工具,按下鼠标后向右下方拖曳,直至矩形的形状大小与圆形比例适合,按下键盘上的“↑”“↓”键,调整圆角的大小,调整完成后,释放鼠标键。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  使用Illustrator选择工具将两个形状都选中,单击对齐调板中的“垂直居中”按钮,使得圆角矩形与圆形对齐。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  再按下Illustrator路径查找器中的“与形状区域相加”按钮。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  单击路径查找器中的“扩展”按钮。此时两个简单的形状就组合成了一个复杂的形状。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  使用Illustrator的多边形工具绘制一个8边形,按下鼠标后向右下方拖曳,按下键盘上的“↑”“↓”键,调整多边形边的数量,调整完成后,按住Shift键,拖曳至的形状大小与圆形比例适合,释放鼠标键。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  使用对齐调板对齐这两个形状。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  使用直接选择工具,按住Shift键,将8边形上的四个锚点选中。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  按住Shift键,将这四个锚点向左拖曳

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  使用选择工具将两个形状同时选中,按下路径查找器中的“与形状区域相减”按钮。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  单击路径查找器中的“扩展”按钮。此时扳手的形状就大体的出现了。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  为了使得扳手更加逼真,这里使用直接选择工具将扳手形状最右端的两个端点选中。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  按住Shift键稍稍向右移动。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  至此,扳手的形状就创建完成。记得存储一下我们的劳动成果。

二、螺丝刀部分

  使用Illustrator多边形工具,绘制出一个6边形,在绘制过程中按住Shift键,可以使6边形水平放置,这会对以后对齐它有很大的帮助。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  使用旋转工具来旋转这个形状,同样为了对齐6边形的边,在旋转的过程中始终是按住Shift键的。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  使用直接选择工具选择右端的两个锚点。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  按住Shift键向右拖曳。

  AI打造清新<a href='/html/xueyuan/caozuoxitongjiaocheng/pingguoOSjiaocheng'><u>苹果</u></a>风格图标_形状的建立_天极设计在线转载

  释放鼠标后,螺丝刀的刀头形状就大体出现了。

(编辑:IT资讯之家 www.it55.com

返回顶部
共6页: 上一页 1 [2] [3] [4] [5] [6] 下一页  

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]