其他教程 2018年02月8日
0 收藏 227 点赞 3,998 浏览 1285 个字
摘要 :

1.等距是什么? 等距视图是指,绘制物体时每一边的长度都按绘图比例缩放,而物体上所有平行线在绘制时仍保持平行的一种显示方法。 最早是出现在电脑应用程式的图像,以及……

1.等距是什么?

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

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

 

2.等距视图游戏的历史

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

1)20世纪80年代  

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

高速公路遇袭(1985年)

 

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

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

蝙蝠侠(1986年)

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

 

2)20世纪90年代  

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

最终幻想III(1997)

 

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

文明六世(2016)

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

 

3)目前2000  

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

SOCIOBALL(2015)  

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

纪念碑谷 (2016)

 

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

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

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

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

图标

 

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

字体

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

插画

 

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

海报

 

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

启动页

 

4.常用绘制软件

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

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

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

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

 

5.干货来啦~

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

轻轻松松画一个小icon。

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

 

案例鉴赏:

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

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

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

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

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

↑绘图手法:插画

 

原文地址:DDC

作者:林 泉

转载请注明:极致设计 » 2.5D立体图形如何完成等距绘制?

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.jizhisheji.com/109986.html

相关推荐
佳选
【字体设计】品牌标准字怎么设计?
从设计的角度来分析如何快速抓住品牌和企业的调性,从而确定标准字体的具体设计方向和形式。 小可爱们,我这里会定期推送插画、UI设计、排版等相关…
日期:2022-05-27 点赞:93 阅读:4,048
精选
5个超酷的标题设计技巧,So easy!
优秀的标题设计除了可以把标题中的信息清晰传达之外,还要与画面的风格相符,并且能使画面整体更加美观和更有设计感。5个标题设计技巧分享给你。 小…
日期:2022-05-26 点赞:236 阅读:1,404
优质
Blender实战案例教程!卡通小狐狸角色建模:01 基础形建模
教程作者:DesignHunting(授权转载) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 关于教程 本期的 IP 角色设计案例,手…
日期:2022-05-23 点赞:0 阅读:841
精选
即时设计基础教程!NO.12 即时设计综合使用技巧
本集讲师:@YY 免费使用即时设计,请点击右侧链接? 即时设计 获取海量免费设计资源,请访问? 资源广场 什么是即时设计 即时设计是一款全平…
日期:2022-05-23 点赞:0 阅读:475
精品
造字神器 Glyphs 教程!字体设计系列教程 NO.10 背景图层
教程作者:杨洋(极致设计平面设计实战营讲师) 交作业:#极致设计每日作业# 文章编辑:@雪寄草 软件介绍 Glyphs 3 是一款 Mac …
日期:2022-05-23 点赞:0 阅读:1,007
佳选
PPT教程!让PPT更有设计感的30种绝佳方法(第6期)
教程作者: 老Lin(授权转载自公众号:一六视觉) 交作业:#极致设计每日作业# 关于教程 如果你也想让PPT能眼前一亮,演示时被更多人认可…
日期:2022-05-23 点赞:0 阅读:448
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站