使用AI的SSR法绘制高级等角图
综合文库 1227 13
实名

通过了实名认证的内容创造者

发布于 2016-5-6 17:03:11

您需要 登录 才可以下载或查看,没有账号?注册

x
本帖最后由 胖纸_DHW 于 2020-12-23 16:50 编辑

使用AI的SSR法绘制高级等角图

这篇AI教程教朋友们用使用AI的SSR法绘制高级等角图,教程难度高级。属于比较高等级的运用了,转发过来和朋友们一起分享学习了,先来看看最终的效果图吧:

13451454L-0.jpg

这篇是Adobe Illustrator等角系列教程第二节。如果你没有看过第一篇教程的话,我希望你先去看一看那篇(拼图和等角)。好了,让我们开始!

引言

在之前的教程中,我讲述了怎么样制作一个等角网格,怎么样在网格上面绘制简单的分片的形状(对象每个面的形状)。在本教程中,我想说一说不借用等角网格绘制等角形状的另一个方法。如果你要绘制的是结构复杂或者是多弧线的对象时,那么这个方法就会更加有效。

当你要绘制一个结构复杂的等角图时,最好的方法就是简化你的对象(把结构复杂的对象转化成一个个简单的基本形状),这会使设计更接近于你想要达到的目标。当然,使用之前教程提及的等角网格的方法也是可以绘制很复杂的对象的,但是想要更容易地绘制多弧线或者结构复杂的等角对象就要使用另一个方法,我称这个方法叫比例缩放Scale、倾斜Shear、旋转rotate或者叫SSR法。

SSR法的基本思想是:在不使用网格的前提下,通过使用Adobe Illustrator里的工具使某一对象处于等角的平面上。这个方法特别是对多弧线或者结构复杂的对象来说,更加实用。

下面我会先简要地说一下等角立方体的绘制,接下来的一些步骤使用的都是SSR法。

步骤1

使用矩形工具绘制一个4in的正方形。

1345142024-1.jpg

步骤2

选中正方形,在比例缩放工具上双击。缩小正方形,不等比:垂直86.062%。


步骤3

选中对象,在倾斜工具上双击,对象倾斜30度。


步骤4

选中对象,在旋转工具上双击,对象旋转:-30度,现在绘制完成立方体的上方(顶部)。


步骤5

绘制立方体的左侧面。首先绘制一个4in的正方形。比例缩放,不等比:垂直86.062%。倾斜:-30度,旋转:-30度。


步骤6

使用选择工具(黑箭头),使前面(左侧面)的控制角点(左侧面最顶部的2个锚点)和立方体上方(顶部)的控制角点(对应锚点)对齐。

绘制立方体的右侧面。首先绘制一个4in的正方形。比例缩放,不等比:垂直86.062%。倾斜:30度,旋转:30度。


步骤7

下一步,使用选择工具,把每一面移到相应的位置上。现在你在不使用网格的前提下,已经完成了等角立方体的绘制。


当你很难在网格上构建对象的时候,这个方法就会变得很实用了。如果你有很多基本图形需要做进一步处理的话,那么这个方法就很容易实现。

使用SSR法制作一把Stratocaster(吉他的型号)

比如:我要绘制一把吉他(吉他的琴身)。如果只是使用网格来绘制结构复杂形状的等角图的话,将会是非常困难的一件事情。想要精确地重绘复杂曲线和复合形状都是非常困难的。

1. 绘制对象的一些基本图形有很多的方法。你可以是参照蓝图的大致的轮廓,你也可以是手动描摹照片,或者如果你有实物的话,你也可以是把它的东西逐一地测量,然后绘制。选择你觉得最好的方法绘制。

我用Google的快速搜索,找到了一张“62 vintage re-issue Fender Stratocaster.(电吉他的型号)”的生产图纸,这张图纸有我所需要的细节的东西。当然你也可以根据你自己设计的要求,搜索一张更加高清的图纸。图纸的细节内容表现地越是丰富越是祥尽,对你来说不会是一件坏事。


2. 描摹蓝图。我描摹的只是我需要的那部分内容,以完成之后的等角图的绘制。并且我简化了设计。


3. 当你要给对象定位时,你可以使用比例缩放,倾斜,旋转(SSR)。这是吉他底层的面。


图示分别为:orthography基本图形

Scale vertically:比例缩放,不等比:垂直:86.062%


Shear 30:倾斜30度


Rotate-30:旋转-30度


你可以以90度或者180度的基本图形为基准,来查看每一条边的角度(图示)。这些边刚刚好落在等角网格上,他们或者是落在30度角上,或者是落在150度角上。

译者提示:还记得第一篇教程吗?等角网格是由30度角的直线和150度角的直线纵横交叉而成。


4. 现在你完成了底部的绘制。再来绘制吉他的侧面视图。比例缩放,倾斜,旋转(SSR)。并且在等角平面上,你可以利用这个侧面视图计算出吉他琴身的厚度。

图示分别为:orthography基本图形

Scale vertically:比例缩放,不等比:垂直:86.062%

Shear 30:倾斜30度

Rotate 30:旋转30度


5. 将吉他琴身底下(底层的面)的边和吉他侧面视图上的控制角点(锚点)对齐。


6. 现在你要复制一个吉他琴身的外形轮廓,把它移到吉他侧面视图上的顶部的边上(图示)。要实现这一步,你可以使用选择工具,然后点选图示的下面那个点(吉他琴身与侧面视图相交的下面那个点),然后把它平移到图示的上面那个点(吉他琴身与侧面视图相交的上面那个点)。平移之前,先选择相应的选项按钮,制作吉他琴身的副本。你也可以使用Shift键来约束对象的移动。当移动形状时,按住Shift键,确保对象是向上平移的。


7. 现在你大致画好了吉他琴身的顶部和底部的面。下一步是,把插入的琴颈(侧面视图)从吉他琴身里抽出,然后连接琴颈开口的地方。这样有助于你看清楚接下来要绘制的内容。


8. 你可以使用侧面的视图来测算嵌到吉他里的琴颈剖面的深度。这时,你就有了3个面:顶部、底部和剖面的深度。


9. 下一步是使用剪刀工具剪去多余的线条。这对于绘画技术不熟练的人来说,是比较难操作的一步。可能有很多需要隐藏的重叠线条和形状(这些线条和形状必须剪掉)。但如果你有时间的话,最好还是再画一个大一点、清晰一点的形状,这将更有助于你清理不需要的线条。


10、 剪掉不需要的线条之后,连接控制角点(锚点),以完成最后的吉他琴身。

加深一些线条,完成成品图。


尾声

现在你完成了吉他的琴身。你可以继续绘制和完善整个吉他造型,接下来的每一部分使用的都是之前同等的方法。下图是Stratocaste(吉他的型号)等角图的一个实例,这是我几年前绘制的,使用的也是这个方法。







相关阅读:

AI创建等距矢量图标UI教程 http://cg.silucg.com/ui/ai/10969.html
AI绘制女性人物插画UI教程 http://cg.silucg.com/ui/ai/10982.html
基于行为树与状态机的游戏AI设计 http://cg.silucg.com/ui/ai/10300.html



资源地址: http://cg.silucg.com/ui/ai/13705.html(分享请保留)


评分

参与人数 1活跃度 +6 展开 理由
唯美恋 + 6 好资源啊,不过看起来好麻烦的啊

查看全部评分

使用道具 <
T_W_T  发表于 2016-5-6 17:21:11  
2#
谢谢分享
回复 收起回复
使用道具
神的圣诞结  发表于 2016-5-6 19:34:08  
3#
签拉个到。
回复 收起回复
使用道具
thr33kidding  发表于 2016-5-6 19:43:56  
4#
多谢分享~
回复 收起回复
使用道具
Zh_Jason  发表于 2016-5-6 23:15:52  
5#
好资源~!点赞
回复 收起回复
使用道具
hiheizai  发表于 2016-5-7 01:58:18  
6#
好久没用AI了,学到了

评分

参与人数 1活跃度 +6 展开 理由
唯美恋 + 6 很有诚意的回复,获取额外奖励

查看全部评分

回复 收起回复
使用道具
景行  发表于 2016-5-10 10:52:28  
7#
这世上没有什么是元素币搞不定的,如果有,那就用更多!
回复 收起回复
使用道具
高品  发表于 2016-5-10 11:23:56  
8#
元素那么大,我想来看看!
回复 收起回复
使用道具
如琴  发表于 2016-5-10 14:40:17  
9#
天下武功出少林,世界资源入元素!
回复 收起回复
使用道具
正大光明  发表于 2016-5-11 10:34:52  
10#
首发必需微元素,荣耀加身装备酷!
回复 收起回复
使用道具
鲱鲱  发表于 2016-5-11 12:28:56  
11#
首发必需微元素,荣耀加身装备酷!
回复 收起回复
使用道具
我心安慰  发表于 2016-5-12 19:13:27  
12#
元素帖子强,满满正能量!
回复 收起回复
使用道具
正大光明  发表于 2016-5-16 14:07:06  
13#
元素那么大,我想来看看!
回复 收起回复
使用道具
发财  发表于 2018-11-26 00:12:27  
14#

元素那么大,我想来看看!
回复 收起回复
使用道具
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表