当前位置: 首页 > 设计教程 > 网页设计教程 > 如何设计网页–BoxedArt网站设计教程(7)

如何设计网页–BoxedArt网站设计教程(7)

第十四步填充额外的内容

添加剩下的内容就非常简单了,我们只需使用直线工具来分开每个部分,在添加些图标和文字,这里我们用到的是一种干净的字体Helvetica Condensed,。下图就是body部分的整体效果了。


Tab

 

第十五步—底部广告部分

我们已经到了底部放置广告部分了,这里的带状条将会再一次应用起来,使用先前有的图片作为起点,下一步,我们要使用圆角矩形工具,前景色设置为白色半径为5px。接着我们需要在设置一些小的圆角矩形,颜色设置为#f8f7f3边框用深灰。你可以在下图的图层样式中设置边框(就是一种描边效果)。


Tab
Tab


这就是我们完成后创建的效果


Tab


现在让我们来添加标题和广告到每个盒子中,效果如下图:


Tab

  • 共9页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 下一页
  • 上一篇:Photoshop制作苹果导航栏效果教程
    下一篇:打造一款酷黑导航条

    图集推荐

    • 灵感
    • 美图