巧用PS制作木纹小标牌篇上篇.doc

网页平面设计培训专家-传智播客 HYPERLINK / / 花一份钱，可以学四种实用技能，做企业最需要的复合型人才，可以找四个方向的工作 网页设计 平面设计 UI设计 Flash动画设计 一个都不能少 教你巧用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学习社区： HYPERLINK /thread-7433-1-1.html?zly /thread-7433-1-1.html?zly