这是一篇简单的photoshop网页制作教程，主要为大家介绍使用photoshop中的绘图工具和图层样式功能制作一款简约精美的网站登录框，先来看最终效果吧。
1.打开photoshop软件,按ctrl+N,新建一个大小为:600x400px的文档,并填充灰色.
2.在工具栏上选择"圆角矩形"并在其选择栏上设置圆角:4px,然后在画布上画一个大小为280x180px(注意:在选项栏的选中按扭)
3.双击矩形所在的图层,设置图层样式,按下面的数据设置.
显示的效果:
4.现在我们给矩形的外边框添加发光的效果.
在工具栏上选择"矢量线条",画一条直线,如图如示.
添加图层样式,设置如下图:
复制直线,然后移动到下面来,效果如下图:
使用"矢量直线"工具,也在另外两个边框画上直线,并设其样式: