效果图:

2

3

4

制作过程如下:

我们在PS中新建立一个文件,大小为800*600,这是因为web中很多的浏览器分辨率为800*600的,为了兼顾这些分辨率,我们设置在800*600的分辨率下进行制作,随便填充一种深颜色做为背景色:

2 用辅助线将笔记本的大概范围给画出来,然后新建立一层,绘制一个矩形,填充灰色:

3 继续新建立一层,根据辅助线绘画两个矩形,填充白色来模仿纸面:

4 为了使效果更加逼真些,我们增加些图层效果,设置如下:

这样使用一些图层样式后,笔记本有点感觉了:

下面我们开始制作笔记本中间的线条,完成后的效果如下:

1 绘制两个圆形,填充白色,然后进行图层样式的设置:

2 绘制一个矩形,填充渐变色,将高光,暗光实现出来:

3 为了增加质感,我们执行艺术效果/塑料滤镜:

4 使用EYECANDY 中的SWIRL滤镜

5 继续执行扭曲/球面滤镜

6 调整大小,用橡皮擦去不需要的部分,得到效果如下:

进行复制,得到最终的线条效果:

下面我们可以做版面问题:

在做WEB之前,首先想一下,这个WEB想要表达的主题是什么,然后再去选才了,在这里想表达追忆的感觉,所以我选择秀丽的江南景色,如下面的素材:

2 调整其位置,并且按CTRL+G键,使其置入底层:

3 本来想做个山水特色的效果,在乱用滤静的时候,给我搞出了一个新的效果,自己也比较喜欢,呵呵,复制图象层,在复制的图象层中执行艺术/调色刀效果:

设置其图层模式为叠加:

用橡皮擦处理下,加上文字,得到如下的效果:

做好后,看下感觉上部分很空旷,我们以同样的方法,做个效果,所需要的素材提供如下:

以同样的方法调整后如下:

当然你也可以随意加点文字做点缀!

最后在右边加上主题,日记本就做好了,剩下的就到DW中去进行了!