Illustrator 制作流行的半透明水晶按钮

中国教程网论坛   发布时间:2010-02-16 15:26:16   作者:加勒比海盗   我要评论
本教程主要用Illustrator制作漂亮水晶按钮图标,整体的质感表现很漂亮,下面让我们一起来学习吧。

五 开始做"内部标牌"
1.用"圆角矩形工具",拖画出圆角矩形,不松开鼠标,同时按↑或↓来调整圆角大小,填充白色,描边为无,如图012:
Illustrator教程:制作流行的半透明水晶按钮_脚本之家
2.文本工具(T)点击并输入英文Graby,然后"文字>创建轮廓"(Shift+Ctrl+O),
3.选择矩形和文字路径,Shift+Ctrl+F9调出路径查找器,从矩形减去文字路径,如图013:
Illustrator教程:制作流行的半透明水晶按钮_脚本之家
4.把标牌置于水晶按钮上,并运用"效果>风格化>投影",并做了适当角度的旋转,如图014:
Illustrator教程:制作流行的半透明水晶按钮_脚本之家

六 内部内发光
1.选择工具(V),选择"内部蓝渐变",Ctrl+C复制,再Ctrl+F原位粘贴到前面,
按D键,使它为默认的填充描边,然后菜单命令"对象>路径>偏移路径",得到小一些的椭圆,用浅蓝色填充,设置如图015:
Illustrator教程:制作流行的半透明水晶按钮_脚本之家
2.执行菜单命令"效果>风格化>羽化"(羽化半径适当),再(Ctrl+Shift+F10)调出透明度调板,设为滤色模式,35%透明度,如图016:
Illustrator教程:制作流行的半透明水晶按钮_脚本之家

七 高光部分
1.选择工具(V),选择上一步偏移路径剩下的大椭圆,Ctrl+C复制到粘贴板(以备后用)
2.画一路径形状,与此椭圆相减,得到一形状区域如图017:
Illustrator教程:制作流行的半透明水晶按钮_脚本之家
3.为这一路径命名为"质感高光",填充一种青色,调出透明度调板(Ctrl+Shift+F10),设为滤色模式,85%透明度,如图018:
Illustrator教程:制作流行的半透明水晶按钮_脚本之家
4.将1中复制的椭圆Ctrl+F粘贴到前面,选择椭圆及"质感高光",透明度调板中,点开右上角倒三角菜单,选择"建立不透明蒙版",如图019:
Illustrator教程:制作流行的半透明水晶按钮_脚本之家
5.单击蒙版缩略框(图020红圈处),进入蒙版编辑,
Illustrator教程:制作流行的半透明水晶按钮_脚本之家
6.选择蒙版路径,按Ctrl点击渐变小方框(图021红圈处)即用默认渐变填充蒙版路径,渐变工具(G)调整渐变,做出渐隐效果,
最后再点左侧对象缩略图,回到图层,如图021:
Illustrator教程:制作流行的半透明水晶按钮_脚本之家

八 完美演绎
同样用建立不透明蒙版的方法我加上了左上高光,和右下高光,
最后,我把"内部标牌"的不透明度降为了80%,并为底座加上的阴影,得到最终效果图022:
Illustrator教程:制作流行的半透明水晶按钮_脚本之家
到此,教程完毕

相关文章

最新评论