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

《illustrator绘制漂亮的水晶质感按钮图标》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、Illustrator绘制漂亮的水晶质感按钮图标　　首先，我们先来看看效果图!　　图片看不清楚？请点击这里查看原图（大图）。　　效果图　　说明：　　1、教程内容分八部分，考虑到适合初学者，特别详细；　　2、文字部分，()中的内容为相对的命令快捷键或所作的补充说明!　　下面开始制作步骤：　　一、绘制底座部分　　1、用椭圆工具(L)，按住ALt+Shift(以某一点为中心)画出一正圆。然后打开图层调板(F7)，在对象名上双击，重命名为金属底座，如图1:　　图片看不清楚？请点击这里查看原图（大图）。　　图1　　2、为

2、了让它在最后看起来更真实，我想要给这个正圆一些透视，使用自由变换工具(E)，鼠标移动到正圆对象定界框右下角的空心方点上(如没有显示对象定界框，请按快捷键Shift+Ctrl+B使之显示)，当鼠标变为双向箭头时，按下鼠标不放，再同时按下Shift+Ctrl+Alt键不放(此时鼠标变为一个虚的三角形)，按住的鼠标往右拖移，让底座圆做垂直方向的透视变形!　　3、按>键切换到渐变填色，(Ctrl+F9)调出渐变调板,设置径向渐变，然后用渐变工具(G)在圆中拉了径向渐变，并设置描边为黑色，粗细为2Pt，如图2：　　

3、图片看不清楚？请点击这里查看原图（大图）。　　图2　　4、打开外观面板(Shift+F6)，按Ctrl+/给底座圆添加新填色，对这个新填色，用渐变工具(G)，从左上角往中心拉出黑白径向渐变，再在透明度调板中设置此渐变的混合模式为滤色，如图3：　　图片看不清楚？请点击这里查看原图（大图）。　　图3　　二、绘制金属凹边　　1、选中底座圆路径，然后对象>路径>偏移路径，得到新路径，在图层面板中命名为金属凹边，如图4：　　图片看不清楚？请点击这里查看原图（大图）。　　图4　　2、对此偏移路径，(Shift+

4、F6)打开外观面板，点右上角的倒三角菜单，选择简化至基本外观，如图示5:　　图5　　3、填充设为无色，设置一个描边大小(比如为5Pt)，Ctrl+C复制一份(到粘贴板)以备后用，再对象>路径>轮廓化描边，然后填充线性渐变如图示6：　　图片看不清楚？请点击这里查看原图（大图）。　　图6　　三、绘制金属上抛光面　　1、(将二-3中复制的路径)Ctrl+F粘贴到前面，得到新路径，在图层中命名为金属上抛光面。　　2、按>键，切换到渐变填色并调出渐变调板，按住Ctrl键鼠标点击工具栏中的渐变方框图标，将

5、渐变重置为默认的黑白渐变!如图示7：　　图7　　然后，在渐变调板中设置色标，并用渐变工具(G)，拉出黑白线性渐变，描边设为无，如图8:123下一页[感谢阅读这篇文章，..，]　　图片看不清楚？请点击这里查看原图（大图）。　　图8　　四、绘制内部蓝渐变(这一步,我要用一个路径画出内部复合渐变)　　1、再画一稍小的椭圆，图层命名为内部蓝渐变，位置稍偏上右，如图9：　　图片看不清楚？请点击这里查看原图（大图）。　　图9　　2、填充一径向渐变，并设置描边为灰色，粗细为4Pt，如图10:　　图片看不清楚？请点击这里查看原

6、图（大图）。　　图10　　3、(如一-4)打开外观面板(Shift+F6)，按Ctrl+/给椭圆添加新填色，并用渐变工具(G)，从右下角往右，拉出径向渐变，如图11:　　图片看不清楚？请点击这里查看原图（大图）。　　图11　　在透明度调板中设置此渐变的混合模式为滤色，如图12:　　图片看不清楚？请点击这里查看原图（大图）。　　图12　　五、开始做内部标牌　　1、用圆角矩形工具，拖画出圆角矩形，不松开鼠标，同时按↑或↓来调整圆角大小，填充白色，描边为无，如图13:　　图片看不清楚？请点击这里查

7、看原图（大图）。　　图13　　2、文本工具(T)点击并输入英文Graby，然后文字>创建轮廓(Shift+Ctrl+O)。　　3、选择矩形和文字路径，Shift+Ctrl+F9调出路径查找器，从矩形减去文字路径，如图14:　　图片看不清楚？请点击这里查看原图（大图）。　　图14　　4、把标牌置于水晶按钮上，并运用效果>风格化>投影，并做了适当角度的旋转,如图15:　　图片看不清楚？请点击这里查看原图（大图）。　　图15　　六、内部内发光　　1、选择工具(V)，选择内部蓝渐变，Ctrl+C复制，

8、再Ctrl+F原位粘贴到前面，按D键，使它为默认的填充描边，然后菜单命令对象>路径>偏移路径，得到小一些的椭圆，用浅蓝色填充，设置如图16:　　图片看不清楚？请点击这里查看原图（大图）。　　图16　　2、执行菜单命令效果>风格化>羽化(羽化半径适当)，再(Ctrl+Shift+F10)调出透明度调板，设为滤色模式，35%透明度，如图17:　　图片看不清楚？请点击