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

给各位Illustratror软件的使用者们来详细的解析分享一下绘苹果风格图标的组合技巧。

教程分享:

 


组件都完成后,就可以开始组合这些组件了。对于初学者来说,养成一个好的习惯是非常重要的,不要觉得你自己是一个设计人,只要能做出好看的东西就可以了,而不需要管这个是怎么做出来的。其实一个好的习惯是举手之劳而已,这会给你以后的设计带来无穷的便利,而不要等到你学有所成的时候,再来意识到这个好习惯会给自己带来的优势,而再想调整过来就很难了。

在这里,我将每一个组件都用一个图层来进行装载,对每个图层都进行命名,这就是我说的好习惯。

 


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

 


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

 


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

 


单击“确定”按钮。

 


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

 


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

 


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

 


2

单击选择图层调板中的图标图层,按下鼠标后,向图层调板的上方拖曳,直至顶端。

 


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

 


调整这三个形状的位置。

 


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

 


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

 


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

 


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

 


3

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

 


同时选中这两个形状。

 


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

 


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

 


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

 


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

 


将其填色改为渐变。如果还记得上一节中作过的渐变,如果当时我们将其储存到色板调板中,现在就可以直接拿来用了。

 


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

 


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

 


更改其填色为白色。

 


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

 


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

 


整加第二个网格点。

 


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

 


4

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

 


使用平滑工具,将这条路径平滑一下。

 


选中这两个形状。

 


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

 


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

 


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

 


好了,以上的信息就是小编给各位Illustratror的这一款软件的使用者们带来的详细的绘苹果风格图标的组合技巧解析分享的全部内容了,各位使用者们看到这里,小编相信大家现在是非常的清楚了吧,希望小编上面的教程能给大家带去有用的帮助。

时间: 2024-08-31 13:50:21

Illustrator绘苹果风格图标组合技巧分享的相关文章

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

给各位Illustratror软件的使用者们来详细的解析分享一下打造苹果风格图标立体化风格的教程. 教程分享: 将扳手的形状选中,执行Illustrator的"对象>路径>偏移路径"命令,弹出"偏移路径"对话框,输入数值-0.4.(注:-0.4的数值只是根据形状大小而来,偏移路径命令只能计算绝对数值,而不能计算相对数值,希望能在CS3的版本中能够有所更新,所以大家在使用该命令的时候,要尝试大小合适才行.)   单击"好"按钮,得到一个

jQuery实现的超酷苹果风格图标滑出菜单效果代码_jquery

本文实例讲述了jQuery实现的超酷苹果风格图标滑出菜单效果代码.分享给大家供大家参考.具体如下: 这是一款超酷苹果风格图标滑出菜单,调用了jquery1.3.2的库文件,整个菜单动感十足,用在网站上增色不少. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-apple-style-ico-show-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Illustrator中渐变网格工具使用经验技巧分享

给各位Illustrator软件的使用者们来详细的分享一下渐变网格工具的使用经验技巧. 技巧分享: 当你生成一个渐变网格物体时,这几条线叫网格线,在网格线间相交的点叫网格点(除此以外的点叫节点),四个点围成的面积叫网格面片.(见下图)   A. Anchor point 节点 B. Mesh point 网格点 C. Mesh line 网格线 D. Mesh patch 网格面片 原理:渐变网格通过拉伸,调整网格点的节柄来控制颜色渐变.你可以在任何由路径组成的物体或位图的基础上生成渐变网格.

Illustrator变换面板中数字使用技巧分享

给各位Illustrator软件的使用者们来详细的解析分享一下变换面板中数字的使用技巧. 分享一览: 1.在Illustrator中绘制或打开一幅矢量图,作为练习之用,如图1所示.   图1 2.选中该对象,并选择菜单命令"窗口|变换"打开"变换"面板(快捷键为Shift+F8),如图2所示.   图2 3.下面练习使用"变换"面板中的数字移动并复制对象.我们希望将该对象水平向右移动并复制出一个副本,而且移动的距离正好是该对象的宽度. 按照通常的

Illustrator里混合工具基础使用技巧分享

给各位Illustrator软件的使用者们来详细的解析分享一下混合工具基础的使用技巧. 技巧分享:       二.混合的用法和种类:         三.混合图形的脊线修改,可以使图形的混合发生改变     用线框模式,用钢笔工具调整路径的曲线     通过修改路径,混合图形按照自己的意思而变化,增加更多创造性   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的混合工具基础的使用技巧解析分享的全部内容了,各位看到这里的软件使用者们,小编相信大家现在那是非

Illustrator实用性很强常用小技巧分享

给各位Illustrator软件的使用者们来详细的分享一下实用性很强的常用小技巧. 技巧分享:                   好了, 以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的实用性很强的常用小技巧分享的全部内容了,各位看到这里的使用者们,小编相信各位现在是那是非常的清楚了吧,希望小编上面的技巧能够给各位带去有用的帮助.

Illustrator绘制矢量精细图标详解分享

给各位Illustrator软件的使用者们来详细的解析分享一下绘制矢量精细的图标. 分享一览: 教程中所应用到的软件主要有 Adobe Illustrator CS/Adobe Photoshop/Axialis Icon-workshop等.我们用Adobe Illustrator CS 进行图标设计,并在Photoshop 中进行后期处理,最后用Iconworkshop 输出成 .ico 格式的图标文件.   1.打开 Adobe Illustrator CS ,选取工具栏上的圆角矩形工具,

Illustrator像素级完美绘制经验技巧分享

给各位Illustrator软件的使用者们来详细的解析分享一下像素级完美绘制的经验技巧. 教程分享: 如我们所知,在CS5(版本号)之前,用AI这款矢量工具做到像素级的精确是非常困难的.为什么呢?因为不同于PS图像处理软件,一款基于栅格的图像处理软件(即直接面向的是像素处理).而AI是一款矢量软件,(即面向的是点.直线.和曲线这类基于数字信息绘制的图形).早期,AI还不能很完美的处理像素.现在AI不断推陈出新,随着最新版CC的发布,AI已经有了许多改进.现在Adobe Illustrator已经

Illustrator打造现金兑现图标绘制教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下打造现金兑现图标的绘制教程. 教程分享:       好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的打造现金兑现图标的绘制教程解析分享的全部内容了,各位使用者们现在看到这里了,小编相信目前大家是很清楚了制作教程了吧,那么各位就快去按照小编上面分享的教程自己去尝试着绘制吧.