Photoshop设计艺术类网站设计过程(3)

文章来源于 websbook.com翻译，感谢作者 Hv-Designs.co.uk 给我们带来经精彩的文章！

设计教程/PS教程/设计教程2009-10-23

上面几个区块中第一个区块我们将用来放图片。所以我们为这个区块中在划出有个圆角矩形，并为其添加样式看到效果如下图将事先准备好的图片放入其中，并使用黑色做横条来放说明文字，黑色横条不透明度设置为40% 另

上面几个区块中第一个区块我们将用来放图片。所以我们为这个区块中在划出有个圆角矩形，并为其添加样式

Photoshop设计艺术类网站设计过程

看到效果如下图

Photoshop设计艺术类网站设计过程

将事先准备好的图片放入其中，并使用黑色做横条来放说明文字，黑色横条不透明度设置为40%

Photoshop设计艺术类网站设计过程

另外一个区块加入文字新闻等标题

Photoshop设计艺术类网站设计过程

为最后一个区块加入圆角矩形，这里我们放入一张张小图片

Photoshop设计艺术类网站设计过程

请注意我们整个网站的风格是圆角，所以图片也尽量使用圆角来使整个网站风格统一

Photoshop设计艺术类网站设计过程

为了更有设计感，我们将图片两边各弄出两个圆曹

Photoshop设计艺术类网站设计过程

然后再其上加入两个箭头，此时之后可以用flash来替换

Photoshop设计艺术类网站设计过程

完成后最后来整体看下我们的设计网站

Photoshop设计艺术类网站设计过程

情非得已