找回密码
 开放注册

QQ登录

只需一步,快速开始

微信登录

微信扫码,快速开始

搜索
查看: 1546|回复: 1

Photoshop绘制木质纹理的网站首页模板

[复制链接]

21

主题

9

回帖

192

牛毛

一级牛人

积分
192
发表于 2010-4-30 00:25:39 | 显示全部楼层 |阅读模式 来自 广东省湛江市
在本文中,我将给大家演示如何使用飞溅的笔刷和少量新奇的技术制作一个木质背景的网站. 你可以定制为公司或者自己的网站. 另外,  还提供PSD 模板下载.预览
先看最终结果 (点击看大图).
0050370.jpg
所需要的素材
1. 木质素材
2. 邮件与电话图标
3. 飞溅笔刷
4. 网点图案
在本教程我们将需要用到960网格系统. 接着打开PSD模板然后置入木质背景.  我们先调整背景图片的颜色设置. 点击 图形 > 调整 > 色阶图像> 调整>曲线. 现在是色阶和曲线的设置: 0050371.jpg
0050372.jpg
当然你可以根据个人喜好进行调整.  下面是背景调整之后的样子:
0050373.jpg
经过一番调整之后, 背景看起来有点脏. 我们将增加照明效果使其变得明亮. 点击滤镜> 渲染> 光照效果. 样式按钮保持 默认 . 下面给出照明设置:
0050374.jpg
这里是照明之后的效果:
0050375.jpg
在木质背景的两个增加轻微的渐变,颜色值为 #71644a . 理由是,如果你将该布局进行网页编码, 背景才不至于在一个大的显示器上看起来笨拙.
现在我们开始制作LOGO. 这里给出颜色编码#afc05b.  使用如下笔刷画出LOGO背景.
0050376.jpg
不用担心多余的飞溅. 你可以用橡皮工具轻松擦除. 使用相同的笔刷扩展到整个LOGO背景.
看起来应该是这样:
0050377.jpg
使用5px 的柔性笔刷 填满我们需要的区域擦除多余的污点.LOGO部分我使用Cooper Std 字体.
0050378.jpg
现在,我们开始首先制作内容区域和目录按钮 ,内容区域的宽与高为820 x 546 像素增加1% 的杂色,按照滤镜 > 杂色 > 增加杂色> . 在网格看到的模样.
0050379.jpg
接着我们增加图案叠加描边 为内容增添深度. 以下是设置:
00503710.jpg
00503711.jpg
00503712.jpg
ad_big_preview.jpg
0050371.jpg
0050379.jpg

4

主题

64

回帖

45

牛毛

初生牛犊

积分
45
发表于 2010-7-1 14:23:02 | 显示全部楼层 来自 广东省深圳市
看看这个具体的情况了。。整体都还是不错的了!!!! {:4_91:}
您需要登录后才可以回帖 登录 | 开放注册

本版积分规则

帮助|Archiver|小黑屋|通信管理局专项备案号:[2008]238号|NB5用户社区 ( 皖ICP备08004151号;皖公网安备34010402700514号 )

GMT+8, 2025-1-10 01:12 , Processed in 0.121864 second(s), 28 queries , Yac On.

Powered by Discuz! X3.5

快速回复 返回顶部 返回列表