2.5D立体图形如何完成等距绘制?

1.等距是什么?

等距视图是指,绘制物体时每一边的长度都按绘图比例缩放,而物体上所有平行线在绘制时仍保持平行的一种显示方法。

最早是出现在电脑应用程式的图像,以及早期的8位元电子游戏,近几年来的被广泛的使用在因特网、GUI(Graphic User Interface)以及行动游戏等等。

2.等距视图游戏的历史

虽然计算机游戏的历史一直在20世纪70年代初期就看到了一些真正的3D游戏,但是第一个使用上述意义上的等距投影的不同视觉风格的视频游戏是20世纪80年代初的街机游戏。

1)20世纪80年代

高速公路遇袭(1985年)

等距视图是一种把2D游戏伪装为3D游戏的显示方法。使用这种方法的游戏有时候会被称作伪3D或2.5D

蝙蝠侠(1986年)

执行等距视图的方法有很多,但为了简化,最有效最常用的一种——贴图法。从上面两张图可以看出,其上覆盖的菱形网格把地形划分贴图。

2)20世纪90年代

最终幻想III(1997)

文明六世(2016)

在贴图法中,各个视觉元素都被切分为更小的部件,称为“贴图”,都是标准尺寸的。根据预先确定的平面数据——通常是2D数组,这些贴图被组织成游戏世界。

3)目前2000

SOCIOBALL(2015)

纪念碑谷 (2016)

3.等距风格的图标、插画及应用范围

这种插画有一个专门的名字叫“isometric”。

应用范围很广,比如:icon、界面、启动页、插画、游戏、动画视频等等。

图标

字体

插画

海报

启动页

4.常用绘制软件

目前常用的软件有PS、AI、C4D。

现在网上有很多教程,比如:

http://www.ui.cn/detail/204993.html

http://www.zcool.com.cn/work/ZMTQ0MjkxMDg=.html

5.干货来啦~

虽然PS/AI都能画出等距图标,但是现在有一个软件Affinity Designer 比它们画等距图更加轻松。

首先画等距我们需要画参考线,PS/AI都能画出来,但是方法还是稍稍显得复杂了一点,一些基本功不到位的同学会很头疼这个参考线的画法。Affinity Designer 的网格和轴管理器十分人性化的解决了这个问题。

不但对于新手来说是个不错的选择,而且它完美的融合了Adobe和sketch两个原本不相融的软件。

网格类型选择等轴测,这样网格就会自动生成等距所需要的斜线。

并且它的网格还可以设置吸附功能,也就是画的每个元素都可以自动吸附在网格边缘。

另外它还有一个十分便捷的功能,它的图形变形功能也十分强大。鼠标移动到矩形中间节点的会出现上下重叠的箭头(→),如下图:

这样可以十分轻松的倾斜矩形到任意角度,并且还自动吸附到网格上了。

拖拽矩形长宽的时候也是根据网格的路径来,不会影响矩形倾斜的角度。

轻轻松松画一个小icon。

Affinity Designer这个软件目前只适用于苹果操作系统,在App Store商店里有售卖

案例鉴赏:

↑软件:C4D、3D-MAX、MAYA等大部分3D软件

↑绘图手法:插画

DDC

作者:林 泉

(0)

相关推荐

  • 绘制矢量条纹立体图形[AI教程]

    本期的视频教程介绍了用AI的3D工具制作矢量条纹立体图形的方法: [手机版地址] 重点知识: [1]利用3D工具来绘制3D图形: [2]制作图形纹理叠加到3D图形的表面: [3]复合路径的概念,选择多 ...

  • CAD2010简单立体图形之圆柱、圆锥三视图的绘制

    圆柱.圆锥是最基本的立体图形,掌握其三视图的特点很有必要.今天小编为大家介绍在cad中绘制简单立体图中的圆柱.圆锥三视图的技巧. 操作方法 01 如图所示:我们要做出圆柱和圆锥的三视图. 02 在作图 ...

  • Word2013如何设置立体图形样式

    大家都知道,我们在Word2013中绘制出的立体图形是那种最简单的样式,更多的时候,我们需要对它的样式进行设置,那么,我们应该怎么做呢? 具体方法: [1] 我们用Word2013打开一篇已经绘制了立 ...

  • 如何用PS设计立体图形

    PS软件应用十分广泛,深受广大观众的喜欢,主要应用在图片处理,文字编辑,图形设计,网页设计等多个方面,下面和小编一起来学习如何用PS设计立体图形吧. 操作方法 01 新建一个800*600像素的白色背 ...

  • 如何为3DsMax中生成的立体图形更换材质贴图

    3DsMax也被常称作3DMax,是一款功能强大的三维场景.动画制作软件.本文主要探讨如何为3DsMax中生成的立体图形添加贴图. 操作方法 01 打开3DMax软件. 02 在软件最右侧选择Obje ...

  • ai软件怎样制作简单的3D立体图形?

    很多时候,我们都想要制作一些3D效果的图形或者图片,因为3D效果的看起来更加具有立体感.空间感.那么,使用ai软件,怎样才能制作出一些简单的3D立体图形呢? 操作方法 01 比如,我们想要制作一个正方 ...

  • PS立体图形制作

    很多朋友不知道在PS中如何制作立体图形,下面来简单教你一下. 操作方法 01 打开电脑中的PS软件,先绘制一个基础图形. 02 接着给基础图形添加一个渐变效果,PS中做立体就可以用渐变来展示一下. 0 ...

  • PPT立体图形设计小技巧

    在powerpoint2007中,可以添加图片来丰富演说,但通常人们只会懂得插入平面图片、动态图片,立体图片就无法插入了吗?不是的,在powerpoint2007为我们准备了大量的预设,可以调整图片, ...

  • powerpoint2015如何调整PPT立体图形

    在powerpoint2015中,可以添加图片来丰富演说,但通常人们只会懂得插入平面图片、动态图片,立体图片就无法插入了吗?不是的,在powerpoint2015为我们准备了大量的预设,可以调整图片, ...