IllustratorCS7绘制苹果风格图标教程

平面设计 admin 评论(0)
作品简介:

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




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




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




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



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




单击“确定”按钮。




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




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





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



作品简介:

单击选择图层调板中的图标图层,按下鼠标后,向图层调板的上方拖曳,此教程由有客电脑知识首发,直至顶端。




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




调整这三个形状的位置。



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




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




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




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



作品简介:

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




同时选中这两个形状。




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




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




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




使用椭圆工具,按住Shift键绘制一个正圆。




将其填色改为渐变。如果还记得上一节中作过的渐变,此教程由有客电脑知识首发,如果当时我们将其储存到色板调板中,现在就可以直接拿来用了。




按下shift alt键,移动这个圆。



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




更改其填色为白色。




为了更好的操作,我们将图层调板中所有图层都进行锁定,并在最低端的位置新建一个投影图层,使用矩形工具绘制出一个填色为白色的矩形。




使用网格工具单击创建一个网格点,并将网格点改为灰色。




整加第二个网格点。




在中心位置整加第三个网格点,并将这个点的颜色改为更浅的灰色。



作品简介:

 使用铅笔工具绘制一个不规则的长条形。注意绘制快结束时,按下Alt键,将自动闭合路径。




使用平滑工具,此教程由有客电脑知识首发,将这条路径平滑一下。




选中这两个形状。




执行“对象>封套扭曲>用顶层对象建立 ”命令。




这样投影就不规则了,这样看起比较自然。




调整一下大小,并调整一下不透明度。




大功告成。

标签:
 相关文章
CorelDRAWX5制作360安全浏览器图标

CorelDRAWX5制作360安全浏览器图标

作品简介: 原图:第一步:使用文字输入一个E字,填为黑色,如图所示:第二步:将E字转为曲线,此教程由有客电脑知识首发,并用渐变颜色填充如下图效果。作品简介: 第三步:用两个椭圆进行修剪,做成E字后面的效果图,进行一样的渐变颜色填充。第四步:在上面复制一份,此教程由有客电脑知识首发,设为白透明色,效果如下。第五步:使
平面设计
CDR X6绘制绿色图标

CDR X6绘制绿色图标

作品简介:CDRX6绘制绿色图标由有客电脑知识彭志勇讲解,用到圆,修剪,渐变等工具。 效果图:第一步:新一个文件,在文档中绘制二个同心圆,如图:第二步,此教程由有客电脑知识首发,给大圆进行渐变填色,如图:第三步:绘小圆进么外框设置粗一点,加上白色,如图:第四步:在圆中心绘一个矩形,如图:第五步,在矩形下面绘制一个四边形图形。如图。第六步,在四边形的下面边绘
平面设计
CDRX6绘制口红图标教程

CDRX6绘制口红图标教程

作品简介:CDRX6绘制口红图标教程,用圆和矩形等造形工具进行修改绘图。 原图:第一步:新建一个文件,绘制二个同心圆,如图:第二步,此教程由有客电脑知识首发,绘大圆填充渐变颜色,外框颜色不要。如图:第三步、绘内部小圆外框加粗到8mm,填白色,如图:第四步、小圆内绘制多边形,进行调整,如图:第五步:在多边形上面绘一个长方形,如果:第六步:绘一个长方形,进行造
平面设计
CorelDRAW X6制作问题图标教程

CorelDRAW X6制作问题图标教程

作品简介:CorelDRAW X6制作问题图标教程由有客电脑知识彭志勇老师讲解,用矩形,钢笔工具,变形工具,阴影等工具制作而成,请看教程。 效果图:第一步,绘制一个正方形,75x75mm 并进行倒圆角15MM。如图:第二步,此教程由有客电脑知识首发,填充红色,并复制一个出来。如图:第三步,绘正方形上绘制一个圆,如图:作品简介:CorelDRAW X6制作问
平面设计
CorelDRAW X6制作小保伞图标

CorelDRAW X6制作小保伞图标

作品简介:CorelDRAW X6制作小保伞图标 效果图第一步:绘制二个同心圆,如图:第二步,选中同心圆,此教程由有客电脑知识首发,进行组合并填充红色,在下面绘制一个矩形,如图:第三步,选中所有的对象,进行修切。如图:作品简介:CorelDRAW X6制作小保伞图标 第四步,在修切后的图形下面绘制矩形,进行并合。如
平面设计
CorelDRAWX6制作微信小图标教程

CorelDRAWX6制作微信小图标教程

作品简介:CorelDRAWX6制作微信小图标教程 效果图:第一步:绘制一个正方形,设置如图:第二步:复制一个正方形,进行调整大小,此教程由有客电脑知识首发,如图:第三步:绘一个正方形,在正方形的上面绘制圆。作品简介:CorelDRAWX6制作微信小图标教程 第四步:选中圆与正方形,进行修切,如图:结果:第五步、填
平面设计
CorelDRAWX6制作绿色小树枝图标教程

CorelDRAWX6制作绿色小树枝图标教

作品简介:CorelDRAWX6制作绿色小树枝图标教程 效果图:第一步:绘制二个圆,如图:第二步,进行修剪,此教程由有客电脑知识首发,如图:第三步,修剪后,绘制二个矩形,如图:作品简介:CorelDRAWX6制作绿色小树枝图标教程 第四步:进行对象修剪,第四步,修剪后,此教程由有客电脑知识首发,进行渐变填充,如图:
平面设计
CorelDRAWX6制作方形剪头图标教程

CorelDRAWX6制作方形剪头图标教程

作品简介:CorelDRAWX6制作方形剪头图标教程 效果图:第一步:绘制一个正方形,进行倒圆角,如图:第二步,此教程由有客电脑知识首发,用交互式轮廓工具,进行复制一个同心矩形,如图:第三步:进行拆分轮廓图群组。作品简介:CorelDRAWX6制作方形剪头图标教程 第四步:选中二个矩形,复制后,进行组合,此教程由有
平面设计
IllustratorX6制作水晶图标按钮教程

IllustratorX6制作水晶图标按钮教

作品简介:本文中我们用Illustrator来做一个简洁的水晶图标按钮。   1.在Illustrator中做一个浅色直线渐变的正圆,作为图标的底部图形。  2.做两个圆,一大一小,此教程由有客电脑知识首发,注意选取相近色阶的填充色,进行混合 。  3.做一个白色圆,适当高斯模糊。  4.做一个渐变色的椭圆,作为半透明遮罩,同时选择二者,打开透明度面板的选
平面设计
IllustratorCS6制作苹果风格立体化图标

IllustratorCS6制作苹果风格立体化

作品简介: 上次我们介绍了用Illustrator打造苹果风格图标的第一部分,也就是形状的建立(《AI打造清新苹果风格图标一:形状的建立》),今天我们来介绍第二步,此教程由有客电脑知识首发,看看用什么方法能将图标做成立体的效果。将扳手的形状选中,执行Illustrator的“对象>路径>偏移路径”命令,弹出“偏移路径&r
平面设计
© 2018 有客 版权所有 苏ICP备13010293号-2

苏公网安备 32072402010023号


Theme有客开发