Photoshop打造超酷按钮

2011-07-31 13:17 稿源:www.imrwl.com  0条评论

Photoshop打造一个超酷的按钮,可以做成购买框注册确认框等,下面展示最终效果图。

一、建立文件,500px*270px,背景白色,72dpi(这个是作图区与按钮无关);

二、圆角矩形工具,半径10px,固定大小:262px*116px,画一个圆角方框,如下图;

三、转换为选区,新建图层,填充白色,选中混合模式;

四、投影,混合模式:正片叠底,不透明度:50%,角度:90,距离:1px,大小:8px,其他默认,如下图;

五、光泽,混合模式:正常,颜色:白色,不透明度:20%,角度:19,距离:11px,大小:14px;

六、颜色叠加,混合模式:正常,颜色:白色,不透明度:10%;

七、渐变叠加,混合模式:正常,不透明度:100%,样式:线性,颜色:从#e4e4e4到白色,角度:90,其他默认;

八、描边,大小:1px,位置:外部,混合模式:正常,不透明度:100%,填充类型:颜色,色值:#bcbcbc,做完这步,得到如下效果图;

九、接下来制作文字效果,打入立即购买》》,字体微软雅黑,颜色白色,大小40点,其他默认,

十、字体样式,投影,混合模式:正片叠底,不透明度:75%,角度:90,距离1px,大小5px,其他默认;

十一、颜色叠加,混合模式:正常,颜色:黑色,不透明度:3%;

十二、渐变叠加,混合模式:正常,不透明度:100%,颜色:从#e2e2e2到白色,样式:线性,角度:90,其他默认,保存这个样式,下面有用;

十三、描边,大小1px,位置:外部,混合模式:正常,不透明度:100%,填充类型:渐变,读取上面保存的颜色,点反向,样式:线性,角度90,其他默认,做完这步就是上面效果图了;

十四、接下来制作hover,这个很简单,复制上面圆角方框图层,打开渐变叠加,勾上反向就OK了,下面是效果图。

本教程纯原创心得,如有喜欢欢迎转载请保留http://www.imrwl.com/Article/Tech-20/ ,谢谢大家。

有好的文章希望站长之家帮助分享推广,猛戳这里我要投稿

相关文章

相关热点

查看更多