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

http://www.webjx.com/  发布时间:2010-02-11 09:55:15  来源:中国教程网论坛 作者:加勒比海盗 

本教程主要用Illustrator制作漂亮水晶按钮图标,整体的质感表现很漂亮,下面让我们一起来学习吧。

首先,把效果图发出来!

Illustrator教程:制作流行的半透明水晶按钮_网页教学网

下面开始:

一 绘制"底座"部分

1.用椭圆工具(L),按住ALt+Shift(以某一点为中心)画出一正圆,

然后打开图层调板(F7),在对象名上双击,重命名为"金属底座",如图000:

Illustrator教程:制作流行的半透明水晶按钮_网页教学网

2.为了让它在最后看起来更真实,我想要给这个正圆一些透视,

使用"自由变换工具"(E),鼠标移动到正圆对象定界框右下角的空心方点上(如没有显示对象定界框,请按快捷键Shift+Ctrl+B使之显示),

当鼠标变为双向箭头时,按下鼠标不放,再同时按下Shift+Ctrl+Alt键不放(此时鼠标变为一个虚的三角形),

按住的鼠标往右拖移,让底座圆做垂直方向的透视变形!

3.按>键切换到渐变填色,(Ctrl+F9)调出渐变调板,设置"径向渐变"

然后用渐变工具(G)在圆中拉了径向渐变,并设置描边为黑色,粗细为2Pt,如图001:

Illustrator教程:制作流行的半透明水晶按钮_网页教学网

4.打开外观面板(Shift+F6),按Ctrl+/ 给底座圆"添加新填色",

(在外观面板中蓝色表示已选择新填色,)对这个新填色,用渐变工具(G),从左上角往中心拉出黑白径向渐变,(此时这个渐变会覆盖下面的渐变)

再在"透明度调板"中设置此渐变的混合模式为"滤色",如图002:

Illustrator教程:制作流行的半透明水晶按钮_网页教学网

共8页: 上一页 1 [2] [3] [4] [5] [6] [7] [8] 下一页
更多