如何设计出流行的,具有层次感的网页按钮参照以下简单的教程,马上那个就能设计出一款视觉效果不错的红色网页按钮,当然,其他颜色也是大同小异了.
红色网页按钮的最终设计效果:
一,新建photoshop文件.
二,photoshop文件中创建一个新的图层,设置前景色为红色#bb0a0a,在画布上拖出一个圆角矩形.
三,设置该图层的样式:
设置内阴影如下:
设置内发光: 颜色为#bb0a0a
设置渐变叠加:#A10F0F #DF0B0B #DF0B0B
描边:
大小:2px位置:外部颜色:#ab080a
按住ctrl键,选择按钮图层,使用矩形选框工具把选区移动到左部，如下图所示
新建一个图层,填充色为#E1CA57.
设置该图层的内发光:透明度80%,颜色#F1E19B,混合模式正常.
设置渐变叠加,颜色分别为:#B59D2B #E7CD50#E7CD50
创建新的图层:放大图层,用矩形工具画出如下图:
最后再新建文字图层,添加按钮上文字即可.
文章来源:http://user.qzone.qq.com/740842034/blog/1235311355
