学会这2种办法就不愁画2.5d插画

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

学会这2种办法就不愁画2.5d插画

作品来源:dribbble by kerwin1840



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

学会这2种办法就不愁画2.5d插画

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

学会这2种办法就不愁画2.5d插画

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



下面就直接进入正题吧

01

AI-动作记录

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

1、复杂的图形找角度。

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

效果展示

先看下操作示例吧

学会这2种办法就不愁画2.5d插画


如何设置2.5d的动作记录

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

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

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

学会这2种办法就不愁画2.5d插画


学会这2种办法就不愁画2.5d插画


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

学会这2种办法就不愁画2.5d插画


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

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

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

学会这2种办法就不愁画2.5d插画


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

学会这2种办法就不愁画2.5d插画


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

学会这2种办法就不愁画2.5d插画


如何设计一个city?

像城市规划师一样规划每个区域

需要考虑的是:由平面图—2.5d视角的展现

呈现出来展现在app、pc端上的效果的完整性

学会这2种办法就不愁画2.5d插画


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

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

学会这2种办法就不愁画2.5d插画


组合起来的不同区域

学会这2种办法就不愁画2.5d插画


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

接下来再讲一下元素设计中

2.5d比较好用的另一个方法

02

AI-3D效果

step1:画好平面图形

学会这2种办法就不愁画2.5d插画


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

学会这2种办法就不愁画2.5d插画


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

学会这2种办法就不愁画2.5d插画


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

学会这2种办法就不愁画2.5d插画


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

学会这2种办法就不愁画2.5d插画


3d方法做的放大镜不同角度的效果

03

写在最后

技能方法与设计创意思路孰重孰轻?我们在工作中经常看到有这样两类设计师。一类是很有想法,但是却技能有限表现不出来;另一类是画画很好,很有质感,但是却缺乏新颖与创意思路。

实际上,这两个方面都很重要,但是我更认为技能可以通过后天的勤奋练习弥补,技能和工具能提升我们工作上的效率和表现的范围,但是设计思路与审美才是重中之重,也就是我们最基本的美学—构图、颜色、立意、使用、流行趋势等等。我们在不断修炼了自己内功同时再修炼技能方法那就犹如如虎添翼了。


分享到:


相關文章: