gggds 发表于 2009-12-27 14:00:49

又一种苹果按钮的制作方法

fw4 苹果风格的按钮原著:craig erskine (May 23,2002)摘要:只需两个图形即可制作一个令人非常赏心悦目的Mac风格的按钮。翻译:杀虫双

这个教程能应用于所有的形状上实现但在圆角对象上视觉效果最好。
第一步:外形/渐变填充利用矩形工具在画布中央拉出一个圆角矩形;打开填充面板(Shift+F7)从下拉菜单中选择“线性”;编辑渐变属性,起始颜色为#CCCCCC,终点颜色为#FFFFFF;使用选择工具来调整渐变属性,结果如下图所示。

http://www.7dn.cn/Article/UploadFiles/2003111832918734.gif

第二步:内侧阴影选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影;照下图所示选择阴影参数;

http://www.7dn.cn/Article/UploadFiles/2003111832918580.gif

按回车,矩形应该变为下边图片中的样子。

http://www.7dn.cn/Article/UploadFiles/2003111832918621.gif

第三步:阴影仍然选择矩形图形,再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影;照左图所示选择阴影参数;

http://www.7dn.cn/Article/UploadFiles/2003111832918360.gif

按回车,矩形应该变为左边图片中的样子。

http://www.7dn.cn/Article/UploadFiles/2003111832919371.gif

第四步:使其更加醒目拖出一个新的圆角矩形,尺寸为首先那个矩形宽度的80%、长度的50%,并移动到此矩形的上部3/4处;打开填充面板并从下拉菜单中选择线性填充;改变黑白线性渐变填充的方向;使用选择工具进行调整,使图形如下边所示;

http://www.7dn.cn/Article/UploadFiles/2003111832919797.gif

打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”,请参照下边的图层面板截图。

http://www.7dn.cn/Article/UploadFiles/2003111832919112.gif

第五步:最后一步加上文字,你就得到了这个漂亮的aqua按钮

http://www.7dn.cn/Article/UploadFiles/2003111832919784.gif
页: [1]
查看完整版本: 又一种苹果按钮的制作方法