PS设计教程网欢迎你!

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

文章来源于 PS真功夫,感谢作者 熊玩意 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-11-21
FOOTER部分 第十七步网页底部 到了我们创建底部的部分了,首先我们使用矩形选框工具,在页面上选择下图这样一个区域,使用颜色#462d0f填充,选择直线工具绘制一条直线颜色设置为#a05d18。 到了底部的分类部分了,我

FOOTER部分

第十七步网页底部

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

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

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

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

完成后你应该看到的样子

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

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

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

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

进入论坛交作业:http://www.missyuan.com/viewthread.php?tid=488738

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa