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

所属分类: 平面设计 / Illustrator教程 阅读数: 1732
收藏 0 赞 0 分享
  前面我们讲了用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绘苹果风格图标:组合技巧_脚本之家转载
  大功告成。

更多精彩内容其他人还在看

ai怎么设计冬河风景画? ai冬日雪景插画的画法

ai怎么设计冬河风景画?ai中想要绘制一幅冬日雪景图,该怎么绘制冬日雪景呢?下面我们就来看看ai冬日雪景插画的画法,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么设计小熊玩具? ai小熊的画法

ai怎么设计小熊玩具?很喜欢玩具,不管是什么毛茸茸的玩具都喜欢,想要画一个小熊,当然要大大的体积的那种,该怎么绘制呢?下面我们就来看看ai小熊的画法,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么设计关爱主题插画? ai关爱海报的画法

ai怎么设计关爱主题插画?ai中想要设计一款关爱海报,该怎么设计这款矢量海报呢?下面我们就来看看ai关爱海报的画法,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么手绘兔帽女生水彩插画? ai水彩画的画法

ai怎么手绘兔帽女生水彩插画?想要绘制头戴小兔耳朵帽子的可爱女生,该怎么绘制水彩效果的这幅图片呢?下面我们就来看看ai水彩画的画法,需要的朋友可以参考下
收藏 0 赞 0 分享

AI输入的字体是歪的怎么办? ai字体变形的解决办法

AI输入的字体是歪的怎么办?一般情况下我们直接使用ai输入文字应该只整整齐齐的,但是最近遇到ai输入文字是歪的,该怎么办呢?下面我们就来看看ai字体变形的解决办法,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么绘制父子踢足球的水墨画风格的插画?

ai怎么绘制父子足球的水墨画风格的插画?想要使用ai绘制一幅父子踢足球的场景,该怎么绘制这个场景呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么绘制吃零食的小女孩水彩人物插画?

ai怎么绘制吃零食的小女孩水彩人物插画?ai中想要绘制一个吃零食的女孩,该怎么绘制这个人物插画呢?想要绘制成水彩效果,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么绘制水彩效果的河边风景插画? ai水墨插画的画法

ai怎么绘制水彩画效果的河边风景插画?ai中想要绘制一幅漂亮的水墨画插画,该怎么绘制河流树木等元素的插画呢?下面我们就来看看ai水墨插画的画法,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么设计国庆快乐海报? ai绘制国庆快乐插画的教程

ai怎么设计国庆快乐海报?ai中想要设计国庆快乐的海报,该怎么怎么漫画风的国庆海报呢?下面我们就来看看ai绘制国庆快乐插画的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么设计温馨的父亲节海报? ai父亲节卡通海报的画法

ai怎么设计温馨的父亲节海报?父亲节快到了,想要绘制一幅儿童可以接受的海报,该怎么绘制儿童节童真海报呢?下面我们就来看看ai父亲节卡通海报的画法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多