设计一个简洁优雅的网页登录框

在网页设计中会经常用到photoshop来制作网页的布局.那么在今天夕木木将和童学们一起来学习一下用photoshop来制作出一个即简单又非常时尚的登陆框.先来看最终效果吧.

1.打开photoshop软件,按ctrl+N,新建一个大小为:600x400px的文档,并填充灰色.

2.在工具栏上选择"圆角矩形"并在其选择栏上设置圆角:4px,然后在画布上画一个大小为280x180px(注意:在选项栏的选中按扭)

 

3.双击矩形所在的图层,设置图层样式,按下面的数据设置.

 

 

显示的效果:

4.现在我们给矩形的外边框添加发光的效果.
在工具栏上选择"矢量线条",画一条直线,如图如示.

添加图层样式,设置如下图:

(责任编辑：PS家园网) ​​​​​​​