【www.gbppp.com--随笔原创】

　　这个实例是模仿天猫服饰活动页做的一个banner，在蓝色理想论坛有网友对实例中的立体格子背景做法疑问，我静下心来，花了点时间将效果做出来。立体格子的结构比较简单，主要是要认真观察细节，处理好阴影的效果。

　　本教程为思缘论坛会员Aman原创教程，版权所有，转载问Aman

　　高清图片：http://pan.baidu.com/share/link?shareid=125546&uk=3708036670

　　教程详情

　　程序: Adobe Photoshop cs6

　　难度:中级

　　预计完成时间: 1 小时

　　天猫服饰banner 最终效果图

　　下图为天猫服饰原图

　　第一步

　　1、按ctrl+N,新建一个文档，大小1200x500px，命名为“tmall_banner”

　　2、用矩形工具(U)，绘制一个 1200x500 的长方形，颜色为 #465074，并将图层命名为“背景01”

　　第二步

　　1、复制图层“背景01”，将矩形改成渐变填充(#465074 -- #6676aa -- #465074)

　　2、添加蒙版，用渐变工具在蒙版上拉出左右两个渐变

　　注意：渐变条的设置，一边黑色，另外一边透明

　　第三步

　　1、制作单个格子，用矩形工具(U)，绘制一个 125x125 的正方形，颜色 #465173

　　2、对齐正方形边缘拉出参考线，并在添加4个节点，如下图所示

　　3、删除相应节点，并向上移动底部中间的节点

本文来源：http://www.gbppp.com/yc/523277/

推荐访问:淘宝海报背景素材