本教程是基于一个国外客户的实际案例，在这里分享我的一些想法和想法在生产中。希望对大家的设计有所帮助。
主要思路：画草图，用纯色色块填充草图，添加材质制作纹理，最后调整调整。
最终效果
1，首先我们绘制登录框的草图，下一个已经画好了，客户想要的形状。如果客户没有指定，那么你必须自己做。
2。草图完成后，下一步操作是使用钢笔工具勾勒出登录框的各个部分的形状，然后填充一个纯色块。在这里，网格工具可以很好地帮助你。网格线的间距可以设置在首选项中，下面是流程图。
3，接下来，添加纹理到登录框。我通常的做法是将材质图与图层样式结合起来，以达到效果。接下来，我将以登录框的底部框为例来解释具体操作，剩下的部分将不详细解释。首先，我搜索了多个材质划痕材料进行融合，然后在底部框中添加了一个简单的三维效果图层样式。最后，我将材料添加到底部框架，具体操作如下。
12本教程是基于一个国外客户的实际案例，在这里分享我的一些想法和想法，希望能对大家的设计有所帮助。
4层样式。
5，然后创建一个剪切掩模，导入材质贴图，在底部框中添加纹理。在这个过程中，你可以尝试更多的图层模式，并适当减少透明度。
6，内框采用相同的方法，图层样式将增加内阴影的效果，耐心地调整材质和图层的效果。
7，添加输入框和一些文本提示。输入框的效果可以将阴影模式改为图层样式设置、普通颜色到白色，然后适当调整位置和大小。
8。使登录按钮与底部框架相同。
9，整体效果已经完成，最后我们做一些整理工作，例如，我在登录框的顶部加了几个小螺丝，页面上下加上边框效果，当然，这只是我的方法，你可以添加其他效果。
最终效果：
十二
