ai如何旋转画布_怎样用AI建造一个纪念碑谷

迷南。 2023-01-04 14:44 192阅读 0赞

**本周内容一览**

**▼**

周一：我的作品集，是用来听的

周二：交互设计常运用到的5种心理学

周三：怎样用AI建造一个纪念碑谷

周四：在网上去哪下载现成的Rhino模型？

周五：动画电影是如何制作的

周六：交互设计如何不落入APP的俗套

周日：面料不会选，哪来的“系列感”？

![594144fb73fe5580ddf7be05cfa0504f.png][]

等距立体风格(isometric style)是近年来在AI插画中十分受欢迎的一种。这类插画大多是用立体的方式去表达一个场景或者空间，它的原理很类似于搭积木，用不断堆叠的方式去呈现各种场景。

相信大家一定对纪念碑谷这款“设计师必玩”的神级游戏不陌生吧，其中的场景设计就采用了这一风格，给人留下了很深的印象。

可能有同学觉得比起平面风格来说，立体的更加难画，实际上你只要学会在AI中搭建一个立体框架，剩下的步骤就像堆积木一样容易，那么以下图为例，让我们看看如何用AI画立体等距离风格插画。

![ca4d67eaa5b1a9d2b8667c45b63b9030.png][]

--------------------

**01**

**在AI中建立辅助线**

### **Step 01** ###

首先打开AI，新建一个800\*1000px的文档。

![42e9ace051e5b9bc0caf1cadbe295020.png][]

用矩形工具画一个无填充黑色描边的矩形。

![57b8db35d28390d0480c350d888e48d6.png][]![f98f2095f7802a3870e42966f45b6ef0.png][]

用选择工具选中这个矩形，按住alt键拖动复制，直到铺满整个画布。

![aa212a64c798b835b684d82d1aca81de.png][]

### **Step 02** ###

将刚才做好的矩形编组，按住control+d复制，然后鼠标右键【变换>旋转】将旋转参数设为60。

![038fbf217cdda43a591c63df0e387370.png][]![917be33c788623db35747b61159a7799.png][]

再按住control+d旋转复制，让它们形成一个网格。

![501b4f9c0046d7dcf3511895f4b9256f.png][]

进行微调，使它们形成一个一个的小正方体。

### **Step 03** ###

左键【视图>参考线>建立参考线】，并将网格锁定，这样辅助线就完成了。

![47f2d31b9806584b69150906e0059606.png][]

**02**

**建立大框架**

Step 01

接下来可以开始绘制图形了，先在辅助线上用钢笔工具勾出立方体的框架。

![8764b08c8f4df387dcbefb4b1b5ab094.png][]![a405091f192d8b57572820de23c3cfd3.png][]![ece010b0bfcab87b5df54ff28c103278.png][]

选择工具栏的渐变工具对图形进行颜色填充，可在拾色器面板中调整颜色。

用钢笔工具和渐变颜色填充工具画出更多的色块，使图形更加有立体感，注意明暗变化，不同的色块用不同颜色进行区分，也可以多尝试一些配色。

![88f5214a4fe71adab2ed9a42d9abb1a5.png][]![14c5eab773168ceb1bc680e0473ac156.png][]

这样就大致搭建好了这个立体图形的框架，接下来就像搭积木一样，来逐渐给它添加内容和细节。

### **Step 02** ###

现在来绘制地面的部分，新建一个图层，还是用钢笔工具画出地面并填充颜色。

![480d770cef27c549a0a14c7923324496.png][]![35bcec619aab2b59bd6b245d8de419ba.png][]![f843d78d74bd020fe85971d21ea26902.png][]

用同样的方法画出台阶和阴影部分，注意使用圆角工具和透视。

![7fa87513f809d1de4066a3155a50f08a.png][]

接下来新建一个图层，根据辅助线，用钢笔工具画出l格方砖，按住alt键拖动复制出一排方砖，要确保它们在一条线上。

![d56e96de32592a94abf3d034a69cb5ed.png][]

这样地面部分就大致完成了。

### **Step 03** ###

这一步我们来画树的部分，首先新建图层，从树根的暗部开始画，再画亮部。使用的还是钢笔工具，注意线条的封口和流畅。

![0d14a11c2c82277cfb8fa28c745cd072.png][]

这样树根部分就完成了，也可以再添加一些肌理和线条丰富画面。接着来画树干和树叶部分，先用钢笔工具画出树干的亮部。

![735d16248db56e3b0c8012075eaa9c59.png][]![c26270b7e1980ece9981bdc9916c2ccd.png][]

然后依此添加暗部，可以多画一些树枝使画面更丰富。到这一步树干的部分就完成了。

接下来可以画树叶部分，新建图层，先用钢笔工具画出一个树叶，然后复制出三个树叶，分别填充不同的颜色。

![26b7d22d209440d7111751a67c1d82de.png][]![945e4cc0edc84a24389e4d46f9763dc8.png][]

按住alt键拖动复制刚才做好的树叶到树干上，画面就基本完成了。

### **Step 04** ###

给画面加上背景，这里我们选用较深的渐变色背景。最终，这样一张3d等距离插画就完成了。

![ca4d67eaa5b1a9d2b8667c45b63b9030.png][] 最终效 果

这样一张3D等距离插画就完成了，其实这种用“搭积木”来丰富画面的方式掌握并不难，大家一起来创造属于你的小世界吧。

**最后感谢今天为你分享知识的作品集基础软件****导师：****Ran****.**

**▽**

![eabfc3e6efc72a1cfa40be1fc3fdc7bd.png][]

**-END-**

**更多作品集创作技法**

**在这儿**

**▽**

![8cdb6e64cd1f39b00dea741d92d1a917.gif][]

[594144fb73fe5580ddf7be05cfa0504f.png]: /images/20221119/b65513be8451412cb27db9766fe02f27.png
[ca4d67eaa5b1a9d2b8667c45b63b9030.png]: /images/20221119/04a75eb652a841b4842c939b67c99af7.png
[42e9ace051e5b9bc0caf1cadbe295020.png]: https://img-blog.csdnimg.cn/img_convert/42e9ace051e5b9bc0caf1cadbe295020.png
[57b8db35d28390d0480c350d888e48d6.png]: https://img-blog.csdnimg.cn/img_convert/57b8db35d28390d0480c350d888e48d6.png
[f98f2095f7802a3870e42966f45b6ef0.png]: https://img-blog.csdnimg.cn/img_convert/f98f2095f7802a3870e42966f45b6ef0.png
[aa212a64c798b835b684d82d1aca81de.png]: https://img-blog.csdnimg.cn/img_convert/aa212a64c798b835b684d82d1aca81de.png
[038fbf217cdda43a591c63df0e387370.png]: https://img-blog.csdnimg.cn/img_convert/038fbf217cdda43a591c63df0e387370.png
[917be33c788623db35747b61159a7799.png]: https://img-blog.csdnimg.cn/img_convert/917be33c788623db35747b61159a7799.png
[501b4f9c0046d7dcf3511895f4b9256f.png]: https://img-blog.csdnimg.cn/img_convert/501b4f9c0046d7dcf3511895f4b9256f.png
[47f2d31b9806584b69150906e0059606.png]: https://img-blog.csdnimg.cn/img_convert/47f2d31b9806584b69150906e0059606.png
[8764b08c8f4df387dcbefb4b1b5ab094.png]: https://img-blog.csdnimg.cn/img_convert/8764b08c8f4df387dcbefb4b1b5ab094.png
[a405091f192d8b57572820de23c3cfd3.png]: https://img-blog.csdnimg.cn/img_convert/a405091f192d8b57572820de23c3cfd3.png
[ece010b0bfcab87b5df54ff28c103278.png]: https://img-blog.csdnimg.cn/img_convert/ece010b0bfcab87b5df54ff28c103278.png
[88f5214a4fe71adab2ed9a42d9abb1a5.png]: https://img-blog.csdnimg.cn/img_convert/88f5214a4fe71adab2ed9a42d9abb1a5.png
[14c5eab773168ceb1bc680e0473ac156.png]: https://img-blog.csdnimg.cn/img_convert/14c5eab773168ceb1bc680e0473ac156.png
[480d770cef27c549a0a14c7923324496.png]: https://img-blog.csdnimg.cn/img_convert/480d770cef27c549a0a14c7923324496.png
[35bcec619aab2b59bd6b245d8de419ba.png]: https://img-blog.csdnimg.cn/img_convert/35bcec619aab2b59bd6b245d8de419ba.png
[f843d78d74bd020fe85971d21ea26902.png]: https://img-blog.csdnimg.cn/img_convert/f843d78d74bd020fe85971d21ea26902.png
[7fa87513f809d1de4066a3155a50f08a.png]: https://img-blog.csdnimg.cn/img_convert/7fa87513f809d1de4066a3155a50f08a.png
[d56e96de32592a94abf3d034a69cb5ed.png]: https://img-blog.csdnimg.cn/img_convert/d56e96de32592a94abf3d034a69cb5ed.png
[0d14a11c2c82277cfb8fa28c745cd072.png]: https://img-blog.csdnimg.cn/img_convert/0d14a11c2c82277cfb8fa28c745cd072.png
[735d16248db56e3b0c8012075eaa9c59.png]: https://img-blog.csdnimg.cn/img_convert/735d16248db56e3b0c8012075eaa9c59.png
[c26270b7e1980ece9981bdc9916c2ccd.png]: https://img-blog.csdnimg.cn/img_convert/c26270b7e1980ece9981bdc9916c2ccd.png
[26b7d22d209440d7111751a67c1d82de.png]: https://img-blog.csdnimg.cn/img_convert/26b7d22d209440d7111751a67c1d82de.png
[945e4cc0edc84a24389e4d46f9763dc8.png]: https://img-blog.csdnimg.cn/img_convert/945e4cc0edc84a24389e4d46f9763dc8.png
[eabfc3e6efc72a1cfa40be1fc3fdc7bd.png]: https://img-blog.csdnimg.cn/img_convert/eabfc3e6efc72a1cfa40be1fc3fdc7bd.png
[8cdb6e64cd1f39b00dea741d92d1a917.gif]: https://img-blog.csdnimg.cn/img_convert/8cdb6e64cd1f39b00dea741d92d1a917.gif