1、第一步1、按ctrl+N,新建一个文档，大小1200x500px，命名为“tmall_banner”2、用矩形工具(U)，绘制一个 1200x500 的长方形，颜色为 #465074，并将图层命名为“背景01”
3、第三步1、制作单个格子，用矩形工具(U)，绘制一个 125x125 的正方形，颜色 #4651732、对齐正方形边缘拉出参考线，并在添加4个节点，如下图所示3、删除相应节点，并向上移动底部中间的节点
5、第五步1、这一步我们来绘制高光，选择直线工具(U)，颜色为白色，粗细 2px，在侧板对角线绘制，命名为“左高光”2、添加蒙版，用渐变工具(G)蒙版上拉出渐变，渐变设置 (黑--白--黑)到这里，基本格子就画好了，接下来我们添加纹理和阴影效果
7、第七步1、在编组“板”上，新建一个图层，命名为“纹理”，用矩形选区工具(M)绘制选区，并填烫腥治奁充白色2、添加杂色滤镜 "滤镜 --> 杂色 --> 添加杂色",输入数值3、添加模糊滤镜 “滤镜 --> 模糊 --> 高斯模糊”，输入数值 0.34、将图层混合模式改为“叠加”，不透明度 8%5、按住 alt 键，在纹理和“板”编组之间点击，形成剪切蒙版可以将“纹理”层缩小点，使效果更加细腻。
9、第九步1、复制图层”阴影01“，命名为”阴影02“，将图层改成纯色填充, 颜色 #3d4662，并调整节点位置2、将图层混合模式改成”正片叠底“，不透明度 23%;3、用画笔工具(B) 黑色,在图层蒙版涂抹，如下图所示ok，单个格子做好了
11、第十一步复制多个”格子“，将其对齐排好并编组，命名为”格子全“
13、第十三步1、复制上一步的图层，将填充颜色改成 #ece0bc，不透明度为25%;打开属性面板，调整羽化值 为15px2、接着添加文案和品牌logo3、最后在编组”格子全“上添加蒙版，用渐变工具烫喇霰嘴(G)在蒙版的下、左、右边缘处拉出3个渐变，渐变条有一边必须是透明的，才能在同一蒙版上拉出3个渐变
