当前位置: 首页 > 设计教程 > 网页设计教程 > 用Ps绘制破旧风格的网站首页(7)

用Ps绘制破旧风格的网站首页(7)

第二十六步

看起来不错,现在给侧边栏增加项目。你可以给每一个项目创建一个文件夹。

Photoshop绘制破旧风格的网站首页布局

第二十七步

现在增加列表图标。你可以使用任意的自定义形状。随意增添一些文字,我使用的是Georgia字体。复制图标,编辑其中的一个表示鼠标悬停状态。其它的项目也这样来做。

Photoshop绘制破旧风格的网站首页布局

第二十八步

我们快要完成了。给侧边栏底部增加一些破旧效果,在侧边栏图层的上方新建一个图层,添加破旧笔刷效果。选择侧边栏背景层,然后选择图层>图层蒙板>显示全部。接下来,使用不规则黑色笔刷隐藏侧边栏背景的左下角。

Photoshop绘制破旧风格的网站首页布局

第二十九步

最后,选择侧边栏背景图层,拷贝它的图层样式。在设计的下方画一个矩形,放入”Footer”文件夹中,粘贴样式。接下来,提取并粘贴这张图片到页脚的背景上。

调整不饱和度让它变得更灰暗一些。你也可以使用步骤10中的技术给它添加投影效果。在这张纸上添加一些文字,可以是标语什么的。添加一些页脚文字,比如导航条和版权信息。

Photoshop绘制破旧风格的网站首页布局

网页设计不是容易的事。但是我希望这个教程能帮助你提高你的技术。现在是轮到你设计你的网页作品的时候了。

  • 共7页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 下一页
  • 上一篇:用PS制作一个漂亮的网页按钮
    下一篇:Photoshop绘制一个网页形式的公告板

    图集推荐

    • 灵感
    • 美图