Photoshop制作会员登录界面（保姆级别教程）

1、打开ps用快捷键（Ctrl+N）新建一个背景为白色的空白图层
2、从右上角到左下角拉出一个渐变，渐变的左右数值为下图


3、新建一个图层快捷键（Ctrl+Alt+shitf+N），用“画笔工具”选择一个柔边圆的300左右（根据自己的喜好调解，不要太小），具体数值如下图：

4、将左下角与右上角进行涂抹，适当调整画笔的大小，然后选择工具栏中的“滤镜”，“模糊”，“高斯模糊”，数值设为15，如下图：

5、用“椭圆工具”，选择“形状”模式，在中心画出一个椭圆，描边选择“无”，中心颜色选择为如下图：

6、画完椭圆后在椭圆图层上右击选择“栅格化图层”，并将起与上一步一样进行高斯模糊，这里有快捷键直接用（Ctrl+Alt+F）即可重复上一次滤镜，做完这些以后会是这样的效果，如下图：

7、用圆角矩形工具画出一个圆角矩形，并复制一份（Ctrl+L），隐藏其中一份，对另一份双击，调出图层混合样式，分别设置，内发光、颜色叠加、投影这三个属性，具体的设置数值如下图：



8、设置出来后效果图如下：

9、然后将备用的另一个图层用Ctrl+T键进行缩放，然后用左边工具栏中的“路径选择工具”单击最下面的左右锚点，然后按键盘上的del键删除，效果如下：

10、继续操作这个图层，对这个图层设置图层混合样式，分别设置渐变叠加，内发光，颜色叠加具体的数值如下：





11、设置完成后的效果如下：

12、绘制左上角的三个点，效果如下，具体数值不再给出，可以自行调节，需要图层混合样式添加内阴影，内发光、光泽、渐变叠加
效果如下：

13、出现一个错误，应该将上面的圆角矩形****颜色叠加设置为50%即可，灰色影响整体美感
14、新建一个圆角矩形框作为输入框，添加的图层样式如下图：


效果如下：

中间再加一条线用于区分账号和密码：
下过如下：

下面可以自由的发挥，设置登录按钮，清空按钮等等，都是围绕着图层混合样式来进行设置大部分都是渐变叠加，颜色叠加，投影三个工具的混合使用，好了，下面的时间交给你了，加油啊哦!