ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 9203|回复: 6
收起左侧

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

[复制链接]
发表于 2009-10-7 01:26:34 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

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


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


作者:彩色铅笔-靖      出处:IT168   
发表于 2009-10-7 09:50:25 | 显示全部楼层
确实是挺逼真的,我好难做出这种效果哦。
发表于 2011-3-1 12:13:03 | 显示全部楼层
嘿嘿………………飘过。。。。一下下
发表于 2011-3-10 16:58:55 | 显示全部楼层
支持一下下
发表于 2011-3-11 13:15:02 | 显示全部楼层
你好,为什么看不见图呢?请指导!
发表于 2011-5-21 14:32:49 | 显示全部楼层
图片太大了?老是显示不出来,以后再学吧
发表于 2011-5-22 13:27:10 | 显示全部楼层
效果不错
您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-12-21 18:43 , Processed in 0.030141 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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