1、新建一个文档，尺寸是500×300px，白色背景。

2、选择圆角矩形工具，圆角半径设为5px，在该图层中画出一个圆角矩形，填充绿色
#6d9e1e。

新建图层一，将刚才的矩形复制到该层。

3、双击图层面板中的图层一的缩略图，弹出图层属性面板，设置渐变叠加。

参数如下图。

4、现在的效果应该是如下图的样子。

5、然后我们开始创建banner的“头部”。

按住Ctrl用鼠标左键单击图层缩略图，载入图层
选区；点击矩形选区工具，消减掉下面一部分选区（按住Alt进行拖拽即可）。

剩余的部分填充白色，如下图。

6、点击Ctrl＋D去掉选区。

改变这个图层的图层渲染模式为叠加，填充设置为20%。

7、打开小钟表图片，把它拷贝到我们的文件中，按住Ctrl＋T把图形变小一些。

8、用锐化工具稍微让图形清晰一些。

9、用文字工具写下了头部的标题。

字体用Comic Sans MS，白色。

你也可以选择自己喜爱
的字体。

10、打开图层属性面板，设置投影，参数如下图。

11、效果如下。

12、接下来为banner添加更多的设计元素。

选择用户自定义形状，选择一个Photoshop
里面自带的一个形状，如下图。

13、在banner上面添加两个白色的形状。

14、合并两个形状到一个图层中。

接着把banner外面的形状要删除。

如何做到这点呢？
按住Ctrl左键点击形状的那个图层缩略图，载入选区。

然后按Ctrl＋Shif＋I将选区反选，按一下Delete就可以删除我们不需要的部分了。

15、点击Ctrl＋D取消选区。

设置形状图层的渲染模式为柔光，不透明度为20%。

16、现在，把头部处理干净，删除掉头部这一部分的图形形状。

利用矩形选区工具可以
进行这个操作。

如下图。

17、添加更多的文字。

18、在下面放一个按钮。

利用圆角矩形工具，圆角半径为2px，拖拽一个颜色为绿色
#69990d的圆角矩形，如下图。

19、最后，在按钮上添加一些文字，完成banner的设计。