Photoshop制作网页banner广告设计

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