织梦CMS - 轻松建站从此开始!

我的网站

Photoshop设计一张古典的的网页效果图

时间:2010-10-27 21:02来源:网络 作者:未知 点击:
本教程主要用Photoshop设计一张古典风格的网站模板,设计师们的作品集网站是他们在网络上的自我表现,绝大多数情况下这些网站表现了设计师的个人风格。有很多种方法来创建作品集网站,下面一起来学习吧。

首先,让我们看看最终的效果

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a><a href='/' target='_blank'><u>设计</u></a>一张古典的的网页效果图

1. 首先打开960 PSD。把画布尺寸变成 1440 x 1220。我们改变画布的话饮食,这样我们就可以应用大尺寸的纹理素材作为背景。

<a href='/design/photoshop/' target='_blank'><u>Photoshop</u></a><a href='/' target='_blank'><u>设计</u></a>一张古典的的网页效果图

2. 创建一个新图层,命名为bgfill,填充颜色 “#aa926a”

Photoshop设计一张古典的的网页效果图

3. 打开纹理,复制并且粘帖到我们的画布中

Photoshop设计一张古典的的网页效果图

4. 创建一个新的图层,命名为 gradient。选择渐变工具,选择线性渐变,从前景色到透明。从画布的头部到底端按住shift键拖拽渐变。

Photoshop设计一张古典的的网页效果图

5. 这就是我们现在的效果

Photoshop设计一张古典的的网页效果图

6. 好了,我们在画布的边缘部分仍然想要一些纹理效果。这是为了宽屏幕用户(1600+resoulation)考虑的,这样在宽屏下看网站不会太枯燥。利用矩形选区选择一个狭窄的区域然后填充渐变。

Photoshop设计一张古典的的网页效果图

7. 现在的效果

Photoshop设计一张古典的的网页效果图

8. 好了,我们要把纸张的纹理放置在页面的中间。记住要在头部的位置预留出一定的空间。好了,这就是我们现在的效果。利用标尺对其页面的边缘。

Photoshop设计一张古典的的网页效果图

9. 我们要给这个纸张添加一些阴影,以增强真实效果。按照下面的参数进行设置

Photoshop设计一张古典的的网页效果图

10.好了,这就是现在的样子

Photoshop设计一张古典的的网页效果图

11. 我们要在这个纸张上添加一个分割,利用刚刚下载的笔刷就可以了

Photoshop设计一张古典的的网页效果图

(责任编辑:RGB)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容