用AI绘制3D等距立体梦幻风格插画

建立辅助网格的方法是在YOUTUBE上刷到的,觉得非常实用。插画本身是来自自己的想像。

等距立体风格,在英文中被叫做isometricstyle。这类风格最早是在像素画当中运用的,由于像素画的特点是由一个个方格(像素)构成,因此利用这种“堆叠”的方式,就像搭积木一样的思维,就能呈现各种场景。在很多怀旧版的小游戏中,我们不难发现这类设计风格。

等距立体风格几乎可以构建任何的场景和物象,而且从立体绘图的角度来说,它的绘制方式是非常简单的。

来到现在,早期的等距立体风格已经逐渐进行了改良。就像90年代流行的时尚,到现在又到了一个轮回。但是显然如今的这个风格是更进化了。比如我们已经看不到像素了,色彩上用上了渐变,显得更为细腻。在《纪念碑谷》这款传说“设计师必玩”的神级游戏,其场景的设计就是采用了这一设计风格,其效果非常惊艳。

可能大家都觉得,这类插画的确是不难,尤其只是一个立方体,在AI当中就有3D工具一早为你准备好了。可以说,剩下的工作只有填色。当然,这是在你绘制的场景比较简单的时候。例如,这些场景都是由大小不同的立方体组合而成,其实也就是一个搭积木的过程。但是,假如需要你加上人物呢?或者需要有些不是标准形的造型呢?

例如我设计的这张BANNER图,就运用了非标准形的人物,这不是由标准的立方体简单拼成的。

现在我们来整理一下,等距立体风格绘制的“基本形”和“非基本形”。众所周知,我们的世界都是由几个基本的几何形组成的:圆、矩形、三角。那么,其他的形,都是这三个基本形的组合、变形或者加减。

1、基本形

基于这个理念,所谓的“基本形”在立体风格中,主要就是指:球体、立方体、椎体以及由于运动方式的不同出现的圆柱体和三面体。

圆形:球体(半圆的立体环绕)、圆柱体(垂直方向的凸出结果)

矩形:立方体

三角:椎体、三面体

这几个基本型是可以直接得到的,通过AI工具中的3D工具,就可以由平面的基础形,直接将其转换为立体的基础造型。在插画中,我们就用这些基础型的来建立模型,可以说非常方便。

2、非基本形——字体造型

字体也是可以直接转换成3D的,无论是中文还是英文,无疑都可以做出比基础形要复杂的视觉效果。结合基本形,就能构建非常丰富的场景。

3、非基本形——灵活物体

这里的灵活物体就是指:人物、动物等相对比较活跃的角色对象。在插画中,通常人物会扮演比较重要的角色。人物的绘制分两种,一种是完全按照几何形的进行组合,没错,人的形状也是由几何基本形组成,这是一个基本的思路。比如纪念碑谷中的人物造型就相对很简单。

STEP01

现在我们来学会如何在AI中创建辅助线,这一步是绘制工作的开始。打开AI,在新建一个1200*850px的文档,然后点击左边工具栏中的“直线段工具”,会有一个下拉菜单,在菜单中选中【矩形网格工具】。

选中矩形网格工具的情况下,鼠标在画板空白处双击,弹出一个矩形网格工具选项设置面板。其中高度和宽度分别设置为1000px,水平/垂直分隔线的参数设置为50。这就建立起了我们的矩形网格。

STEP02

选中这个矩形网格,点击右键,进入【变换>缩放】。在弹出的参数面板中,选择“不等比”的选项,并且将垂直这一栏中的参数改为86.602。这个数值是经过几何形严格计算的,尽量不要任意调整它。

STEP03

然后再次进入【变换>倾斜】,在倾斜的角度参数中,设置为30°。

STEP04

进入【变换>旋转】,在旋转的角度中设置为-30°。到这一步,这个矩形网格的变换就完成了。

STEP05

选中这个矩形网格,进入【视图>参考线>建立参考线】,这样参考线保持不可编辑的状态,就让接下的绘制过程有章可寻。

STEP06

给这个场景造物,最重要的是把握好需要哪些基础形。我在此之前就画好了草图,由于是随便画画,图比较粗糙,目的是找到最基本需要的形体。

STEP07

立方体的做法很简单,先绘制一个矩形,这个矩形可以填充灰色。此时是构形阶段,不需要考虑色彩。

选中矩形进入到【效果>3D>凸出和斜角】,在弹出的3D工具面板中,将位置设置为【等角-上方】,然后将厚度设置到600以上,以确保立方体的高度可以超过画面底部。

STEP08

做好的立方体放在合适的位置上,注意这时不要扩展,依然可以改变立方体在宽度和长度的值,高度已由3D工具面板中的厚度进行了设置,所以不能更改。(注意下图中的黑色边框为画板的边缘位置)

STEP09

再增加其他的形体,这里的一片薄薄的呈现立体效果的矩形,也是采用3D工具实现,只是在STEP07的操作基础上,将厚度的值设置为0.

填色可以在所有细节都完成后再开始,但是在此处也可以就从这一步开始。因为,基础形的色彩就能定下最基本的配色,接下的细节,也就是在这基础上的增加调整。

STEP10

这里我准备采用渐变色来进行填色,首先建立起三个渐变填色色板。这里我用矩形来建立色板。

然后一一对基础形进行【扩展外观】并且【取消编组】,以便于进行填色。

开始填色时,要不时调整渐变的方向,考虑整体的效果。

STEP11

增加细节从右至左,其中右边的部分,可以在原有的形状进行复制,并重新组合。

改变某些形状的透明度和混合模式。

STEP12

在给建筑体增加“窗户”的时候,注意要利用到参考线

利用到形状生成工具、3D工具增加新的形状,丰富原有建筑体的细节。

人物绘制和普通的平面差别不大。不需要刻意表现阴影高光,由于人物非常小,所以只保留最基本的形状即可。

需要注意的是下面几点(视频中会具体的讲解):

1、表现人体的基本形要把握2、四肢可以用钢笔工具来表现3、人物的色彩可以是平涂4、从立体的角度来看,人物的上半部分会稍微大一点

绘制出第一个人物,其中注意的是人物的方向,和立体造型应该有的特征。

STEP13

其余的人物绘制,根据他们的动作不同来安排形状。但是基本的规则是相同的。

光影细节的完善,可以充分自由的发挥。

STEP14

给人物、建筑增加光感,运用外发光和投影来突出焦点所在,并增加细节。

要注意的是:

1、光感的效果要尽量改变透明度、混合模式来实现2、焦点的部分的细节要比其他部分的细节更深入3、AI中的色彩、尺寸都可以在做好之后再调整4、跟随自己的感觉走

THE END
1.AI怎么给所有画板建立参考线3d溜溜设计问答平台为广大设计师们提供各种AI怎么给所有画板建立参考线问题解答,3d溜溜素材问答平台汇聚全球各地的设计师、名师名司、设计爱好者等设计灵感和经验,迅速为您解决AI怎么给所有画板建立参考线的困惑。https://www.3d66.com/answers_relation/relation_3769605_2.html
2.AI中如何创建参考线?1、如果未显示标尺,可以选取“视图”>“显示标尺”。2、将指针放在左边标尺上以建立垂直参考线,或者放在顶部标尺上以建立水平参考线。3、将参考线拖移到适当位置上。要将矢量对象转换为参考线,可以选择这些矢量对象并选取“视图”>“参考线”>“建立参考线”。4、要将参https://www.ycpai.cn/wenda/2221y65B.html
3.AI教程:自定义参考线51CTO博客大家知道在AI软件中参考线是不可缺少的工具,操作起来也比较简单。 1、首先打开AI软件,选择或新建一个需要建立参考线的文件。 2、Ctrl+R调出标尺,直接从上方或左方标尺中拖出参考线。 这种参考线建立的方法适用于绘制二维图像的绘制。如果要绘制具有透视效果的图像,就需要一套具有一定角度的参考线。 https://blog.51cto.com/u_10849801/2510766
4.AI怎么创建图形参考线?ai新建参考线的教程Illustrator教程ai中想要创建一个图形参考线,该怎么创建呢?下面我们就来看看详细的教程。 Adobe Illustrator CC 2018 (AI) 中文安装版 64位 类型:图像处理 大小:2GB 语言:简体中文 时间:2017-10-20 查看详情 1、首先打开AI,建立一个空白画板。 2、在工具栏中找到“钢笔工具”先画一个想要的图形,小编就随便画一个吧。(用画https://www.jb51.net/Illustrator/613466.html
5.AI教程:自定义参考线苹果电脑ai软件参考线在哪大家知道在AI软件中参考线是不可缺少的工具,操作起来也比较简单。 1、首先打开AI软件,选择或新建一个需要建立参考线的文件。 2、Ctrl+R调出标尺,直接从上方或左方标尺中拖出参考线。 这种参考线建立的方法适用于绘制二维图像的绘制。如果要绘制具有透视效果的图像,就需要一套具有一定角度的参考线。 https://blog.csdn.net/qq_38461724/article/details/107364657
6.AI如何准确的设定参考线的坐标RoperLeeAI_如何准确的设定参考线的坐标 这个非常的简单,首先调出标尺,之后从标尺向下拽出一条参考线,选定这条参考线 在属性栏上点击 变换 ,在变换窗口中设定参考线的位置坐标,由于参考线是横向或 者纵向的,因此只有一个坐标有控制作用https://www.cnblogs.com/PengLee/p/5049706.html
7.HUAWEI华为P50Pocket艺术定制版用户指南说明书江阴雨辰互联配图仅供参考,请以产品实际为准。 ? ? 状态栏:通过顶部状态栏查看手机状态、通知消息。 大文件夹:无需展开文件夹,可一步打开文件夹中的应用,还可方便的进行归类整理。 您可长按小文件夹,将小文件夹转换为大文件夹。 服务卡片:无需打开应用,可快速预览应用信息或使用常用功能。您可将不同样式的服务卡片固https://www.yc00.com/num/1701274552a1066242.html
8.分享Ai创建网格系统排版技巧一般情况,我们在排版时都要为页面增加页边距和网格系统;而有些同学采用拉辅助线的方法,还有些同学会采用手动方法一条条去画线建立网格。这次我和大家分享一个更加方便快捷的方法,让你在Ai中也可以拥有和Indesign中一样的网格系统。 简单分三步: 1、建立任意画板,使用矩形工具创建一个A4(210x285mm)矩形。(提示https://www.jianshu.com/p/dffd8ee1a980
9.如何修改AI参考线的样式和颜色?在使用它进行图片处理的时候,人们经常会使用到参考线这个功能,主要是为了可以使整个图片每部分都清楚的分出来,有参考线进行参考制作出来的更美观。但是一般我们添加的参考线都是黑色的,其实在AI中可以修改参考线的样式和颜色,下面就来跟大家分享怎么修改ai样式和颜色的过程!https://m.yutu.cn/news_34729.html
10.AI怎么去掉剪切蒙版5、选定路径或者对象后,打开视图→参考线→建立参考线,使用选定的路径或者对象创建参考线,释放参考线,生成原路径或者对象。 6、对象→路径→添加锚点,即可在所选定路径每对现有锚点之间的中间位置添加一个新的锚点,因此使用该命令处理过的路径上的锚点数量将加倍。 7、所添加锚点的类型取决于选定路径的类型,如果选定http://www.kudub.cn/kudubwd/7389474.html
11.IllustratorCC2017精简版下载建立参考线(M) Ctrl+5 释放参考线(L) Alt+Ctrl+5 清除参考线(C) 智能参考线(Q) Ctrl+U 显示网格(G) Ctrl+' 对齐网格(A) Shift+Ctrl+' 对齐点(N) Alt+Ctrl+' 信息(F) Ctrl+F8 变换Shift+F8 图形样式(S) Shift+F5 外观(E) Shift+F6 对齐Shift+F7 属性(U) Ctrl+F11 描边(K) Ctrl+F10 Oenhttps://www.32r.com/soft/37079.html
12.用AI绘制3D等距立体梦幻风格插画AI鼠绘手绘巧匠课堂选中这个矩形网格,进入【视图>参考线>建立参考线】,这样参考线保持不可编辑的状态,就让接下的绘制过程有章可寻。 五、建立基础形——构建场景 STEP 06 给这个场景造物,最重要的是把握好需要哪些基础形。我在此之前就画好了草图,由于是随便画画,图比较粗糙,目的是找到最基本需要的形体。 http://www.qiaojiang.tv/video/959_5.html
13.ai如何创建参考线下面给大家介绍的是ai如何创建参考线,喜欢的朋友可以一起来关注软件自学网学习更多的AI实例教程。 第1步、打开AI软件,打开绘制的素材。点击视图菜单,点击标尺,点击显示标尺。 第2步、然后点击标尺寸不放,拖动后,参考线就创建了。 第3步、水平的拖水平,垂直的拖垂直。https://m.rjzxw.com/ps/15416-1.html
14.ai如何创建参考线(图文)最需网第1步、打开AI软件,打开绘制的素材。点击视图菜单,点击标尺,点击显示标尺。 第2步、然后点击标尺寸不放,拖动后,参考线就创建了。 第3步、水平的拖水平,垂直的拖垂直。 版权声明: 1本站所有资源(含游戏)均是软件作者、开发商投稿,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担! https://www.zuixu.com/down/90584.html
15.AI创建参考线技巧介绍AI技巧飞特网这篇教程算是一个中等水平以下的教程。主要像新手同学们介绍AI参考线的设置技巧。很多人可能心里默认为AI只能设置水平和竖直的参考线,本教程就介绍以下,设置特殊参考线的办法。 ,飞特网https://www.fevte.com/tutorial-14020-1.html