当前位置: 首页 > 设计教程 > Photoshop教程 > Photoshop设计活泼手绘风格网页界面(5)

Photoshop设计活泼手绘风格网页界面(5)

FOOTER部分

第十七步网页底部

到了我们创建底部的部分了,首先我们使用矩形选框工具,在页面上选择下图这样一个区域,使用颜色#462d0f填充,选择直线工具绘制一条直线颜色设置为#a05d18。

Photoshop设计活泼手绘风格网页界面

到了底部的分类部分了,我们要又一次绘制一个大的选框,颜色填充为#472a0b ,图层的不透明度度设置为78%,接着创建另一个图层颜色填充为#fffcd1。下一步添加胶片颗粒效果最后把图层的不透明度设置为30%图层样式为正片叠底。

Photoshop设计活泼手绘风格网页界面

完成后你应该看到的样子

Photoshop设计活泼手绘风格网页界面

最后我们只需重复我们在footer部分的操作或者复制图层把它移到底部,这样你就可以添加内容了。看下下面的预览图,是否有些启示列,希望你喜欢。

Photoshop设计活泼手绘风格网页界面

恭喜!你已经圆满完成这个教程我们在这个BoxedArt 网站设计中也学到一些有用的photoshop技巧知识。

 

  • 共5页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 下一页
  • 上一篇:PS教程:3D文字挤压反光效果
    下一篇:Photoshop打造超酷的魔法神鞭

    图集推荐

    • 灵感
    • 美图