您现在的位置:首页 >> ps鼠绘教程 >> 内容

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

时间:2018-8-26 0:20:44 点击:


Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表盘,这是一张带有金属质感、玻璃质感和类似皮革或者塑料质感的图,所以我们在做的时候需要考虑到这些质感的特性,就需要一些能替代材质的东西,比如我用的是画笔,你们也可以根据自己的需求去选择不同的替代品,效果达到即可。在这里我用的是刮痕笔刷。

先看看效果图

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

分析构成:现在我们已经有了最基本的材质,然后分析画面中的光影和结构,首先画面光影上方亮下方暗,所以我们知道这里是要用渐变,并且光影的形状是圆形,所以应该使用径向渐变,在这里我找到了一个合适的背景所以就用这张图作为纹理,如果你们没有找到这样合适的背景,可以用渐变工具使用径向渐变然后先制作一个光影效果相同的渐变。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

教程步骤:

步骤01 制作表盘凹槽

在制作表盘凹槽前先制作好凹槽的体积,这个凹槽的四周是有一点点凸起的感觉,所以在这里使用一个外发光去除图形的填充,外发光的颜色调整一个深色,制作出微微凸起的效果。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

接着开始制作凹槽部分,使用和凸起部分相同的圆,这里可以直接负责它,然后添加图层样式制作里面的体积,这里在属性栏里面添加一个羽化让边缘的过渡更柔和。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

步骤02 制作金属环

接着来制作金属环部分,金属的边缘经过分析可以得知用了多个同心圆制作出来的,所以不急着一次性出效果,在这里可以一层一层的去制作,先制作第一层。创建一个圆,这里颜色随意,添加内阴影制作上下的感光面,在下侧因为有高光所以我们做的是一个亮一点的反光面,上侧因为有凹槽的遮挡所以加一点点暗部。然后添加渐变叠加统一光影效果,上方亮下方暗的效果。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

接着来制作金属环中间的部分,先创建一个圆,然后添加渐变叠加统一光影,接着添加内阴影制作上方的凹槽,投影制作下方的凹槽。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

接下来制作金属环内部部分,同样的创建一个小一些的圆,然后添加渐变叠加,这里使用角度渐变,在这里我第一次使用的是线性,但是发现效果每次都不是很好,于是更换为角度。并用内阴影和投影制作上下的小凹槽的光感。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

步骤03 制作金属环与内圆的凹槽

先创建一个小一点的圆,然后添加渐变叠加制作上面亮下面暗的光感效果,使用投影制作出上方凹槽的暗部,然后创建一个再小一些的圆并改为深色作为凹槽部分的颜色。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

接着添加一个空白图层改为叠加,调整不透明度为32,并使用画笔工具给金属环的内侧加深暗部效果

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

使用相同的方法混合模式改为柔光,提亮金属环内侧的亮部部分。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

步骤04 制作表盘

创建小圆,添加斜面浮雕的图层样式制作表盘的上下斜面,因为上方和下方有金属环的高光面,所以颜色会亮一些。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

接着复制这个圆并缩小两个像素的距离添加渐变叠加统一光感。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

添加内阴影制作表盘凹槽的投影

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

用内阴影制作下方表盘凹槽的高光

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

添加纹理简单的制作一下表盘内部的纹理效果

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

使用布尔运算制作表盘内部凹陷的形状

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

给表盘内部凹陷添加羽化让边缘过渡柔和,并添加投影的图层样式制作高光

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

添加斜面浮雕的图层样式制作边缘的厚度

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

接着将形状缩小,缩小的时候记得单独缩小一下布尔运算里面小圆的大小,这里可以使用路径选择工具调整。接着添加内阴影制作凹槽内部的投影。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

使用形状工具和文字工具添加内部的指针刻度等细节。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

添加内阴影给指针刻度添加投影,使用投影添加高光,使用简便叠加制作上面亮下面暗的光影效果,制作出凹陷的体积。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

接着使用布尔运算制作出下侧的凹槽,这里可以先做出一半,然后复制出另一半。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

使用相同的方法添加羽化软化过渡,添加内阴影制作高光

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

复制图层后缩小,记得这里缩小要制作左右两侧单独的形状,缩小后复制一层,两场都删除一侧的形状即可。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

添加内阴影和内发光制作出左侧红色的泛光。

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

Photoshop手绘逼真的汽车仪表盘图标,金属及玻璃质感的汽车仪表

作者:网络 来源:网络
Tags:PH HO OT TO 
相关文章

移动版 | 电脑版

© by Ps教程网 QQ 1181875 m.4344.CC