当前位置: 首页 > 图文教程 > 平面设计 > Illustrator > Illustrator教程:绘制半透明光感按钮

Illustrator
Illustrator三个半透明渐变制作技法教程
Illustrator 绘制古典美女柳梦璃之头发篇
Illustrator 鼠绘教程 仙剑4美女人物柳梦璃
Illustrator 鼠绘教程 网格绘制写实人物
20个Illustrator学习网站
Illustrator 渐变网格绘制紫百合
40个精彩的Illustrator英文教程
Illustrator 制作人物插画
Illustrator 大片竹林制作
Illustrator 制作漂亮插画花季的天使
Illustrator 幻彩变幻线
AI旋转工具和比例缩放工具做惊人的效果
Illustrator 超酷波纹效果线条
Illustrator 收缩和膨胀效果 隐藏功能
Illustrator 制作矢量电影场记板图标
Illustrator CS3教程 实时上色工具应用技巧
Illustrator 春天笔刷制作3D绚丽文字
Illustrator CS4轻松制作渐变文字
Adobe Illustrator 透明质感立体方块
Illustrator 插画教程唯美的花季天使

Illustrator教程:绘制半透明光感按钮


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-27   浏览: 288 ::
收藏到网摘: n/a

首先,把效果图发出来!

Illustrator教程:绘制半透明光感按钮_软晨学习网

说明:
1.教程内容分八部分,考虑到适合初学者,特别详细,
2.文字部分,()中的内容为相对的命令快捷键或所作的补充说明!

下面开始:

一 绘制"底座"部分

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教程:绘制半透明光感按钮_软晨学习网

二 绘制"金属凹边"

1.选中"底座圆"路径,然后"对象>路径>偏移路径",得到新路径,在图层面板中命名为"金属凹边",如图003:

Illustrator教程:绘制半透明光感按钮_软晨学习网

2.对此偏移路径,(Shift+F6)打开外观面板,点右上角的倒三角菜单,选择"简化至基本外观",如图示004:

Illustrator教程:绘制半透明光感按钮_软晨学习网

3.填充设为无色,设置一个描边大小(比如为5Pt),Ctrl+C复制一份(到粘贴板)以备后用,再"对象>路径>轮廓化描边",然后填充线性渐变如图示005:

Illustrator教程:绘制半透明光感按钮_软晨学习网

三 绘制"金属上抛光面"

1.(将二-3中复制的路径)Ctrl+F粘贴到前面,得到新路径,在图层中命名为"金属上抛光面"

2.按>键,切换到渐变填色并调出渐变调板,按住Ctrl键鼠标点击工具栏中的"渐变方框图标",将渐变重置为默认的黑白渐变!如图示006:

Illustrator教程:绘制半透明光感按钮_软晨学习网

然后,在渐变调板中设置色标,并用渐变工具(G),拉出黑白线性渐变,描边设为无,如图007:

Illustrator教程:绘制半透明光感按钮_软晨学习网

四 绘制"内部蓝渐变" (这一步,我要用一个路径画出内部复合渐变)

1.再画一稍小的椭圆,图层命名为"内部蓝渐变",位置稍偏上右,如图008:

Illustrator教程:绘制半透明光感按钮_软晨学习网

2.填充一径向渐变,并设置描边为灰色,粗细为4Pt, 如图009:

Illustrator教程:绘制半透明光感按钮_软晨学习网

3.(如一-4) 打开外观面板(Shift+F6),按Ctrl+/ 给椭圆"添加新填色",并用渐变工具(G),从右下角往右,拉出径向渐变,如图010:

Illustrator教程:绘制半透明光感按钮_软晨学习网

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

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教程:绘制半透明光感按钮_软晨学习网

到此,教程完毕!