WEB开发网
开发学院图形图像Fireworks Fireworks制作晶莹剔透的质感按钮ICON教程 阅读

Fireworks制作晶莹剔透的质感按钮ICON教程

 2007-08-07 09:09:46 来源:WEB开发网   
核心提示:一组按钮效果:第一步、画一个略扁的圆,线形垂直填充,Fireworks制作晶莹剔透的质感按钮ICON教程,第二步、复制这个圆,并且长和宽各减少4个像素,距离4,角度270,线形垂直填充,第三步、再次复制这个圆

一组按钮效果:

Fireworks制作晶莹剔透的质感按钮ICON教程

第一步、画一个略扁的圆,线形垂直填充。

Fireworks制作晶莹剔透的质感按钮ICON教程

Fireworks制作晶莹剔透的质感按钮ICON教程

第二步、复制这个圆,并且长和宽各减少4个像素,线形垂直填充。

Fireworks制作晶莹剔透的质感按钮ICON教程

Fireworks制作晶莹剔透的质感按钮ICON教程

第三步、再次复制这个圆,并且长和宽个减少18个像素,线形垂直填充。

Fireworks制作晶莹剔透的质感按钮ICON教程

Fireworks制作晶莹剔透的质感按钮ICON教程

第四步、继续复制这个圆,用钢笔工具调整到下图形状,线形填充100%~20%,透明度40%。

Fireworks制作晶莹剔透的质感按钮ICON教程

Fireworks制作晶莹剔透的质感按钮ICON教程

第五步、用钢笔画出下面两个部分,耐心点调整放置于椭圆的下方形成3D效果。

Fireworks制作晶莹剔透的质感按钮ICON教程

Fireworks制作晶莹剔透的质感按钮ICON教程

第六步、关键的质感高光制作:用通常的上下两个椭圆组合而成,用蒙板遮盖掉多余部分,注意颜色搭配。

Fireworks制作晶莹剔透的质感按钮ICON教程

Fireworks制作晶莹剔透的质感按钮ICON教程

第七步、这个形状随便你了:投影,距离0,白色100%

Fireworks制作晶莹剔透的质感按钮ICON教程

Fireworks制作晶莹剔透的质感按钮ICON教程

第八步、最后把所有的组合起来,加上投影柔化4,距离4,角度270,黑色80%。

Fireworks制作晶莹剔透的质感按钮ICON教程

Fireworks制作晶莹剔透的质感按钮ICON教程

Tags:Fireworks 制作 晶莹剔透

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接