laoolaoo 发表于 2009-10-7 01:26:34

photoshop打造逼真木纹质感边框效果

本教程主要用photoshop来表现一种木纹的教程,通过纤维滤镜来获得木纹的基础纹理,利用色彩范围提取部分纹理加以立体化,产生木材表面的凹凸感觉,来获得真实的效果。
本教程难易指数:★★☆
木纹质感完成效果
http://pic.16xx8.com/allimg/091007/0122264H5-0.jpg木纹质感应用效果
http://pic.16xx8.com/allimg/091007/0122264B0-1.jpg“木纹质感”的制作过程的具体制作步骤如下:
制作木制质感
(1)执行“文件\新建”菜单命令,设置文件的“宽度”为768像素、“高度”为1024像素,“分辨率”为72像素 ,“背景内容”为“白色”,名称“木质镜框”,对“背景”图层执行“滤镜\转换为智能滤镜”菜单命令,如图03所示。
http://pic.16xx8.com/allimg/091007/01222B196-2.jpg图03 转换为智能滤镜
(2)单击工具箱中的“前景色”,弹出“拾色器”对话框,选取R=125 G=83 B=26 作为前景色,选取R=206 G=150 B=78 作为背景色,执行“滤镜\渲染\纤维”菜单命令,在弹出的“纤维”对话框中设置“差异”选择为20,“强度”选择为10,如图04所示。
提示:这里设置前景色与背景色,是为后面的纤维滤镜作准备,纤维滤镜是根据前景色与背景色的颜色来产生颜色变化的。
http://pic.16xx8.com/allimg/091007/01222A0X-3.jpg图04 执行“滤镜\渲染\纤维”菜单命令
(3)执行“选择\色彩范围”菜单命令,颜色容差设置为50,容差范围内的部分变为选区,如图05所示。
http://pic.16xx8.com/allimg/091007/0122261614-4.jpg图05执行“选择\色彩范围”菜单命令
(4)保持选区,执行“图层\新建\通过拷贝的图层”菜单名命令,拷贝得到新图层,如图06所示。
http://pic.16xx8.com/allimg/091007/0122264222-5.jpg图06 通过拷贝的图层
(5)单击图层面板下方的“添加图层样式”按钮,为拷贝得到的“图层1”添加“图层样式”,如图07所示。
http://pic.16xx8.com/allimg/091007/0122264B6-6.jpg图07 添加图层样式
(6)首先为图层添加“斜面与浮雕”,勾选并点击“斜面与浮雕”选项,并按图中设置,如图08所示。
http://pic.16xx8.com/allimg/091007/0122263091-7.jpg图08 添加“斜面与浮雕”
(7)继续为图层添加“阴影”,勾选并点击“阴影”选项,并按图中设置,单击“确定”按钮,完成图层样式的设置,如图09所示。
http://pic.16xx8.com/allimg/091007/0122263211-8.jpg图09 添加“阴影”
(8)完成图层样式的设置后的纹理效果,如图10所示。
http://pic.16xx8.com/allimg/091007/0122261018-9.jpg图10 完成图层样式的设置后的纹理效果


,(9)回到图层0,继续执行滤镜\渲染\纤维菜单命令,如图11所示。 图11 执行滤镜\渲染\纤维菜单命令 (10)在弹出的纤维对话框中设置差异更改为30,强度更改为20,如图12所示。 提示:再次执行纤维滤镜的目的是为了获得
(9)回到“图层0”,继续执行“滤镜\渲染\纤维”菜单命令,如图11所示。
http://pic.16xx8.com/allimg/091007/01222630J-10.jpg图11 执行“滤镜\渲染\纤维”菜单命令
(10)在弹出的“纤维”对话框中设置“差异”更改为30,“强度”更改为20,如图12所示。
提示:再次执行“纤维”滤镜的目的是为了获得不同的纹理效果,使得纹理更加具有层次感。
http://pic.16xx8.com/allimg/091007/0122261930-11.jpg图12 更改设置
(11)单击工具箱中的“魔棒工具”,属性面板上容差设置为:10,不勾选“连续”,在画布点击,选出容差颜色的范围,如图13所示。
提示:这里使用“魔棒工具”与色彩范围所选取的范围相同,都是根据颜色的容差来选取,获得不规则的部分选区,不是精确的选取某个位置的选区。
http://pic.16xx8.com/allimg/091007/0122262034-12.jpg图13 选出容差颜色的范围
(12)保持选区,执行“图层\新建\通过拷贝的图层”菜单名命令,拷贝得到“图层3”,就完成了木纹部分的制作,如图14所示。
http://pic.16xx8.com/allimg/091007/0122261J1-13.jpg图14 木纹完成效果 (13)如果想获得其他效果的木纹,可以继续重复上述的操作,拷贝新图层,更改图层的混合模式,来得到更多层次感的木纹效果,这就看需要制作什么样的木制品而定了,如图15所示。
http://pic.16xx8.com/allimg/091007/0122264b1-14.jpg图15 其他木纹效果
木制质感的应用
(1)把所有图层合并为一个图层,更名为“木纹”,继续复制一个“木纹副本”图层,执行“编辑\变换\旋转90度”菜单命令,如图16所示。
http://pic.16xx8.com/allimg/091007/0122264492-15.jpg图16 变换选区
(2)载入“木纹副本”图层的选区,执行“选择\变换选区”菜单命令,将左右下脚的边框调节点位置对换,形成上下两个对倒三角的选区,可以在属性栏中的输入数值做精确的变换,如图17所示。
http://pic.16xx8.com/allimg/091007/01222AC4-16.jpg图17变换选区
(3)保持选区,如图3-所示分别为“木纹 ”图层与“木纹副本 ”图层添加一个图层蒙板,选区以外的部分被蒙板遮挡。
http://pic.16xx8.com/allimg/091007/01222643a-17.jpg图18 填充蒙版选区
(4)将“木纹 ”图层与“木纹副本 ”图层变形为相框的比例,添加一个金属边框效果,载入一副素材图片,就成为一个木质的相框效果,如图19所示。
http://pic.16xx8.com/allimg/091007/01222A917-18.jpg图19 木质相框效果


作者:彩色铅笔-靖      出处:IT168   

ps-xxw.cn 发表于 2009-10-7 09:50:25

确实是挺逼真的,我好难做出这种效果哦。

金牙 发表于 2011-3-1 12:13:03

嘿嘿………………飘过。。。。一下下

re8024 发表于 2011-3-10 16:58:55

支持一下下

新路 发表于 2011-3-11 13:15:02

你好,为什么看不见图呢?请指导!

dream2011 发表于 2011-5-21 14:32:49

图片太大了?老是显示不出来,以后再学吧

liulgy 发表于 2011-5-22 13:27:10

效果不错
页: [1]
查看完整版本: photoshop打造逼真木纹质感边框效果