页面载入中...

Illustrator快速制作2.5D插画教程

xingIllustrator, 2018-12-120

 来源:站酷 作者:张子杰_Parker

2.5d插画已经出现一年多了,有很多被广泛应用到banner中,吸睛不少。但是最近我发现很多朋友,依然存在困惑,面对一张插画不知道如何开始。今天我就来分享一下自己做2.5d插画的方法,希望可以帮助到大家。正式开始之前,先让我们来欣赏一些作品。

Illustrator快速制作2.5D插画教程,PS教程,素材中国网

Illustrator快速制作2.5D插画教程,PS教程,素材中国网

好的,现在正式开始,内容主要分为3步。

1、基础图形

做2.5d插画的第一步就是了解基础图形如何创建,下面我们来一一介绍。

(1)立方体

方法1>

Illustrator快速制作2.5D插画教程,PS教程,素材中国网

方法2>

Illustrator快速制作2.5D插画教程,PS教程,素材中国网

(2)圆柱体

Illustrator快速制作2.5D插画教程,PS教程,素材中国网

2、建立框架

虽然有些插画看上去很复杂,但其实它也是由基础图形变化来的。我们来举个栗子,比如我们想要做一副这样的插画,我们会发现,它主要是由一些2.5d建筑再加上一些树木,行人,汽车,构成的。

Illustrator快速制作2.5D插画教程,PS教程,素材中国网

而我们再仔细看,这些建筑也都大同小异,我们将其中一个做拆分,其他的也都类似。

Illustrator快速制作2.5D插画教程,PS教程,素材中国网

而④中的基础图形也是基础图形变化来的。

Illustrator快速制作2.5D插画教程,PS教程,素材中国网

3、增加点缀

(1)汽车,行人

如果你会创建基础图形的话,那么图中的汽车也就不在话下了。行人的构建也是主要考验大家的钢笔功底的,并没有技巧可言,大家没事多临摹几个,相信也能掌握其中的精髓。这里有组2.5d人物模型,大家需要可以下载下来。

(2)字体

还有一些插画会用到偏立体的字体,这是我做的一些方法,希望可以帮到大家

1>选中字体—视图—3D—凸出与斜角

Illustrator快速制作2.5D插画教程,PS教程,素材中国网

2>调节旋转方向,厚度,勾上预览。注意:每调节一次数据,需要点击一下预览,才能看到效果

Illustrator快速制作2.5D插画教程,PS教程,素材中国网

3>扩展外观,部分选择调节其颜色

Illustrator快速制作2.5D插画教程,PS教程,素材中国网

 


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信