本例为Photoshop网页设计实例教程,在教程中我们将学习如何运用PS设计和制作活泼手绘风格的网页,本photoshop web界面教程将分背景、header部分、body部分、footer部分四个步骤讲解,希望能给朋友们带来帮助~~
步骤/方法
1.这就是我们完成后创建的效果
2.现在让我们来添加标题和广告到每个盒子中,效果如下图:
3.第十六步 公告部分
公告部分我们采取的是和header部分相似蒙板的方法,当然还有订阅新闻通讯等区域也是这样的方法,就像纸张粘上去的一样。
4.首先我们给 header部分添加一种厚纸张效果,这个和body部分的方法基本一样。至于内容部分,选中矩形选框工具在右下角绘制小盒子颜色填充为#f9e5a6。完成按下CTRL-D取消选区,在选择加深工具,笔刷大小设置为35pixels加深棕色盒子的边角区域就像下图所示
5.最后我们把图层的不透明度设置为60%再双击图层在图层样式中添加一些阴影效果,参数设置如下图,然后在添加一些内容。