来源：优设网 作者：葶蓂溪畔的幽灵公主
作者的作图的时候非常精细，也是我们要重点学习的方法。作图之前需要先调出画布中的网格，然后在网格中精确绘制图形，每一个细小的部件都可以在网格中画出合适的大小，然后用图层样式等加上纹理，颜色，再整体调整细节即可。
最终效果
1、打开PS，Command/Ctrl-N新建一个文件。按照下图设置参数，单击确定。显示网格（视图>显示>网格），然后对齐到网格（视图>对齐到>网格）。刚开始，你需要一个10px的网格，选择编辑>首选项>参考线，网格和切片，设置网格线间隔为10px，子网格为1，网格颜色为#a7a7a7。
注：可以用Command/Ctrl-’ 快捷键来显示或隐藏网格。你也可以打开信息面板（窗口>信息）来查看你绘制的形状的大小和位置。
2、将前景色设为#aecef5。选择圆角矩形工具，选择形状图层模式，把半径设为5px。创建一个 240 x 380px 的圆角矩形，使用对齐到网格可以简化工作。
3、选择矩形工具。按住Alt键，创建一个40 x 330px的矩形，如下图。
4、选择圆角矩形工具，按住Shift键，创建一个50 x 20px 的圆角矩形，如下图。
5、选择圆角矩形工具，按住Shift键，创建一个20 x 340px 的圆角矩形，如下图。
6、选择矩形工具，按住Alt键，创建一个 10 x 380px的矩形，如下图。
