当前位置:首页ps教程2.5D插画:用PS制作2.5D风格拖线板
2.5D插画:用PS制作2.5D风格拖线板
°
  • 素材类型: 资源-素材
  • 上传时间:

怎样几步完成一个简单的2.5D小插画,今天我们就一起来用PS完成,步骤不是很难大家可以一起来学习。

其实图文的方式学习是最高效的,文中我主要是把作图方法的过程描述了出来,而不是细化到参数大伙照着做一遍,那样相信下次就忘了。得动动小手去做才能记忆深刻嘛。

2.5D插画:用PS制作2.5D风格拖线板

2.5D插画:用PS制作2.5D风格拖线板

2.5D插画:用PS制作2.5D风格拖线板

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

2.5D插画:用PS制作2.5D风格拖线板

01.新建一个画板1800*1200,填充一个浅蓝色图层,点开混合模式——图案叠加——选择刚自己自定义的网格,然后调节缩放,自己看的舒服就行了。并将此图层

填充调节为0 。并置于所有图层的顶层。

然后就可以开始愉快的画图了。

2.5D插画:用PS制作2.5D风格拖线板

2.5D插画:用PS制作2.5D风格拖线板

02.复制一层颜色改为浅蓝。www.missyuan.net

2.5D插画:用PS制作2.5D风格拖线板

03.继续复制一层改变颜色为白色 04.用钢笔工具为插座两面,填补好明暗两面。以同样的方法画一个圆和一个矩形,合并形状,得到一个插孔。CTRL+T 后,右键透视将框对齐网格线后如图。 05.复制一层插孔,将颜色改为浅

03.继续复制一层改变颜色为白色

2.5D插画:用PS制作2.5D风格拖线板

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

2.5D插画:用PS制作2.5D风格拖线板

05.复制一层插孔,将颜色改为浅色。将此图层在第一层上剪切蒙版,并往下移动一段距离。使得插孔有凹凸感。

2.5D插画:用PS制作2.5D风格拖线板

06.画一个矩形,颜色改为深蓝色,剪切蒙版在插孔图层上。使插孔有一个暗面。

2.5D插画:用PS制作2.5D风格拖线板

07.以同样的方法制作其余插孔。

2.5D插画:用PS制作2.5D风格拖线板

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

2.5D插画:用PS制作2.5D风格拖线板

09.复制一层,颜色改为白色。 010.钢笔工具,将立方体两面补好。 011.顶上自己可以发挥想象。添加信号灯。注意添加明暗面。 012.(为了使图更丰富,绘制线板缝隙)复制一层插板的圆角矩形,浅蓝色。 013.复制浅蓝色圆

09.复制一层,颜色改为白色。

2.5D插画:用PS制作2.5D风格拖线板

010.钢笔工具,将立方体两面补好。

2.5D插画:用PS制作2.5D风格拖线板

011.顶上自己可以发挥想象。添加信号灯。注意添加明暗面。

2.5D插画:用PS制作2.5D风格拖线板

012.(为了使图更丰富,绘制线板缝隙)复制一层插板的圆角矩形,浅蓝色。

2.5D插画:用PS制作2.5D风格拖线板

013.复制浅蓝色圆角矩形,并缩小一点点。颜色改为白色

2.5D插画:用PS制作2.5D风格拖线板

014.为缝隙添加暗面,绘制一个矩形,并改为深蓝色。调整位置沿插板对角线。在刚才的粉蓝色圆角矩形上剪切蒙版。得到如下

2.5D插画:用PS制作2.5D风格拖线板

015.画一个圆形,并透视,同样的透视对齐网格线。www.missyuan.net

2.5D插画:用PS制作2.5D风格拖线板

016.复制一层透视好的圆,改变颜色为深蓝色,在浅色的圆上剪切蒙版。并向下移动一段距离。得到如下效果 017.钢笔工具,关闭填充,选择描边。调整自己合适的粗细。绘制一段曲线作为电线。如图。 018.复制一层曲线,

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

2.5D插画:用PS制作2.5D风格拖线板

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

2.5D插画:用PS制作2.5D风格拖线板

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

2.5D插画:用PS制作2.5D风格拖线板

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

2.5D插画:用PS制作2.5D风格拖线板

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

2.5D插画:用PS制作2.5D风格拖线板

好了一个小插画就这样完成了。

2.5D插画:用PS制作2.5D风格拖线板

进入论坛交作业:http://www.4tu.cn/thread-858483-1-1.html

温馨提示:

文章标题:2.5D插画:用PS制作2.5D风格拖线板

文章链接:https://www.4tu.cn/photoshop/14558.html

更新时间:2024年08月10日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

拟物图标:用PS绘制拟物风格手机图标

2024-8-10 9:13:53

ps教程

金属标志:使用PS制作金属质感的LOGO

2024-8-10 9:14:22

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧