学院首页>网页制作>Javascript>立体透明按钮的制作方法

立体透明按钮的制作方法

作者:Tutorial 来源:10designs.com 添加时间:2006-5-21 9:22:33
苹果公司网站上的按钮, 做法很简单

1. 新建一个通道,建立一个长方型的原角按钮.尺寸根据自己的需要定.按钮的中间用白色填充.
2. 返回层面板,并新建一个层. 使用Linear gardient工具.设置前景色RGB(204,204,204),背景色为白.然后用gardient从上往下拉,产生渐变效果.
3. 应用Outer Glow(Layer -->Effects -->Outer Glow)各个值和图中设置一样.
4. 继续使用Bevel and Emboss(Layer -->Effects -->Bevel and Emboss)各值也和图中设置的一样.
5. 选中通道上的按钮.按住Alt键用矩形选框选按钮的下半部分.这样就只选择了上面一小部分.然后用白色填充.把白色的区域单独的做为一层.
6. 将小的白色选区继续保持被选状态, 然后Edit -->Transform -->Numeric -->width=93percent,height=100percent.
7. 应用模糊Filter -->Blur -->Blur More.
8. 在这个白色的层中使用Mask.
9. 继续在白色层周围使用矩形选框,使用Linear Gradient工具.重新设置颜色,按"D"键.然后从上往下拉(注意:此时的Mask应该处在激活状态)
10. 可以把文字加进去拉.你也可以使用Hue/Saturation来改变颜色. I like mac :)
站内搜索