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

网页设计中除了要重视的布局、配色、交互性等等大问题以外,某些小模块(尤其是交互性很强的模块)的艺术和趣味表现却能够起到画龙点睛的作用,甚至一些细节部分的设计往往会成为划分设计水平的准绳。所以,对于初级网页设计师来说,掌握一些有趣、好看的小模块设计是非常必要,也是非常好玩的。第一讲木纹小标牌(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)输入文字并且添加斜面浮雕和内阴影效果。将文字图层混合模式改为正片叠底。