当前位置:首页>ps实例教程>ps制作实例>制作实例>教程内容

ps设计木质计数器教程(5)

来源:百度贴吧 作者:情非得已 学习:10703人次

本教程主题使用Photoshop绘制木质透明效果的计数器,教程中运用到了鼠绘和合成的步骤,教程难度一般,推荐过来和思缘的朋友们一起分享学习了,喜欢的朋友一起来学习吧。

先来看看最终的效果图吧:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

教程用到的素材:

木纹素材:木纹1:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

木纹2:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

具体的制作步骤如下:

1.新建大小为580*435的画布,如图:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

2.打开素材木纹1,将木纹1的背景图层使用移动工具拖动到刚刚新建计数器窗口中,此时木纹2图层的名字已经变成图层1,我们将拖动进来的图层重新命名为木纹13.双击木纹1图层调出图层样式窗口,图层样式设置如图,接着按确定。 4.开始绘制木板,新建一个组名为木板(将图层装到组内可以使图层面板看起来不那么混乱),在木板组里新建一个图层,名为"侧面"吧。使用矩形工具(*注意,这里不是矩形选框工具而是矩形工具,使用路径的原因是因为如果有错误方便修改。)框出一个长方形,(*注意,这里是使用形状图层而不是路径,如下图:)

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

填充颜色#eabe88。此时效果如下图:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

 

5.现在给侧面图层添加纹理。将素材木纹2按照第一步的方式弄到"侧面"图层上方,同样的,将图层1改名为木纹2,按Ctrl+T使用自由变换命令将木纹2图层旋转90°,然后按Alt键拖拽变形框左侧中间的按钮向左拉,直到覆盖整个画布,然后按回车执行,如图:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

6.按住Ctrl点击侧面图层的蒙版略缩图载入选区,接着选中木纹2图层,点击图层面板下方的添加图层蒙版按钮给图层2添加蒙版,然后按Ctrl+Shift+U将木纹2图层去色(*这里注意,应该选中木纹2图层的略缩图再执行去色命令,不是选中蒙版的略缩图)(不知道为什么楼主按组合键没有反应TAT,这时使用图像——调整——去色效果也是一样的~~),将木纹2图层的混合模式改为柔光,此时效果如图:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

7.调出侧面图层的图层样式,图层样式设置如下:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

8.再在侧面图层下方新建一个图层,名为"表面"吧。用矩形工具绘制出一个填充#eec592的矩形,使用透视变形为梯形,然后再次将木纹2素材拖到表面图层的上方改名为木纹3,使用自由变换命令将木纹3旋转90°,使用透视使木纹的方向与表面图层方向基本一致,然后使用自由变换使木纹3覆盖画布,如图:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

9.接着对木纹3进行去色添加蒙版以及修改混合选项为柔光,然后设置表面图层的图层样式,设置如下图:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

此时木板的效果已经出来了。 10.新建一个图层,名为绳子,使用钢笔工具绘制出一条略倾斜的路径,如图:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

 

11.设置前景色为黑色,将画笔工具的直径和硬度饭别调为1px和100%,接着描边路径,描边工具为画笔,不勾选模拟压力。然后将绳子的不透明度改为50%。现在绘制绳子的影子,新建图层名为影子画出一条如图的路径然后保持画笔刚刚的数值,再次描边,将影子的不透明度改为30%,然后添加一个与影子方向相同的由黑到白的渐变蒙版,复制绳子和影子图层,执行水平翻转命令,然后移动到适合的位置就好了,效果如图:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

12.现在开始为木板添加影子,在木板组最下方新建一个组,在这个组里新建一个图层,名为影子1,使用矩形选框工具选出如下图的选区:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

填充黑色,然后添加一个由白到黑的蒙版,此时效果如图:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

13.再次新建一个名为影子2的图层,选出一个如下图的选区:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

填充黑色,添加由白到黑的蒙版,将图层的不透明度改为30%,这时木板已经制作完成了,效果如图:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

14.在木板组外新建一个名为计数器的组,在计数器组内新建一个名为计数器背景的图层,使用圆角矩形工具绘制一个半径为7的圆角矩形,这里同样是形状图层而不是路径,填充颜色无所谓,将计数器背景图层的填充改为0%,然后为其设置图层样式:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

 

15.接着绘制数字背景。在计数器组内新建一个组,使用半径为5颜色为黑色的圆角矩形工具绘制两个数字背景,然后将填充改为38%,设置图层样式如下:

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

这也是上一楼的图层样式。

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

16.使用文字工具打上黑色字符,将数字符的不透明度改为60%,接着勾选图层样式中的投影,颜色为白色混合模式为正常,角度为-90°,不勾选使用全局光,距离1,大小0,其他不变。17.最后做一下装饰即可。 楼主个人觉得做得小一点会更好看~~

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

Photoshop绘制木质纹理的计数器教程,PS教程,16xx8.com教程网

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!