Illustrator绘制漂亮的水晶质感按钮图标

1、首先，我们先来看看效果图!效果图说明：1、教程内容分八部分，考虑到适合初学者，特别详细；2、文字部分，()中的内容为相对的命令快捷键或所作的补充说明!下面开始制作步骤：一、绘制底座部分1、用椭圆工具(L)，按住ALt+Shift(以某一点为中心)画出一正圆。然后打开图层调板(F7)，在对象名上双击，重命名为“金属底座”，如图1:图12、为了让它在最后看起来更真实，我想要给这个正圆一些透视，使用自由变换工具(E)，鼠标移动到正圆对象定界框右下角的空心方点上(如没有显示对象定界框，请按快捷键Shift+Ctrl+B使之显示)，当鼠标变为双向箭头时，按下鼠标不放，再同时按下Shift+Ctrl+Al

2、t键不放(此时鼠标变为一个虚的三角形)，按住的鼠标往右拖移，让底座圆做垂直方向的透视变形!3、按键切换到渐变填色，(Ctrl+F9)调出渐变调板,设置径向渐变 ，然后用渐变工具(G)在圆中拉了径向渐变，并设置描边为黑色，粗细为2Pt，如图2：图24、打开外观面板(Shift+F6)，按Ctrl+/ 给底座圆“添加新填色”，对这个新填色，用渐变工具(G)，从左上角往中心拉出黑白径向渐变，再在透明度调板中设置此渐变的混合模式为滤色，如图3：图3二、绘制金属凹边1、选中底座圆路径，然后对象路径偏移路径，得到新路径，在图层面板中命名为“金属凹边”，如图4：图42、对此偏移路径，(Shift+F6)打开

3、外观面板，点右上角的倒三角菜单，选择“简化至基本外观”，如图示5:图53、填充设为无色，设置一个描边大小(比如为5Pt)，Ctrl+C复制一份(到粘贴板)以备后用，再对象路径轮廓化描边”，然后填充线性渐变如图示6：图6三、绘制金属上抛光面1、(将二-3中复制的路径)Ctrl+F粘贴到前面，得到新路径，在图层中命名为金属上抛光面。2、按键，切换到渐变填色并调出渐变调板，按住Ctrl键鼠标点击工具栏中的渐变方框图标，将渐变重置为默认的黑白渐变!如图示7：图7然后，在渐变调板中设置色标，并用渐变工具(G)，拉出黑白线性渐变，描边设为无，如图8:图8四、绘制内部蓝渐变 (这一步,我要用一个路径画出内部

4、复合渐变)1、再画一稍小的椭圆，图层命名为内部蓝渐变，位置稍偏上右，如图9：图92、填充一径向渐变，并设置描边为灰色，粗细为4Pt，如图10:图103、(如一-4) 打开外观面板(Shift+F6)，按Ctrl+/ 给椭圆添加新填色，并用渐变工具(G)，从右下角往右，拉出径向渐变，如图11:图11在透明度调板中设置此渐变的混合模式为滤色，如图12:图12五、开始做内部标牌1、用圆角矩形工具，拖画出圆角矩形，不松开鼠标，同时按或来调整圆角大小，填充白色，描边为无，如图13:图132、文本工具(T)点击并输入英文Graby，然后文字创建轮廓(Shift+Ctrl+O)。3、选择矩形和文字路径，Sh

5、ift+Ctrl+F9调出路径查找器，从矩形减去文字路径，如图14:图144、把标牌置于水晶按钮上，并运用效果风格化投影，并做了适当角度的旋转,如图15:图15六、内部内发光1、选择工具(V)，选择内部蓝渐变，Ctrl+C复制，再Ctrl+F原位粘贴到前面，按D键，使它为默认的填充描边，然后菜单命令对象路径偏移路径，得到小一些的椭圆，用浅蓝色填充，设置如图16:图162、执行菜单命令效果风格化羽化(羽化半径适当)，再(Ctrl+Shift+F10)调出透明度调板，设为滤色模式，35%透明度，如图17:图17七、高光部分1、选择工具(V)，选择上一步偏移路径剩下的大椭圆，Ctrl+C复制到粘贴板(以备后用)2、画一路径形状，与此椭圆相减，得到一形状区域如图18:图183、为这一路径命名为质感高光，填充一种青色，调出透明度调板(Ctrl+Shift+F10)，设为滤色模式，85%透明度，如图19:图194、将1中复制的椭圆Ctrl+F粘贴到前面，选择椭圆及质感高光，透明度调板中，点开右上角倒三角菜单，选择建立不透明蒙版，如图20:图205、单击蒙版缩略框(图21红圈处)，进入蒙版编辑图216、选择蒙版路径，按Ctrl点击渐变小方框(图021红圈处)即用默认渐变填充蒙版路径，渐变工具(G)调整渐变，做出渐隐效果，最后再点左侧对象缩略图，回到图层，如图22:图22八、完美