网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 平面设计 >> Illustrator >> Illustrator实例 >> 正文
最新文章
· Illustrator CS5新功能:实例解析宽度
· Illustrator制作IT科技背景图
· Illustrator CS2渐变质感描边字
· Illustrator绘制RSS图标按钮
· Illustrator打造清新苹果风格图标
· Illustrator制作水晶图标按钮
· Illustrator画笔工具绘制海鸥飞翔
热门文章
 Illustrator打造清新苹果风格图标
 Illustrator CS2渐变质感描边字
 Illustrator制作IT科技背景图
 Illustrator画笔工具绘制海鸥飞翔
 Illustrator CS5新功能:实例解析宽
 Illustrator绘制RSS图标按钮
 Illustrator制作水晶图标按钮
相关文章
没有相关文章
Illustrator打造清新苹果风格图标
来源:奋斗网络 更新时间:2009/6/20 8:42:48 阅读次数:
字体:[ ] 我要投稿

 

  前面我们讲了用Illustrator绘苹果风格图标中的形状建立和立体化表现,今天我们讲解组合的技巧。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  组件都完成后,就可以开始组合这些组件了。对于初学者来说,养成一个好的习惯是非常重要的,不要觉得你自己是一个设计人,只要能做出好看的东西就可以了,而不需要管这个是怎么做出来的。其实一个好的习惯是举手之劳而已,这会给你以后的设计带来无穷的便利,而不要等到你学有所成的时候,再来意识到这个好习惯会给自己带来的优势,而再想调整过来就很难了。

  在这里,我将每一个组件都用一个图层来进行装载,对每个图层都进行命名,这就是我说的好习惯。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  将螺丝刀的图层选中,使用选择工具将其移至扳手处,并将左端对齐扳手的左端。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  调整螺丝刀的大小,尽量让螺丝刀稍微大一点点。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  双击旋转工具,在弹出的对话框中输入数值 -45。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  单击“确定”按钮。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  选中扳手的图层,双击旋转工具,这次旋转的是 45度。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  按下“确定”按钮后,使用选择工具来调整其位置。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  使用选择工具,调整图标的位置 。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  单击选择图层调板中的图标图层,按下鼠标后,向图层调板的上方拖曳,直至顶端。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  释放鼠标键,图标就以致螺丝刀和扳手的上方。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  调整这三个形状的位置。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  基本的组合就完成了,保存一下我们的劳动成果,稍后我们继续。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  在图层调板的最上方新建一个图层,并命名为:加深。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  并将其填色改为如图所示的渐变,渐变的创建在上一节中已经详细讲解过,这里就不再重复了。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  在透明度调板中将其改为:颜色加深。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  使用钢笔工具将其外轮廓大致的选择一遍 。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  同时选中这两个形状。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  执行“对象>剪切蒙版>建立”命令。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  将加深图层移至图标图层的下方。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

  看到了没,这样就可以对靠近图标位置的地方有投影的感觉。

  

Illustrator绘苹果风格图标:组合技巧_网页教学网转载

上一页  [1] [2] [3] [4] [5] [6] 下一页

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号