PS设计教程网欢迎你!

Illustrator巧用透视网格工具绘制立体图形

文章来源于 站酷,感谢作者 rezzzzzz 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2017-04-19
最近上木鼠大大的UI课程,重新巩固了一下透视相关的知识,透视虽然没有多少特别精深的原理,但在实际运用中,却是非常容易犯错的。绘制透视图形时,可以通过灭点拉辅助线来控制线条的方向,但是如下图所示,同样的尺寸在透视图中不同位置的表现,就很难只用辅

最近上木鼠大大的UI课程,重新巩固了一下透视相关的知识,透视虽然没有多少特别精深的原理,但在实际运用中,却是非常容易犯错的。绘制透视图形时,可以通过灭点拉辅助线来控制线条的方向,但是如下图所示,同样的尺寸在透视图中不同位置的表现,就很难只用辅助线来绘制了。

Illustrator巧用透视网格工具绘制立体图形

想要在AI中准确地画出透视图形,就要用到透视网格工具(Shift+P)。透视网格工具可以方便地调节出需要的一点、两点及三点透视网格,在其上绘制透视图形可以准确地控制尺寸和位置。使用过建模软件的童鞋们都知道,许多结构都是靠拉伸和扫描来完成的。在AI中虽然不能直接建模,但是可以根据位置画出结构线。

以下将以先锋DJ控制器DDJ-WEGO4-W为例讲解透视网格工具的使用方法。

Illustrator巧用透视网格工具绘制立体图形

STEP 1,选取该物体结构线最集中的一面,勾勒出所需的结构线。相交的结构线都要保留,不需要剪切。难度不高,但需要耐心:)

Illustrator巧用透视网格工具绘制立体图形

Illustrator巧用透视网格工具绘制立体图形

STEP 2,视图-透视网格-三点透视,打开透视网格,调节三个灭点到需要的位置,建议竖直方向灭点放在左右灭点中线上较远的位置。

本案例的设置可以参考下,具体自己把握。

Illustrator巧用透视网格工具绘制立体图形

点击选取平面切换构件中的水平网格平面(绿色部分)。

Illustrator巧用透视网格工具绘制立体图形

透视选区工具(Shift+V)框选第一步所画的所有轮廓线,复制然后拖入到透视网格中,如下图所示。变换中心选在右下角并把XY坐标都调成0。

Illustrator巧用透视网格工具绘制立体图形

Illustrator巧用透视网格工具绘制立体图形

STEP 3,将所有的结构线移动到它在物体上相对于基准面的高度上,以中间上方的旋钮为例。

Illustrator巧用透视网格工具绘制立体图形

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa