AI轻松绘制2.5D立体图形

AI轻松绘制2.5D立体图形_第1张图片

开局一张图

内容全靠编~

AI轻松绘制2.5D立体图形_第2张图片

纪念碑谷

这款手机游戏小伙伴们应该略有耳闻吧

没听说过?

那微信的跳一跳呢

这个小游戏可是划时代的作品

当时小编在这个游戏上

浪费了好多宝贵的时间

AI轻松绘制2.5D立体图形_第3张图片

今天咱们就来看看

这些倒霉的小格子是怎么做出来的吧

AI轻松绘制2.5D立体图形_第4张图片

1

这次我们使用AI

首先打开AI

新建一个900X900的画板

颜色模式选RGB

反正咱们也不打印

2

按键盘上的Ctrl+R

打开标尺

AI轻松绘制2.5D立体图形_第5张图片

3

使用直线工具

将描边设置为一种蓝色#3bb9ff

沿着画板的顶端按住Shift横向拖一根线

AI轻松绘制2.5D立体图形_第6张图片
AI轻松绘制2.5D立体图形_第7张图片

4

使用选择工具

选中这根线

按住键盘上的Alt键和Shift键不松

向下拖动到标尺上的下一个端点

AI轻松绘制2.5D立体图形_第8张图片

这样就复制了一根线到指定位置

5

下面就可以按Ctrl+D

来重复上一个步

AI轻松绘制2.5D立体图形_第9张图片

一直按Ctrl+D

让线条铺满整个画板

6

使用选择工具选中所有的线条

右键单击画板-变换-旋转

AI轻松绘制2.5D立体图形_第10张图片

角度为30°

AI轻松绘制2.5D立体图形_第11张图片

7

依然是选中所有的线条

右键单击画板-变换-对称

AI轻松绘制2.5D立体图形_第12张图片

选择垂直

点击一下复制就可以了

8

使用矩形工具

将描边关闭

填充设置为一种橙黄色#ff7f29

AI轻松绘制2.5D立体图形_第13张图片

9

使用选择工具

按住Alt键和Shift键

用鼠标左键向下拖动它

AI轻松绘制2.5D立体图形_第14张图片

在下方复制出一个方块

10

按Ctrl+D再复制一个

然后将复制的两个方块的填充色

改为#ffbf73和#fff2ca

AI轻松绘制2.5D立体图形_第15张图片

这里的颜色也就是等会立方体的三个面

颜色当然不是固定的

大家可以根据自己的喜好去选择

11

然后新建一个图层2

下面就开始画倒霉方块啦

12

使用矩形工具

在画板上画一个方形

AI轻松绘制2.5D立体图形_第16张图片

13

点击效果-3D-凸出和斜角

参数如图

AI轻松绘制2.5D立体图形_第17张图片
AI轻松绘制2.5D立体图形_第18张图片
AI轻松绘制2.5D立体图形_第19张图片

14

选中这个长方体

点击对象-扩展外观

AI轻松绘制2.5D立体图形_第20张图片

这样它就变成了三个块面

AI轻松绘制2.5D立体图形_第21张图片

15

点击这里就可以选中单个块面

AI轻松绘制2.5D立体图形_第22张图片

然后使用吸管工具去点一下刚才定义好的色块

AI轻松绘制2.5D立体图形_第23张图片
AI轻松绘制2.5D立体图形_第24张图片

有人会问

噫你刚才不是这个颜色呀

AI轻松绘制2.5D立体图形_第25张图片

没错

因为突然觉得刚才的颜色好丑...

16

好这样一个方块就做好了

下面使用直接选择工具

选中顶上的四个点

可以直接像截图中的一样

直接框到这四个点

AI轻松绘制2.5D立体图形_第26张图片

然后使用键盘上的方向键↓来调整这个块的形状

这个时候网格就有用了

调整的时候难免会偏离原本的方向

但是有了网格就不怕

17

复制一下方块

这样咱们就相当于有了很多积木

AI轻松绘制2.5D立体图形_第27张图片

18

然后调整每个块的长宽高

下面就是搭积木的时间啦

AI轻松绘制2.5D立体图形_第28张图片

19

如果需要圆柱体的话就用椭圆工具画一个正圆

然后一样是使用3D-凸出和斜角

参数设置如下

AI轻松绘制2.5D立体图形_第29张图片

凸出厚度根据实际需求来设置

不必与图中一致

20

经过一顿调整

就变成这样啦

AI轻松绘制2.5D立体图形_第30张图片

(感觉要被打)

小伙伴们赶紧发挥自己的想象力

试着拼一个好看的场景吧~

AI轻松绘制2.5D立体图形_第31张图片

更多优秀设计教程尽在:http://study.163.com/course/courseMain.htm?courseId=1442008&share=2&shareId=967647

你可能感兴趣的:(AI轻松绘制2.5D立体图形)