本教程学习如何用photoshop的圆角矩形工具和图层样式制作一个蓝色质感的登录框，先看效果图。

新建文档1280x1024像素，背景白色，建新层，填充黑色，添加图层样式。

效果如下。

建新层，画一个白色圆角矩形，添加图层样式。

建新层，画一个黑色圆角矩形。

添加图层样式。

效果如下。

建新层，画一个小的白色圆角矩形，输入一些白色文字，排列位置如下。

建新层，画一个白色圆角矩形，位置如下。

添加图层样式。

效果如下。

前景色#878787输入文字，添加图层样式。

建新层，调出上面的圆角矩形选区，填充白色，选择矩形工具按alt减选底部，添加蒙版，图层模式改为柔光。

同样的方法做出Register按钮，建新层，前景色#636363画一个圆角矩形。

添加图层样式。

复制一个，效果如下。

百度搜一个锁头图标，导入，底部建新层，用黑色柔角画笔添加一些阴影。

建新层，画一个白色圆角矩形，右击栅格化图层，用直线套索做一选区，删除，图层模式柔光，不透明度38%。

最终效果如下。