效果如图：

首先我们把登陆框的蓝图画出来，下图是对方已经画好的，客户说了想要这种形状的。如果客户没有指定的话那就要自己动手画了。

草图完成后，接下来我的操作是使用钢笔工具勾勒出登陆框各个部分的外形，然后再用纯色块填充。在这里网格工具可以很好的帮助你，风格线的间隔可以在首选项（首选项快捷键：CTRL+K）中设置，下图是过程图

背景融合：

然后创建剪贴蒙版，导入素材图，为底框添加纹理效果，在此过程中可以多多尝试图层模式，并适当降低不透明度。

内框采用同样的方法，这时的图层样式就要添加内阴影的效果了，耐心调整素材与图层的效果。

添加输入框以及一些文字提示，输入框的效果可以在图层样式设置中将阴影模式改为正常，颜色改为白色，然后适当调整位置与大小即可。

制作登陆按钮，跟底框制作道理是一样的。

大体效果已经完成，最后我们再做一些收尾工作。比如说我在登陆框上部加了几个小螺丝，页面的上下加了边框效果，当然这只是我的做法，你也可以添加其他的效果。

还是国外设计论坛的技术专业啊