QQ登录

登录|注册 上传

飞特网

  • 飞特网官方微博
  • 飞特网微信公众号
飞特网顶部通栏AD位

3种方法教大伙儿画流行滴2.5D

小卜卜发布于:2020-3-23 12:59 |原作者: 小卜卜
简介: 这节课教大家灰常流行滴2.5D画法,知道怎么画滴同学也不要走,窝讲全方位滴为大家讲解原理,要知其然,更知其所以然。这里窝总结了3种画2.5D滴方法,教程简单易懂,包各位一学就会,要是童鞋们赶脚还不错滴话,就点个赞吧~拒绝白嫖,从窝做起。窝准备由浅入深滴讲,先简单介绍下 ...

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

这节课教大家灰常流行滴2.5D画法,知道怎么画滴同学也不要走,窝讲全方位滴为大家讲解原理,要知其然,更知其所以然。这里窝总结了3种画2.5D滴方法,教程简单易懂,包各位一学就会,要是童鞋们赶脚还不错滴话,就点个赞吧~拒绝白嫖,从窝做起。

窝准备由浅入深滴讲,先简单介绍下2.5D。

· 前言【什么是2.5D】

全名叫"2.5D等距",2.5D意思是在平面上表现3D效果,等距意思是没有透视关系。用一个标准滴立方体来说明(由3个菱形刚好组合成一个正六边形):

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

从这张图阔以得出以下结论(发挥点空间想象力哟):

· 2.5D立方体滴水平面(顶面)滴每条边与垂直方向呈60°夹角

· 两个侧面滴竖直边与水平方向是垂直滴

· 第一种方法【辅助线】

第一种方法是最简单滴,适合画一些方方正正滴东西,有了上面滴基础后,窝们打开Ai,画一系列参考线,用"直线段工具"画条横线,旋转30°:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

按住Alt键用鼠标向下移动少许(复制了一个),再Ctrl+D(一直摁住),就能弄出一列线条来:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

整体复制后左右翻转,就得到了窝们滴参考线:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

这时候就阔以拿粗窝们滴钢笔来了,教大家画个长方体,在辅助线交叉滴地方下笔(一般都先画水平面哦):

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

然后是竖直面,两个侧面要分开画哦:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

换上填充色,一个简单滴长方体就完成啦:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

优点:画方方正正滴东西很快很准确很convenient

缺点:几乎画不了弧形滴东西

· 第二种方法【3D突出与斜角】

这种方法是Ai自带滴哟,这次窝们画个稍微复杂滴东西,画个冰淇淋吧,先做好冰淇淋滴正面图:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程


整体编上组,在效果里选择"突出与斜角":

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

在"突出与斜角"面板中,数值设置如下:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

· 位置要选择等角系列,一般选择左右上,主要看大家想怎么摆放

· 突出厚度可以控制并欺凌滴厚度

· 一般选择无底纹,不然看起有点难受

调整好后,窝们再扩展一下形状,就阔以开始编辑啦:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

把侧面都合并在一起(可以先把编组都取消掉),换个深点滴颜色后,冰淇淋就做好啦,棍子应该和冰淇淋分开做滴,毕竟厚度不同,不过窝们可以手动调整锚点,把棍子压扁点:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

优点:构思清楚后,几乎神马形状都能做

缺点:窝还没想到

· 第三种方法【我来组成头部】

这种方法窝放到最后来讲,童鞋们知道意味着什么吧,没错,这是只有窝这种优秀人士才会使用滴方法。当年,窝靠着小学滴数学水平,硬是在Ps里推理粗了这套方法,窝把它命名为"组合法"。掌握这种方法,就意味着你已经完全理解了神马是2.5D,难度还是有点滴,大家不要中途放弃。

先讲讲原理。

打开Ps,画一条横线,复制一个,把复制滴横线上下斜切-30度(在自由变换下Ctrl+T):

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

(圈粗来滴部分,H是左右斜切,V是上下斜切)

稍微移动下,窝们就得到了两条线段:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

根据上图窝们可以得到以下结论:

· 上下斜切过后滴线条在水平方向上变长了(左右斜切滴话,则是垂直方向会变长)

· 原本滴线段长度=斜切后滴线段长度乘以cos30°(斜切多少,就乘以多少哦)

so~记住这个结论哦

窝这套方法滴要点就在于,用一个物体滴正面形状,通过斜切等操作,得到2.5D视角下滴形状。

从最简单滴开始,立方体,先画个正方形:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

上面分析过了,立方体是由菱形组成滴,想要把这个正方形变成菱形,只需要3步。

1:上下斜切30度

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

2:宽度调整为86.6%(表推出自由变换模式!),这已经是个菱形啦,阔以作为立方体滴侧面。至于为神马是86.6%,给个提示,cos30度

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

3:旋转-60度(还是在自由变换下哦)

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

酱紫,窝们就得到了立方体滴顶面,侧面用这个复制+旋转就行啦。

如果不是做立方体滴话,窝教大家一种常用滴增加厚度滴方法,直接复制一个,向下移动到想要滴位置:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

在两个图层中间再画一个矩形就ok啦:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

如果还要两个侧面颜色不一样滴话,算啦,这么简单滴事情,窝就不讲啦。

优点:神马都能做,方便扩展

缺点:稍微有点难和复杂

封面和下面滴基础形状都是窝用第3种方法做滴哦:

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

3种方法教大伙儿画流行滴2.5D 飞特网 PS鼠绘教程

有什么疑问滴话可以加微信哦,免费解答,拒绝讨论设计以外滴问题:

初中级问题请选择大师姐    yangjing123654789

高级问题请选择长老    sectery

飞特网—站内广告
2

好评

差评

刚表态过的朋友 (2 人)

小卜卜
四川省 成都市 GUI设计师
+ 关注 私信
  • 教大家做孟菲斯风格滴设计(有免费素材下载哦)
  • 教大家用Ps滴3D功能做抽象城市
  • 用混合工具画动物

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业


关于飞特| 广告服务| 付款方式| 友情链接| 网站地图| 联系我们| 加入我们| 举报| 飞特网旧版| 手机版| 飞特网