你知道如何制作3D立体插画吗？

今天又是小编教学的一天，万能的小编今天来教大家如何制作时尚简约的3D立体插画，从这个名字，就可以看出小编的功底了吧，哈哈哈，废话不多说，赶快来看教程（以下图片均来自大师助手)

STEP 01
打开AI，新建一个700700px的文档。在新文档中先绘制出两个375290的矩形，一个填充为深色，一个填充为亮色。应用了3D效果后再填充适合的颜色也可。这里所绘制的两个矩形分别称为土地的基底。

STEP 02
先选用亮色那一个矩形作为地表，进入【效果>3D>凸出与斜角】，在参数面板中我们可以通过调整实际的参数大小来应用3D场景中的角度旋转等情况，也可以直接利用软件预设值，比如在此我们在“位置”这个选项下拉框里选择“等角-上方”，就不再需要调整旋转的角度。接着将透视设置为20°，凸出厚度修改为10。通过勾选“预览”，对最终效果进一步确认，从而再对参数作进一步调整。

如果透视角度为零，整个立方体就会显得不自然，这一点相信学过素描绘画将不会忽视。

STEP 03

这时，已经转为3D造型的矩形变为了立方体，而这个略薄的立方体将作为我们的基底表皮。为了对它进一步调色，这时需要选中它以后进入【对象>扩展外观】，使它成为路径。然后利用组合快捷键【Ctrl+Shift+G】（取消编组），连续按三次，将这个立方体分解为不同的块面。

STEP 04

立方体的三个面分别填充为三个色彩。色值参考如下。

STEP 05

接下将深色的矩形也转为3D效果，所用方法与前一个矩形类似，只是在突出厚度上保持为50。

STEP 06

将这个对象放置于前一个浅色的立方体下方，这时的空间概念要非常清晰。扩展对象后再对其解散编组，成为独立的面，分别对每一个面进行填色处理。

营造山水

3D插画中的高山流水想要逼真，必然要凸显出一种空间感。AI软件里的3D效果对于规则的几何形有凸出的作用，它能增加物体的厚度，比如像我们上一节所运用过的矩形变为立方体，而对于不规则的造型则很难胜任，还需要我们自己来绘制。

STEP 07

让我们先来绘出山的造型。大家都知道山体大致是一个圆锥体，因此在绘制山的形体时就要随时将这个圆锥的造型放在心中，透视空间方向也要心中有数，这也是我们最开始就绘制好基底地面的原因。再利用钢笔工具绘制山体，大致符合这一圆锥体造型即可，大自然造型总是千奇百态的。在这里我们为其填充桃红色。

STEP 08

为了丰富山体效果，让我们为山体增加一些高光，这会在原来的基础上大大提升立体感。高光是比山体本身更为明亮的色彩。

STEP 09

一座山峰并不能表现出山体的丰富，因此我们需要再继续绘制不同形态的山峰一起组成类似群山的样式。

STEP 10

由于山峰中需要有河流的经过，因此再绘制一系列群山，在意境上会更加长远。这里完全凭着自由创作，大家应该学会这类最简单的山脉的画法，在扁平化的插画中最常见，也最容易驾驭。

STEP 11

有了山脉以后，河流的绘制更为简单，运用钢笔工具画出两条封闭的曲线，然后填充为水蓝色。

STEP 12

在河流靠近地基边缘的部分绘出一个“分流”的形状，再根据分流后的水流绘出下注的形态。运用钢笔绘制严格说并没有什么必须遵循的原则，只需要符合自然观感即可。

STEP 13

将下注的水流填充另一种不同的蓝色，选中其中一股较大的水流，进入“透明度”面板，为其添加蒙版，点击蒙版待被框选中后，则在这股水流的位置绘制出一个类似的四边形，将其运用黑白渐变填充，就能让这个图形变为一种自上而下渐隐的透明视觉效果。这时，记得一定要重新点选回蒙版左边的对象，否则你还将继续停留在蒙版的编辑中。

STEP 14

按照上一步同样的方式处理另一股水流，然后在水流的末端，运用钢笔工具或者铅笔工具，画出白色的浪花造型，使得倾泻而下的水流飞溅出水花。为了看清白色水花，让我们在所有对象的下方添加一个纯色矩形作为背景。

山水的部分就此绘制完毕。

森林表现

STEP 14

增加树木的点缀，才会表现森林的特色。这里我们先来看看树木的画法，我们选用了松树林木的外形，它呈现圆锥体形态。先绘制出一个三角，再慢慢通过细节的增加删减变为一整颗树的造型。图示中已经表达出了绘制的过程。绘制好一颗树，就可以调节大小并复制出更多的树木，点缀于其上。注意大小的对比安排要突出，才能扩大人眼对于这片树林的空间感。比如比较大的树木最好不要太多，要能和小的树木交错排列。

STEP 15

为河流中心增加一艘小船，你可以任意安排小船的形态，比如我们在此画一只鸟立于船只的造型。而船体的形状也要符合透视的法则，与整个画面协调起来。

STEP 16

最后增加一些细节，例如天空飞翔的鸟儿，以及河流的白色水纹。最终效果如下：

以上就是所有的教学内容了，喜欢的小伙伴赶紧学起来吧。

你知道如何制作3D立体插画吗？相关推荐

ai如何旋转画布_「AI教程」使用AI制作3D立体文字效果
今天macdown小编要通过AI制作一种3D立体字体,主要的知识点是混合工具的使用.Shift键.Alt键的灵活运用.3D旋转命令.投影效果的创建等,学会后可以应用在需要的设计中,比如海报设计,log ...
用计算机做出牙膏盒立体效果制作,使用Nuke进行2D转3D立体世界详解案例教程（二）：制作3D立体效果...
三.Nuke 3D Stereography Production 模型制作完成后,接下来可以将其导入Nuke,并开始制作3D立体效果. 3.1导入场景模型 ※步骤1 启动Nuke软件,新建一个项目文 ...
python立体感的饼状图如何做_AI教程：如何制作3D立体饼状图表？
原标题:AI教程:如何制作3D立体饼状图表? 辛辛苦苦分析一堆大数据,竟然没人看!到底怎么办?俗话说,有图有真相,一图胜千言,取悦了眼球,剩下的都好说.如果你正着手于从数据中洞察出有用信息,那你所需要 ...
highcharts 制作3D立体饼图
由于公司项目的需求,需要做一个立体的饼图来展示数据,但是翻了很久Echarts的手册,始终找不到解决的方法.于是开始接触了highcharts.发现highcharts可以很轻松的制作一个立体的饼图. ...
js制作3d立体旋转相册
使用js做一个3d立体旋转相册可自由拖拽源码如下 <!DOCTYPE html> <html> <head> <meta charset="ut ...
css制作3D立体旋转效果
通过纯css制作出3D旋转效果,以展示中国部分知名公司为例: 浏览器实现结果: 6个名片都具有两面,一面图片,一面文字,当鼠标放在图片上时,就会3D旋转成文字的一面. 代码: <!DOCTYPE ...
css3制作3D立体模型
代码跟注释都在里面了!想知道是什么效果不妨自己试试! <!DOCTYPE html> <html><head><meta charset="UTF- ...
前端|3D立体视频翻转动画
欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 欢迎加入团队圈子!与作者面对面!直接点击! 基本介绍 HTML ...
Photoshop几何3D立体头像制作教程
想要用自己的照片制作出带有3D立体感的头像吗?今天小编教大家如何使用Photoshop制作几何3D立体头像,操作非常的简单,用户需要非常大的耐心进行制作哦!想知道几何3D立体头像制作教程的朋友快来看看 ...

你知道如何制作3D立体插画吗？

你知道如何制作3D立体插画吗？相关推荐

最新文章

热门文章