Photoshop制作一个简约精美的网站登录框

核心提示：这是一篇简单的photoshop网页制作教程，主要为大家介绍使用photoshop中的绘图工具和图层样式功能制作一款简约精美的网站登录框，Photoshop制作一个简约精美的网站登录框，先来看最终效果吧，1.打开photoshop软件,按ctrl+N,新建一个大小为:600x400px的文档,并填充灰色.2.在工具栏上

这是一篇简单的photoshop网页制作教程，主要为大家介绍使用photoshop中的绘图工具和图层样式功能制作一款简约精美的网站登录框，先来看最终效果吧。

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

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

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

显示的效果:

4.现在我们给矩形的外边框添加发光的效果.

在工具栏上选择"矢量线条",画一条直线,如图如示.

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

复制直线,然后移动到下面来,效果如下图:

使用"矢量直线"工具,也在另外两个边框画上直线,并设其样式: