Photoshop绘制木质纹理的计数器教程

再见不如初见0

再见不如初见0

2016-02-16 00:46

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享Photoshop绘制木质纹理的计数器教程教程,希望对大家能有一点小小的帮助。

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

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

教程用到的素材:

木纹素材:木纹1:

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

木纹2:

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

具体的制作步骤如下:

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

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

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

Photoshop绘制木质纹理的计数器教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)
展开更多 50%)
分享

猜你喜欢

Photoshop绘制木质纹理的计数器教程

PS PS基础
Photoshop绘制木质纹理的计数器教程

网页计数器的程序

ASP
网页计数器的程序

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

php的计数器程序

PHP
php的计数器程序

Illustrator绘制矢量木质纹理教程

Illustrator CorelDRAW
Illustrator绘制矢量木质纹理教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

js计数器代码

Web开发
js计数器代码

计数器详细设计

PHP
计数器详细设计

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop调出公园美女秋季唯美黄色调

Photoshop调出公园美女秋季唯美黄色调

Photoshop绘制蓝色大眼的卡通娃娃

Photoshop绘制蓝色大眼的卡通娃娃
下拉加载更多内容 ↓