设计教室
设计欣赏|图形图像|媒体动画|机械电子|CI设计|设计文献|PhotoShop|Corel3Dmax|Flash|AutoCad|设计视频
首页 > 设计教室 > 图形图像 > Illustrator > 正文

Illustrator打造苹果风格图标:立体化

2007-11-07 源自:bonesblog 网友评论 0 进入视频教程

  上次我们介绍了用Illustrator打造苹果风格图标的第一部分,也就是形状的建立(《AI打造清新苹果风格图标一:形状的建立》),今天我们来介绍第二步,看看用什么方法能将图标做成立体的效果。

  将扳手的形状选中,执行Illustrator的“对象>路径>偏移路径”命令,弹出“偏移路径”对话框,输入数值-0.4。(注:-0.4的数值只是根据形状大小而来,偏移路径命令只能计算绝对数值,而不能计算相对数值,希望能在CS3的版本中能够有所更新,所以大家在使用该命令的时候,要尝试大小合适才行。)

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  单击“好”按钮,得到一个与外轮廓相似的形状。

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  将两个形状选中,使用Illustrator美工刀工具将图形在图形的扳手头尾部割下一条轨迹,注意不要割到扳手头。

Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  此形状将分为两截。可在Illustrator图层调板中暂时将上面较小的形状关闭显示。

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  将两个外轮廓同时选中,单击工具箱底部的渐变按钮。

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  使用渐变工具从上往下拖曳,在拖曳的同时注意渐变的变化。

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  在渐变调板中,将左端的滑块相中心位置移动Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  并在颜色调板中取一个深灰色

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  单击渐变调板最左端的空白处,会自动添加一个渐变滑块。

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  并改变该滑块的颜色为浅灰色。

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  此时可以再使用渐变工具更改渐变的方向和位置。

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  在图层调板中将隐藏的形状再次显示,并选中扳手头部分

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  应用刚才创建的渐变,只是做渐变方向的改变而已

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  同样,手柄部分也是渐变的方向改变

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

  看看整体效果

  Illustrator打造苹果风格图标_立体化_iT粉丝网转载

上一篇: Illustrator绘苹果风格图标:组合技巧
下一篇:用Illustratro轻松绘制卡可爱圆角胖星星

评论  点击查看
 
设计频道推荐
设计热点文章