《巧用PS制作木纹小标牌上篇》由会员分享，可在线阅读，更多相关《巧用PS制作木纹小标牌上篇（11页珍藏版）》请在金锄头文库上搜索。
1、网页平面设计培训专家网页平面设计培训专家-传智播客传智播客 http:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 Flash 动画设计动画设计 一个都不能少一个都不能少教你巧用教你巧用 PS 制作木纹小标牌制作木纹小标牌网页设计中除了要重视的布局、配色、交互性等等大问题以外，某些小模块（尤其是交互 性很强的模块）的艺术和趣味表现 却能够起到画龙点睛的作用，甚至一些细节部分的设计 往往会成为划分设计水平的准绳。所以，对于初级网页设计师来说，掌握一些有趣、好看 的小模块设计是非常 必要，也是非常好玩的。第一讲第一讲 木纹小标牌（木纹小标牌（1）1、 首先，新建画布网页平面设计培训专家网
2、页平面设计培训专家-传智播客传智播客 http:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 Flash 动画设计动画设计 一个都不能少一个都不能少2、 接下来我们来打造出一个简单的木纹质感（1）新建图层（ctrl+shift+alt+N）（2）填充一个你认为接近木头的颜色，比如土黄、浅桔色等等（不同木质颜色不同）我在这里填充了这样的颜色（3）滤镜杂色添加杂色（数值如下，接近即可）注：如果开始新建画布和我的分辨率或者大小不同，那么相同的滤镜数值会出现不同的效网页平面设计培训专家网页平面设计培训专家-传智播客传智播客 http:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 F
3、lash 动画设计动画设计 一个都不能少一个都不能少果，以视觉为准。（4）滤镜模糊动感模糊（数值如下，效果接近即可）（5）边缘不太好看，我们可以自由变换（ctrl+T） ，将上下拖拽开网页平面设计培训专家网页平面设计培训专家-传智播客传智播客 http:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 Flash 动画设计动画设计 一个都不能少一个都不能少（6）然后用裁切工具（C）从画布一角拖动到对角，进行裁切，这样可以去除刚才画布以 外的不需要部分注：滤镜功能会考虑到画布外因素，所以最好将不需要的画布外内容通过裁切去除。网页平面设计培训专家网页平面设计培训专家-传智播客传智播客 htt
4、p:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 Flash 动画设计动画设计 一个都不能少一个都不能少（7）接下来给我们的木纹添加些颗粒感，滤镜纹理颗粒（数值如下，效果接近即可 ）（8）将木纹扭曲，我们可以通过滤镜液化，然后涂抹成这样（9）然后我们来解决颜色的问题，使用最简单智能的调色方法，图像调整亮度/对比 度，调整至你想要的木纹感觉 网页平面设计培训专家网页平面设计培训专家-传智播客传智播客 http:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 Flash 动画设计动画设计 一个都不能少一个都不能少3、 我们现在有了一块木板（1）按住 ctrl+J 复制一个图层，将
5、下方图层隐藏以作备用，并且将上方图层利用矩形选框 和 ctrl+shift+J 进行分层分割，制作出几个这样的木板 （将图层前的小眼睛关闭就可以隐 藏图层）（2） 接下来我们拼接木板，并且让它们有些立体感，图层图层样式混合选项（双击 图层）打开混合选项面板，然后点击斜面和浮雕，选中斜面浮雕选项使此选项条为蓝色 （这样右边属性面板才是斜面浮雕属性） ，设置如下数值网页平面设计培训专家网页平面设计培训专家-传智播客传智播客 http:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 Flash 动画设计动画设计 一个都不能少一个都不能少注：只需调整一个图层，其他图层可以先：图层图层样式拷贝图
6、层样式，然后通过 ctrl 连续选中所有其他需要此图层样式的图层进行：图层图层样式粘贴图层样式（3） 通过同样方式制作出如下样式。注意这次的斜面浮雕数值中，大小变小了。（4） 将前面的这几个木板图层合并（通过 Ctrl 连续加选需要图层，选中所有需要合并的 图层：Ctrl+E） ，然后：图像调整色相/饱和度（Ctrl+U）调整至以下效果。网页平面设计培训专家网页平面设计培训专家-传智播客传智播客 http:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 Flash 动画设计动画设计 一个都不能少一个都不能少（5） 打开混合选项，点选投影，确定后右击图层面板右边的小 F，选择创建图层。这
7、样， 投影图层和原图层就会分离开。选择投影图层后用矩形选框选中后方深色木板部分，点击 图层面板下方的添加图层蒙版，这样悬空部分的投影就被遮罩。（6）通过上方方法制作出以下图层，注意可以用直线套索删除出一个箭头形木板。网页平面设计培训专家网页平面设计培训专家-传智播客传智播客 http:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 Flash 动画设计动画设计 一个都不能少一个都不能少（6） 通过矩形选框，填充黑色，并且自由变换（Ctrl+T）按下 Ctrl 的同时用鼠标拖动矩 形的一条边，制作出以下形状。（7） 输入文字并且添加斜面浮雕和内阴影效果。网页平面设计培训专家网页平面设计培
8、训专家-传智播客传智播客 http:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 Flash 动画设计动画设计 一个都不能少一个都不能少将文字图层混合模式改为正片叠底。网页平面设计培训专家网页平面设计培训专家-传智播客传智播客 http:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 Flash 动画设计动画设计 一个都不能少一个都不能少（8） 而太小的文字我们往往用这样的方式制作浮雕效果，两个相同图层，下方文字为白 色，并且在位置上比上方文字图层低一像素。好了，前半部分讲完了。本内容来自于传智播客 IT 学习社区：http:/ http:/ 网页设计网页设计 平面设计平面设计 UI 设计设计 Flash 动画设计动画设计 一个都不能少一个都不能少
