本例教程源于一个国外客户的真实案例，在此给大家分享一些我在制作时的一些思路，思路为重点。希望能对大家的设计有所帮助。
主要思路：画草图，用纯色块填充草图，加材质做质感，最后整理调整。
最终效果
1、首先我们把登录框的草图画出来，下图是对方已经画好的，客户说了想要这种Tulaoshi.Com形状。如果客户没有指定的话那就要自己动手画了。
2、草图完成后，接下来我的操作是使用钢笔工具勾勒出登录框各个部分的外形，然后再用纯色块填充。在这里网格工具可以很好的帮助你。网格线的间隔可以在首选项中设置，下面是过程图。
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/ps/）3、接下来为登录框添加质感，我通常的做法是材质图结合图层样式实现效果，下面拿登录框的底框为例讲解具体操作，其他部分大同小异就不做详细讲解了。首先背景我找了多张材质划痕素材进行融合，然后对底框加了简单的立体效果图层样式，最后再为其叠加材质，具体操作如下。 
（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/ps/）（本文来源于图老师网站，更多请访问http://m.tulaoshi.com/ps/）4、图层样式。 
12下一页 
