转载请保留此信息！首先
我们先来看看效果图!
水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/e0854fce-ec71-4f94-8f44-b4175e1fb9c8.jpg" border=0>效果图
介绍说明:
1、教程内容分 8部分
考虑到适合初学者特别详细； 2、文字部分
中内容为相对命令快捷键或所作补充介绍说明!下面开始制作步骤:
、绘制"底座"部分 1、用椭圆工具(L)
按住ALt+Sh
t(以某点为中心)画出正圆
然后打开图层调板(F7)在对象名上双击重命名为“金属底座”如图1:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/14b0f6dc-07a2-4469-8769-06ee31d15648.jpg" border=0>图1
2、为了让它在最后看起来更真实
我想要给这个正圆些透视使用"自由变换工具"(E)鼠标移动到正圆对象定界框右下角空心方点上(如没有显示对象定界框请按快捷键Sht+Ctrl+B使的显示)当鼠标变为双向箭头时按下鼠标不放再同时按下Sht+Ctrl+Alt键不放(此时鼠标变为个虚 3角形)按住鼠标往右拖移让底座圆做垂直方向透视变形!3、按>键切换到渐变填色
(Ctrl+F9)调出渐变调板,设置"径向渐变" 然后用渐变工具(G)在圆中拉了径向渐变并设置描边为黑色粗细为2Pt如图2:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/873d50dd-b9b0-4359-bb98-f3e1c2c38d68.jpg" border=0>图2
4、打开外观面板(Sh
t+F6)按Ctrl+/ 给底座圆“添加新填色”对这个新填色用渐变工具(G)从左上角往中心拉出黑白径向渐变再在"透明度调板"中设置此渐变混合模式为"滤色"如图3:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/ed3901c2-38d0-4f4a-8a83-0258f93ae6c0.jpg" border=0>图3
2、绘制"金属凹边"
1、选中"底座圆"路径
然后"对象>路径>偏移路径"得到新路径在图层面板中命名为“金属凹边”如图4:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/042faed5-cfd8-4f35-a188-9e6f5c8a301e.jpg" border=0>图4
2、对此偏移路径
(Sht+F6)打开外观面板点右上角倒 3角菜单选择“简化至基本外观”如图示5:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/51bafec7-009b-4261-9c95-c41507da8ce6.jpg" border=0>图5
3、填充设为无色
设置个描边大小(比如为5Pt)Ctrl+C复制份(到粘贴板)以备后用再"对象>路径>轮廓化描边”然后填充线性渐变如图示6:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/a66f1d4b-d59a-4cb1-82ed-ae443e350469.jpg" border=0>图6
3、绘制"金属上抛光面"
1、(将 2-3中复制
路径)Ctrl+F粘贴到前面得到新路径在图层中命名为"金属上抛光面"2、按>键
切换到渐变填色并调出渐变调板按住Ctrl键鼠标点击工具栏中"渐变方框图标"将渐变重置为默认黑白渐变!如图示7:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/8b791357-6b16-4ecc-ace8-b3d2146588b4.jpg" border=0>图7
然后
在渐变调板中设置色标并用渐变工具(G)拉出黑白线性渐变描边设为无如图8:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/1a1dee9f-8670-486f-a460-d9ebfd9822c2.jpg" border=0>图8
4、绘制"内部蓝渐变" (这
步,我要用个路径画出内部复合渐变)1、再画
稍小椭圆图层命名为"内部蓝渐变"位置稍偏上右如图9:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/2958e501-a8a4-43f5-887a-10d9c4783381.jpg" border=0>图9
2、填充
径向渐变并设置描边为灰色粗细为4Pt如图10:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/05996f4e-c4f7-4b91-bedf-5ab779d06130.jpg" border=0>图10
3、(如
-4) 打开外观面板(Sht+F6)按Ctrl+/ 给椭圆"添加新填色"并用渐变工具(G)从右下角往右拉出径向渐变如图11:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/8ab6e752-c215-48d0-81ca-d3a410fac3a3.jpg" border=0>图11
在"透明度调板"中设置此渐变
混合模式为"滤色"如图12:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/30387f64-7cc9-4c32-85fa-eb999be039c1.jpg" border=0>图12
5、开始做"内部标牌"
1、用"圆角矩形工具"
拖画出圆角矩形不松开鼠标同时按↑或↓来调整圆角大小填充白色描边为无如图13:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/4793ddf0-5d71-488c-9e63-d7e6100c3ca9.jpg" border=0>图13
2、文本工具(T)点击并输入英文Graby
然后"文字>创建轮廓"(Sht+Ctrl+O)3、选择矩形和文字路径
Sht+Ctrl+F9调出路径查找器从矩形减去文字路径如图14:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/7f4669fe-e5b3-4017-a420-dd4b6fed7a77.jpg" border=0>图14
4、把标牌置于水晶按钮上
并运用"效果>风格化>投影"并做了适当角度旋转,如图15:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/05b37581-d038-4241-97a1-34e397ceab26.jpg" border=0>图15
6、内部内发光
1、选择工具(V)
选择"内部蓝渐变"Ctrl+C复制再Ctrl+F原位粘贴到前面按D键使它为默认填充描边然后菜单命令"对象>路径>偏移路径"得到小些椭圆用浅蓝色填充设置如图16:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/6c97742c-ea13-4932-baa7-bc2aef749163.jpg" border=0>图16
2、执行菜单命令"效果>风格化>羽化"(羽化半径适当)
再(Ctrl+Sht+F10)调出透明度调板设为滤色模式35%透明度如图17:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/74d68c73-a178-4772-be9f-86b114e18dba.jpg" border=0>图17
7、高光部分
1、选择工具(V)
选择上步偏移路径剩下大椭圆Ctrl+C复制到粘贴板(以备后用)2、画
路径形状和此椭圆相减得到形状区域如图18:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/225ebb04-64dc-4e0b-8b04-9b2a9ab44dae.jpg" border=0>图18
3、为这
路径命名为"质感高光"填充种青色调出透明度调板(Ctrl+Sht+F10)设为滤色模式85%透明度如图19:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/fa18acce-adee-4ff2-a21b-dc453a6fb81e.jpg" border=0>图19
4、将1中复制
椭圆Ctrl+F粘贴到前面选择椭圆及"质感高光"透明度调板中点开右上角倒 3角菜单选择"建立不透明蒙版"如图20:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/6ba8f167-564c-4cea-ad09-8ff8fbbe2072.jpg" border=0>图20
5、单击蒙版缩略框(图21红圈处)
进入蒙版编辑水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/53b244ff-9424-49fe-a16b-3d8403cec65f.jpg" border=0>图21
6、选择蒙版路径
按Ctrl点击渐变小方框(图021红圈处)即用默认渐变填充蒙版路径渐变工具(G)调整渐变做出渐隐效果最后再点左侧对象缩略图回到图层如图22:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/a529ceba-6e8a-4a4f-ac23-1ff9da4b072c.jpg" border=0>图22
8、完美演绎
同样用建立不透明蒙版
思路方法我加上了左上高光和右下高光 最后我把"内部标牌"不透明度降为了80%并为底座加上阴影得到最终效果图23:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/5d461baf-e3c1-47b1-9a38-d36f44b0ddcd.jpg" border=0>图23
到此
教程完毕! 下面是最终效果:水晶按钮图标 alt=Illustrator绘制漂亮水晶按钮图标 src="http://www.crazycoder.cn/WebFiles/20099/e0854fce-ec71-4f94-8f44-b4175e1fb9c8.jpg" border=0>图24
最新评论