IllustratorCS6制作苹果风格立体化图标

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

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

IllustratorCS6制作苹果风格立体化图标

文章插图

单击“好”按钮 , 得到一个与外轮廓相似的形状 。
IllustratorCS6制作苹果风格立体化图标

文章插图

将两个形状选中 , 使用Illustrator美工刀工具将图形在图形的扳手头尾部割下一条轨迹 , 注意不要割到扳手头 。
IllustratorCS6制作苹果风格立体化图标

文章插图

此形状将分为两截 。可在Illustrator图层调板中暂时将上面较小的形状关闭显示 。
IllustratorCS6制作苹果风格立体化图标

文章插图

将两个外轮廓同时选中 , 单击工具箱底部的渐变按钮 。
IllustratorCS6制作苹果风格立体化图标

文章插图
使用渐变工具从上往下拖曳 , 在拖曳的同时注意渐变的变化 。
IllustratorCS6制作苹果风格立体化图标

文章插图

在渐变调板中 , 将左端的滑块相中心位置移动
IllustratorCS6制作苹果风格立体化图标

文章插图

并在颜色调板中取一个深灰色
IllustratorCS6制作苹果风格立体化图标

文章插图

单击渐变调板最左端的空白处 , 会自动添加一个渐变滑块 。
IllustratorCS6制作苹果风格立体化图标

文章插图

并改变该滑块的颜色为浅灰色 。
IllustratorCS6制作苹果风格立体化图标

文章插图



此时可以再使用渐变工具更改渐变的方向和位置 。
IllustratorCS6制作苹果风格立体化图标

文章插图

在图层调板中将隐藏的形状再次显示 , 并选中扳手头部分
IllustratorCS6制作苹果风格立体化图标

文章插图

应用刚才创建的渐变 , 只是做渐变方向的改变而已
IllustratorCS6制作苹果风格立体化图标

文章插图

同样 , 手柄部分也是渐变的方向改变
IllustratorCS6制作苹果风格立体化图标

文章插图
看看整体效果
IllustratorCS6制作苹果风格立体化图标

文章插图
【IllustratorCS6制作苹果风格立体化图标】

以上就是IllustratorCS6制作苹果风格立体化图标 , 希望大家喜欢 , 请继续关注我们 。

    推荐阅读