蓝铅笔
分类

注册成功

你的专享兑换码

PK1477

请截图保留兑换码
我要选课
尼尼教你画方块(02)

尼尼教你画方块(02)

亲爱的小伙伴们,这次我们练习下2.5D~

1920 31 1
2018-01-15

头部信息02.jpg



timg14.jpg亲爱的小伙伴们我又来啦,这节课我们继续画方块。本次的方块是立体的,也就是我们常说的2.5D绘图。

这里稍微哔哔一下这种图的小知识,最早采用这种绘图模式的是工程上的辅助图样,根据度娘的资料,是因为平面图(顶视图、侧视图、正视图等)不容易被普通人看懂,于是聪明的工程师发明了这种萌萌哒的透视画法。

当然,轴测图也是分好多类型哒,也就是不同的角度有不同的画法,我们这里采用的是规规矩矩的等轴测投影,即按照透视法缩短的三个坐标轴的缩放系数是相等的,而且任意两个坐标轴之间的角度都是120度。


34fae6cd7b899e516de0778c49a7d933c8950d3f.jpg


看到这个透视图,相信你能想到早期的2D游戏,都是这个样子哒,没错,其实他们是同一种画法。当然,由于像素的关系,30度角很难做出流畅的线条,于是在像素画里,出现了22.6度的透视。


timg.jpg


由于我们是用矢量作图,所以可以开开心心的使用30度角(好计算不费脑),不用担心线条不流畅啦:)比如,纪念碑谷的画面,如下:


003.jpg


---------------------------------------------------------------------------------------------------------------------------------------------------


一、绘制前的准备

我们使用平面软件作图(可以用PS或AI,建议草图在PS制作,矢量化工作在AI完成,本教程案例使用PS演示),所以需要先制作一个网格系统,来方便我们的后续制作。


001.jpg


002.jpg


003.jpg


timg15.jpg哒哒哒!~经过三个步骤的操作,我们很容易的就制作完辅助网格啦,至于为什么网格是这样的,请允许我做一下解释,如下图:


004.jpg


等轴测投影制图的特性导致了方块的内角不是60度,就是120度,可以由正三角形组成,很凑巧的感觉是吧!!!

timg16.jpg惊不惊喜、意不意外~这样我们就可以很有规则的制图啦:)



二、开始画方块啦

相信刚开始绘制的大家对文档大小没有什么概念,文档应该设置多大呢?三角形的比例应该是多大呢?可能这个问题会纠结死完美主义者。

这里有一个简单的解决办法,一般这类大场景插图是用在UI界面上的,我们用大屏幕的比例制作一个稍大的画布即可,比如3000px*1600px,那么三角形的大小(高或宽)设置在100px,出来的网格数基本够你使用了(网格比例越小当然越细致,但也不要小的过头)。



005.jpg


006.jpg


007.jpg


008.jpg


timg17.jpg登登登登!~只要四个步骤,立体方块是不是很好画呀,这是轴测图最基础的画法。

在这种绘制方法的基础上,你可以为平面添加更复杂的细节,然后斜切变形,制作出更为复杂的造型:)如下图:


009.jpg


在绘图教学中,轴侧图也是发展空间构思能力的手段之一。通过画轴侧图可以帮助人们想象物体的形状,培养空间想象能力。看完教程,快来试试看吧:)






logo动效.gif

感谢收看,下期再见

---------------------------------------------------------------------------------------------------------------------------------------------------------


logo.jpg


gzwx-code.png

扫描二维码,关注蓝铅笔

享受更多精彩教程呦!


分享