教你巧用PS制作木纹小标牌
网页设计中除了要重视的布局、配色、交互性等等大问题以外，某些小模块（尤其是交互性很强的模块）的艺术和趣味表现却能够起到画龙点睛的作用，甚至一些细节部分的设计往往会成为划分设计水平的准绳。

所以，对于初级网页设计师来说，掌握一些有趣、好看的小模块设计是非常必要，也是非常好玩的。

第一讲木纹小标牌（1）
1、首先，新建画布
花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作
2、接下来我们来打造出一个简单的木纹质感~
（1）新建图层（ctrl+shift+alt+N）
（2）填充一个你认为接近木头的颜色，比如土黄、浅桔色等等（不同木质颜色不同）
我在这里填充了这样的颜色
（3）滤镜→杂色→添加杂色（数值如下，接近即可）
注：如果开始新建画布和我的分辨率或者大小不同，那么相同的滤镜数值会出现不同的效果，花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作
以视觉为准。

（4）滤镜→模糊→动感模糊（数值如下，效果接近即可~~）
（5）边缘不太好看，我们可以自由变换（ctrl+T），将上下拖拽开
花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作
（6）然后用裁切工具（C）从画布一角拖动到对角，进行裁切，这样可以去除刚才画布以外的不需要部分
注：滤镜功能会考虑到画布外因素，所以最好将不需要的画布外内容通过裁切去除。

花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作
（7）接下来给我们的木纹添加些颗粒感，滤镜→纹理→颗粒（数值如下，效果接近即可~~）
~
（8）将木纹扭曲，我们可以通过滤镜→液化，然后涂抹成这样
（9）然后我们来解决颜色的问题，使用最简单智能的调色方法，图像→调整→亮度/对比度，调整至你想要的木纹感觉~~~
花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作
3、我们现在有了一块木板
（1）按住ctrl+J复制一个图层，将下方图层隐藏以作备用，并且将上方图层利用矩形选框和ctrl+shift+J进行分层分割，制作出几个这样的木板~ （将图层前的小眼睛关闭就可以隐藏图层~）
（2）接下来我们拼接木板，并且让它们有些立体感，图层→图层样式→混合选项（双击图层）打开混合选项面板，然后点击斜面和浮雕，选中斜面浮雕选项使此选项条为蓝色（这样右边属性面板才是斜面浮雕属性），设置如下数值
花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作
注：只需调整一个图层，其他图层可以先：图层→图层样式→拷贝图层样式，然后通过ctrl 连续选中所有其他需要此图层样式的图层进行：图层→图层样式→粘贴图层样式
（3）通过同样方式制作出如下样式。

注意这次的斜面浮雕数值中，大小变小了。

（4）将前面的这几个木板图层合并（通过Ctrl连续加选需要图层，选中所有需要合并的图层：Ctrl+E），然后：图像→调整→色相/饱和度（Ctrl+U）调整至以下效果。

花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作
（5）打开混合选项，点选投影，确定后右击图层面板右边的小F，选择创建图层。

这样，投影图层和原图层就会分离开。

选择投影图层后用矩形选框选中后方深色木板部分，点击图层面板下方的添加图层蒙版，这样悬空部分的投影就被遮罩。

（6）通过上方方法制作出以下图层，注意可以用直线套索删除出一个箭头形木板。

花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作
（6）通过矩形选框，填充黑色，并且自由变换（Ctrl+T）按下Ctrl的同时用鼠标拖动矩形的一条边，制作出以下形状。

（7）输入文字并且添加斜面浮雕和内阴影效果。

花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作
将文字图层混合模式改为正片叠底。

花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作
网页平面设计培训专家-传智播客/
（8）而太小的文字我们往往用这样的方式制作浮雕效果，两个相同图层，下方文字为白色，并且在位置上比上方文字图层低一像素。

好了，前半部分讲完了。

本内容来自于传智播客IT学习社区：
/thread-7433-1-1.html?zly
花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作网页设计平面设计UI设计Flash动画设计一个都不能少。