查看完整版本: Illustrator打造清新苹果风格图标一:形状的建立

马云 2007-12-10 07:10

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

</script></div>本文介绍用Illustrator制清新苹果风格图标的第一部分:形状的建立。<BR><BR>  写在前面的话:很多人都问笔者“老师,我没有学过美术,我学平面设计是不是不行?为什么我方法掌握了,却画得的不够好看?”笔者觉得,这些问题是困挠大多数学平面软件的同学一个重要的因素。只要用心,这些问题都是可以解决的。<BR><BR>  下面我们分三部分来介绍如何用Illustrator绘制清新苹果风格图标,主要分为三节:形状的建立、图标立体化、组合的技巧。<BR>  今天我们讲形状的建立。 <P></P><P>  最终要做出的是这样一个图标,先来看看效果图:</P><P>  <IMG height=403 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/1206150.jpg" width=447></P><P>&nbsp;</P><P>  形状好比人的骨架,骨骼精奇才能练就上乘的武功。笔者再将画形状也分成三个部分来讲。</P><P>  一、<STRONG>扳手部分</STRONG></P><P>  在Illustrator工具箱中选择椭圆工具,按住Shift键绘制出一个正圆形。</P><P>  <IMG height=183 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/1206151.jpg" width=447></P><P>  在工具箱中选择圆角矩形工具,按下鼠标后向右下方拖曳,直至矩形的形状大小与圆形比例适合,按下键盘上的“↑”“↓”键,调整圆角的大小,调整完成后,释放鼠标键。</P><P>  <IMG height=183 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/1206152.jpg" width=447></P><P>  使用Illustrator选择工具将两个形状都选中,单击对齐调板中的“垂直居中”按钮,使得圆角矩形与圆形对齐。</P><P>  <IMG height=183 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/1206153.jpg" width=447></P><P>  再按下Illustrator路径查找器中的“与形状区域相加”按钮。</P><P>  <IMG height=183 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/1206154.jpg" width=447></P><P>  单击路径查找器中的“扩展”按钮。此时两个简单的形状就组合成了一个复杂的形状。</P><P>  <IMG height=183 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/1206155.jpg" width=447></P><P>  使用Illustrator的多边形工具绘制一个8边形,按下鼠标后向右下方拖曳,按下键盘上的“↑”“↓”键,调整多边形边的数量,调整完成后,按住Shift键,拖曳至的形状大小与圆形比例适合,释放鼠标键。</P><P>  <IMG height=183 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/1206156.jpg" width=447></P><P>  使用对齐调板对齐这两个形状。</P><P>  <IMG height=183 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/1206157.jpg" width=447></P><P>  使用直接选择工具,按住Shift键,将8边形上的四个锚点选中。</P><P>  <IMG height=183 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/1206158.jpg" width=447></P><P>  按住Shift键,将这四个锚点向左拖曳</P><P>  <IMG height=183 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/1206159.jpg" width=447></P><P>  使用选择工具将两个形状同时选中,按下路径查找器中的“与形状区域相减”按钮。</P><P>  <IMG height=183 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/12061510.jpg" width=447></P><P>  单击路径查找器中的“扩展”按钮。此时扳手的形状就大体的出现了。</P><P>  <IMG height=183 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/12061511.jpg" width=447></P><P>  为了使得扳手更加逼真,这里使用直接选择工具将扳手形状最右端的两个端点选中。</P><P>  <IMG height=203 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/12061512.jpg" width=495></P><P>  按住Shift键稍稍向右移动。</P><P>  <IMG height=203 alt=AI打造清新苹果风格图标_形状的建立_天极设计在线转载 src="http://www.wzsky.net/ddimg/uploadimg/20071029/12061513.jpg" width=495></P><br><table align='center'><tr><td bgcolor='#EBEBE4'>&nbsp;&nbsp;共3页: 1 <a href='91499_1.html'>[2]</a><a href='91499_2.html'>[3]</a><a href='91499_1.html'>下一页</a> &nbsp;&nbsp;</td></tr></table>
页: [1]
查看完整版本: Illustrator打造清新苹果风格图标一:形状的建立