photoshop制作出时尚现代的蓝色会员登录框

先看效果图

会员 登录 ps教程

新建文档450x300像素,背景做一灰白渐变,建新层,画一黑色圆角矩形。

会员 登录 ps教程

添加图层样式。

会员 登录 ps教程

会员 登录 ps教程

效果如下。

会员 登录 ps教程

建新层,画2个白色矩形。

会员 登录 ps教程

输入一些文字,添加箭头图标。

会员 登录 ps教程

建新层,画一个白色的小正方形。

会员 登录 ps教程

添加1像素灰色描边样式,效果如下。

会员 登录 ps教程

图层面板底部建新层,前景色#b3b3b3画一圆角矩形。

会员 登录 ps教程

新建层,用钢笔做下图所示路径,填充同样的颜色。

会员 登录 ps教程

添加白色文字,我感觉背景渐变不太好看,填充了一种浅灰色,最终效果如下。

会员 登录 ps教程