当前位置: 首页 > 设计教程 > 网页设计教程 > 用Photoshop设计艺术类网站设计(3)

用Photoshop设计艺术类网站设计(3)

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

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

看到效果如下图

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 共3页:
  • 上一页
  • 1
  • 2
  • 3
  • 下一页
  • 上一篇:Photoshop制作网页模板中的玻璃按钮
    下一篇:Photoshop设计网站头部导航效果

    图集推荐

    • 灵感
    • 美图