画2.5d插画的两种方法

阅读 61  ·  发布时间 2020-04-01 14:13:12  ·  xmh

2.5d效果虽然在今年已经是不太流行的一种设计风格了,但是有一些特殊场合利用2.5d的技法结合当下流行的一些色彩元素、质感也是能设计出一幅不错的作品。

1.jpg

接下来我给大家介绍画2.5d的插画2个方法,估计我分享的第一个方法大家很少见,这个方法帮我和我们团队在2016年完成一幅“史诗级”的Leeco生态city。

过去两年了,现在看起来不是那么fashion,不过重要的是技法~技法~技法~嘻嘻。

2.jpg

Design by lemall ued designer:hellen、 阿四、 落夏

下面就直接进入正题吧

— 01 —

AI-动作记录

这个动作记录方法解决的问题主要两点:

1、复杂的图形找角度。

2、适用于大场景规划和一些细节的刻画,比如玻璃面等等。

效果展示

先看下操作示例吧

3.gif

如何设置2.5d的动作记录

step1:画好3组正方形(分别代表3个视图的角度—顶视图、左视图、右视图)

step2:在“窗口”—打开“动作”面板。

step3:在动作面板里—选中“新建动作”—开始录制(可以命名视图的名字)

4.jpg

5.jpg

step4:那就开始录制动作了。

6.jpg

首先选中第一步的图形,右键缩放—高度缩放86.6%。

然后再选中图形右键——倾斜-30度。

接着一步是选中图形右键—旋转-30度。

7.jpg

step5:最后选中结束记录动作。这样就生成了左视图的动作了。

8.jpg

接下来右视图、顶视图动作记录方法同样。

9.jpg

如何设计一个city?像城市规划师一样规划每个区域。

需要考虑的是:由平面图—2.5d视角的展现,呈现出来展现在app、pc端上的效果的完整性。

10.jpg

像建筑师一样打造每个建筑

结合几个生态的区域,利用代表性的特征来建设每一栋楼,比如手机区是突出手机的特征,智能硬件区是以硬件的主要产品建造起来的建筑物。

11.jpg

组合起来的不同区域

12.jpg

现如今已经消失了的几个区

接下来再讲一下元素设计中2.5d比较好用的另一个方法


—02 —

AI-3D效果

step1:画好平面图形

13.jpg

step2:选中图形—“效果”—“3d”—“突出和斜角”

14.jpg

step3:设置“突出和斜角”里的参数达到我们想要的角度。(不同参数设置,角度也不一样哦)

15.jpg

step4:选中转换完成的3d图形,在“对象”中选“扩展外观”,就可以得到我们需要的元素了。

16.jpg

step5:对元素结合当下的一些质感和设计做出调整。就得到不同角度效果图啦。

17.jpg








电话咨询
邮件咨询
在线地图
QQ客服