当前位置: 首页 > 图文教程 > 平面设计 > Illustrator > Illustrator绘苹果风格图标:组合技巧

Illustrator
Illustrator三个半透明渐变制作技法教程
Illustrator 绘制古典美女柳梦璃之头发篇
Illustrator 鼠绘教程 仙剑4美女人物柳梦璃
Illustrator 鼠绘教程 网格绘制写实人物
20个Illustrator学习网站
Illustrator 渐变网格绘制紫百合
40个精彩的Illustrator英文教程
Illustrator 制作人物插画
Illustrator 大片竹林制作
Illustrator 制作漂亮插画花季的天使
Illustrator 幻彩变幻线
AI旋转工具和比例缩放工具做惊人的效果
Illustrator 超酷波纹效果线条
Illustrator 收缩和膨胀效果 隐藏功能
Illustrator 制作矢量电影场记板图标
Illustrator CS3教程 实时上色工具应用技巧
Illustrator 春天笔刷制作3D绚丽文字
Illustrator CS4轻松制作渐变文字
Adobe Illustrator 透明质感立体方块
Illustrator 插画教程唯美的花季天使

Illustrator绘苹果风格图标:组合技巧


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 346 ::
收藏到网摘: n/a

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

  《AI打造清新苹果风格图标一:形状的建立》
  《AI打造清新苹果风格图标:立体的表现》

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  组件都完成后,就可以开始组合这些组件了。对于初学者来说,养成一个好的习惯是非常重要的,不要觉得你自己是一个设计人,只要能做出好看的东西就可以了,而不需要管这个是怎么做出来的。其实一个好的习惯是举手之劳而已,这会给你以后的设计带来无穷的便利,而不要等到你学有所成的时候,再来意识到这个好习惯会给自己带来的优势,而再想调整过来就很难了。
  在这里,我将每一个组件都用一个图层来进行装载,对每个图层都进行命名,这就是我说的好习惯。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  将螺丝刀的图层选中,使用选择工具将其移至扳手处,并将左端对齐扳手的左端。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  调整螺丝刀的大小,尽量让螺丝刀稍微大一点点。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载

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

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  单击“确定”按钮。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  选中扳手的图层,双击旋转工具,这次旋转的是 45度。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  按下“确定”按钮后,使用选择工具来调整其位置。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载

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

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
                                                   
  单击选择图层调板中的图标图层,按下鼠标后,向图层调板的上方拖曳,直至顶端。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  释放鼠标键,图标就以致螺丝刀和扳手的上方。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  调整这三个形状的位置。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载

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

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  在图层调板的最上方新建一个图层,并命名为:加深。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  并将其填色改为如图所示的渐变,渐变的创建在上一节中已经详细讲解过,这里就不再重复了。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  在透明度调板中将其改为:颜色加深。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
                                                   
 使用钢笔工具将其外轮廓大致的选择一遍 。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  同时选中这两个形状。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  执行“对象>剪切蒙版>建立”命令。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  将加深图层移至图标图层的下方。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  看到了没,这样就可以对靠近图标位置的地方有投影的感觉。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  使用椭圆工具,按住Shift键绘制一个正圆。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  将其填色改为渐变。如果还记得上一节中作过的渐变,如果当时我们将其储存到色板调板中,现在就可以直接拿来用了。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  按下shift alt键,移动这个圆。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载

就能在45度角的方向上得到一个新的圆 。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  更改其填色为白色。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  为了更好的操作,我们将图层调板中所有图层都进行锁定,并在最低端的位置新建一个投影图层,使用矩形工具绘制出一个填色为白色的矩形。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  使用网格工具单击创建一个网格点,并将网格点改为灰色。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  整加第二个网格点。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  在中心位置整加第三个网格点,并将这个点的颜色改为更浅的灰色。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
                                                   
  使用铅笔工具绘制一个不规则的长条形。注意绘制快结束时,按下Alt键,将自动闭合路径。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  使用平滑工具,将这条路径平滑一下。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  选中这两个形状。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  执行“对象>封套扭曲>用顶层对象建立 ”命令。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  这样投影就不规则了,这样看起比较自然。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  调整一下大小,并调整一下不透明度。

Illustrator绘苹果风格图标:组合技巧_软晨学习网转载
  大功告成。