设计一个漂亮的网页banner

效果如下。（图12）

 

 

图12

 

好了，头部的部分我们就已经完成了。我希望给我们的banner添加更多的设计元素。选择用户自定义形状，选择一个Photoshop里面自带的一个形状，如下图。（图13）

 

 

图13

 

在我们的banner上面添加两个白色的形状。（图14）

 

 

图14

合并两个形状到一个图层中。好了，我们把banner外面的形状要删除。如何做到这点呢？按住Ctrl左键点击形状的那个图层缩略图，载入选区。然后按Ctrl＋Shif＋I将选区反选，按一下Delete就可以删除我们不需要的部分了。（图15）

 

 

图15

 

点击Ctrl＋D取消选区。设置形状图层的渲染模式为柔光，透明度为20%。（图16）

 

 

图16

 

现在，我们需要一个干净的头部，我们要把头部这一部分的图形形状删除掉。利用矩形选区工具可以进行这个操作。如下图。（图17）

 

 

图17

添加更多的文字。（图18）

 

 

图18

 

好了，剩下最后一部分了。但是之前我想要在下面放一个按钮。利用圆角矩形工具，圆角半径为2px，拖拽一个颜色为绿色#69990d的圆角矩形，如下图。（图19）

 

 

图19

 

好了，在按钮上面添加一些文字。（图20）

 

 

图20

 

Ok，我们的教程就完成了。效果看上去很不错。（图21）

 

   

图21

(责任编辑：PS家园网)