PS制作2.5D风格排插小插画

  • A+
所属分类:设计技法

本文来源: 微笑的冰欺凌(UI中国), 共 941 字

这篇教程将教你如何用PS来制作一个2.5d风格的排插小插画,虽然看着很简单,细分来讲也只有20来个步骤,但是有些小细节的处理还是值得注意和学习的。

完成效果图

PS制作2.5D风格排插小插画

PS制作2.5D风格排插小插画

1,制作网格,建立一个100*60的画布,利用矩形工具,画3条线,矩形粗细为2Px,?#25945;?#26012;线离水平线为30度。画好后选择编辑——定义图案。

PS制作2.5D风格排插小插画

2,新建一个画板1800*1200,填充一个浅蓝色图层,点开混合模式——图案叠?#21360;?#36873;择刚自己自定义的网格,然后调节缩放,自己看的舒服就行了。并将此图层填充调节为0 ,并置于所有图层的顶层,然后就可以开?#21152;?#24555;的做图了。

PS制作2.5D风格排插小插画

PS制作2.5D风格排插小插画

3,复制一层颜色改为浅蓝。

PS制作2.5D风格排插小插画

4,继续复制一层改变颜色为白色。

PS制作2.5D风格排插小插画

5,用钢笔工具为插座两面,填补好明暗两面。以同样的方法画一个圆和一个矩形,合并形状,得到一个插孔。CTRL+T 后,右键透视将框对齐网格线后如图。

PS制作2.5D风格排插小插画

6,复制一层插孔,将颜色改为浅色。将此图层在第一层上剪切蒙版,并往下移动一段距离,使得插孔有凹凸?#23567;?/p>

PS制作2.5D风格排插小插画

7,画一个矩形,颜色改为深蓝色,剪切蒙版在插孔图层上。使插孔有一个?#24471;妗?/p>

PS制作2.5D风格排插小插画

8,以同样的方法制作其余插孔。

PS制作2.5D风格排插小插画

9,画一个矩形,并透视对齐网格,如图。

PS制作2.5D风格排插小插画

10,复制一层,颜色改为白色。

PS制作2.5D风格排插小插画
11,钢笔工具,将立?#25945;?#20004;面补好。

PS制作2.5D风格排插小插画
12,顶上自己可以发挥想象。添?#26377;?#21495;灯。注意添?#29992;靼得妗?/p>

PS制作2.5D风格排插小插画
13,(为了使图更丰富,绘制线板缝隙)复制一层插板的?#27493;?#30697;形,浅蓝色。

PS制作2.5D风格排插小插画
14,复制浅蓝色?#27493;?#30697;形,并缩小一点点。颜色改为白色

PS制作2.5D风格排插小插画
15,为缝隙添加?#24471;媯?#32472;制一个矩形,并改为深蓝色。调整位置沿插板对角线。在刚才的粉蓝色?#27493;?#30697;形上剪切蒙版。得到如下:

PS制作2.5D风格排插小插画
16,画一个圆形,并透视,同样的透视对齐网格线。

PS制作2.5D风格排插小插画

17,复制一层透视好的圆,改变颜色为深蓝色,在浅色的圆上剪切蒙版。并向下移动一段距离。得到如下效果:

PS制作2.5D风格排插小插画

18,钢笔工具,关闭填充,选择描边。调整自己合适的粗细。绘制一段曲线作为电线。如图:

PS制作2.5D风格排插小插画

19,复制一层曲线,描边颜色改变为浅蓝色,同样的方法剪切蒙版,并向上移动一段距离,得到以下情景。

PS制作2.5D风格排插小插画

20,再复制一层曲线,改变颜色为深蓝色,移动到合适位置作为阴影。

PS制作2.5D风格排插小插画

21,处理细节,电线和插板间的细节,用钢笔工具绘制图形,为线头画一个弧型与线孔贴合。并在电线上,绘制一层弧圈作为线孔投射在点线上的阴影。

PS制作2.5D风格排插小插画

好了一个2.5D风格排插小插画就这样完成了。

?

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: