画2.5d插画的两种方法

  • A+
所属分类:设计技法

本文来源: 公众号-咏舍, 共 1205 字

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

画2.5d插画的两种方法

作品来源:dribbble by kerwin1840

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

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

画2.5d插画的两种方法

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

下面就直接进入正题吧

— 01?—

AI-动作记录

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

1、复杂的图形找角度。

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

效果展示

先看下操作示例吧

画2.5d插画的两种方法

如何设置2.5d的动作记录

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

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

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

画2.5d插画的两种方法

画2.5d插画的两种方法

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

画2.5d插画的两种方法

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

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

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

画2.5d插画的两种方法

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

画2.5d插画的两种方法

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

画2.5d插画的两种方法

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

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

画2.5d插画的两种方法

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

结合几个生态的区域,利用代表性的特征来建设每一栋楼,比如?#21482;?/a>区是突出?#21482;?#30340;特征,智能硬件区是?#26434;?#20214;的主要产?#26041;?#36896;起来的建筑物。

画2.5d插画的两种方法

组合起来的不同区域

画2.5d插画的两种方法

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

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

—02?—

AI-3D效果

step1:画好平面图形

画2.5d插画的两种方法

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

画2.5d插画的两种方法

step3:设置“突出和斜角”里的?#38382;?#36798;到我们想要的角度。(不同?#38382;?#35774;置,角度也不一样哦)

画2.5d插画的两种方法

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

画2.5d插画的两种方法

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

画2.5d插画的两种方法

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

—?03?—

写在最后

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

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

?

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: