用Photoshop 软件制作静态Banner 的步骤如下。

1.绘制背景

（1）新建一个文档，尺寸是500 像素×300 像素，白色背景（图2-39）。

图2-39

（2）选择圆角矩形工具，圆角半径设为5 像素，在画布中画出一个圆角矩形，填充绿色（#6d9ele）；新建图层1，将刚才的矩形复制到该层（图2-40）。

图2-40

（3）双击“图层”面板中图层1 的缩略图，弹出“图层样式”对话框（图2-41），设置渐变叠加及参数。

图2-41

（4）单击“确定”按钮即可完成效果图，如图2-42 所示。

图2-42

2.制作头部

（1）开始创建Banner 的“头部”。按住Ctrl 键用鼠标左键单击图层缩略图，载入图层选区；单击“矩形选框工具”，削减掉下面一部分选区（按住Alt 键进行拖拽即可）。在选取的区域上单击鼠标右键，选择“新建图层”命令，并将此图层重命名为“Banner”。将选区部分填充为白色，如图2-43 所示。

（2）按Ctrl+D 键去掉选区。改变该图层的图层渲染模式为叠加，透明度设置为20%（图2-44）。

图2-43

图2-44

（3）在制作Banner 的“头部”中，有一个小图形，导入闹钟图标；打开图片，把它拷贝到文件中，按Ctrl+T 键可以将图形变小一些（图2-45）。

图2-45

（4）用“锐化工具”稍微让图形清晰一些，然后调整颜色（图2-46）。

图2-46

（5）用“文字工具”写下Banner“头部”的标题。在这里，选用的字体是Comicsams MS，白色，如图2-47 所示。根据自己的喜好，还可以选择其他的字体。打开“图层样式”对话框，设置投影及参数，如图2-48 所示。

(www.daowen.com)

图2-47

图2-48

3.添加形状工具用以装饰画面

（1）完成Banner 的“头部”后，如果想要给Banner 添加更多的设计元素，可以选择用户自定义形状，选择Photoshop 软件中自带的一个形状，如图2-49 所示。

图2-49

（2）在Banner 上面添加两个白色的形状（图2-50）。

图2-50

（3）合并两个形状到一个图层中。现在把Banner 外面的形状删掉。如何操作呢？具体操作：按Ctrl 键，单击形状的那个图层缩略图，载入选区；然后按Ctrl+Shift+I 键将选区反选，按Delete 键即可将不需要的部分删除了（图2-51）。

图2-51

（4）按Ctrl+D 键取消选区。设置形状图层的渲染模式为柔光，透明度为20%，添加更多的文字（图2-52）。

图2-52

（5）现在把Banner 的“头部”处理干净，删除“头部”的图形。利用“矩形选框工具”可以进行这个操作，如图2-53 所示。

图2-53

（6）利用“文字工具”添加更多文字，如图2-54 所示。

图2-54

（7）下面可以设置一个按钮，利用“圆角矩形工具”，圆角半径为2 像素，拖拽一个颜色为绿色（#69990d）的圆角矩形（图2-55）。

图2-55

（8）在按钮上添加一些文字。至此，整个制图步骤就完成了（图2-56）。

图2-56