733854 发表于 2013-4-15 16:29:32

活泼手绘风格网页的设计和制作

步骤/方法
[*]
这就是我们完成后创建的效果

http://hiphotos.baidu.com/exp/pic/item/2f3295d4f26d3b57a08bb76d.jpg


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

http://hiphotos.baidu.com/exp/pic/item/d8b8c92a1f28997bd52af16d.jpg


[*]
第十六步 公告部分
公告部分我们采取的是和header部分相似蒙板的方法,当然还有订阅新闻通讯等区域也是这样的方法,就像纸张粘上去的一样。

[*]
首先我们给 header部分添加一种厚纸张效果,这个和body部分的方法基本一样。至于内容部分,选中矩形选框工具在右下角绘制小盒子颜色填充为#f9e5a6。完成按下CTRL-D取消选区,在选择加深工具,笔刷大小设置为35pixels加深棕色盒子的边角区域就像下图所示

http://hiphotos.baidu.com/exp/pic/item/d35a10f41fa71138dcc4746d.jpg
http://hiphotos.baidu.com/exp/pic/item/c87c6ecfd4b6236bf9dc616d.jpg


[*]
最后我们把图层的不透明度设置为60%再双击图层在图层样式中添加一些阴影效果,参数设置如下图,然后在添加一些内容。

http://hiphotos.baidu.com/exp/pic/item/72b19c0245dd18594afb516d.jpg



注意事项
[*]请按照步骤制作。



说的asd 发表于 2013-4-16 13:07:08

苏轼:十年黑帽两茫茫,不思量,自难忘,千里群发,无处话凄凉。
页: [1]
查看完整版本: 活泼手绘风格网页的设计和制作