Photoshop制作网页banner广告设计

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的设计。