Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程
Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程
发布时间:2016-12-24 来源:查字典编辑
摘要:首先向用户讲述使用透视网格绘制对象的方法及技巧。使用此工具可使您启用网格功能,支持在真实的透视图平面上直接绘图。在精确的1点、2点、或3点透...

首先向用户讲述使用透视网格绘制对象的方法及技巧。使用此工具可使您启用网格功能,支持在真实的透视图平面上直接绘图。在精确的 1 点、2 点、或 3 点透视中使用透视网格绘制形状和场景。由于内容较多,在这一节中重点向用户讲述创建透视网格、调整透视网格、在透视图中绘制网格对象等内容。

该教程精心为大家安排了通过透视网格绘制具有透视效果饭店的实例,在开始教程的学习之前,请先在网站下载配套的练习文件,以便跟随操作步骤学习。

素材:

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程1

MissYuan_AI1_教程素材.rar

1. 创建透视网格

(1)运行Illustrator CS5,打开文档“背景素材.ai”文件。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程2

(2)首先将“文字装饰”图层隐藏,单击“透视网格”工具,显示透视网格,熟悉网格各部分的名称。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程3

透视网格:A.平面切换构件 B.左侧消失点 C.垂直网格长度 D.右侧消失点 E.水平线 F.水平高度 G.地平线 H.水平线 I.网格长度 J.网格单元格大小 K.地平线 L.网格长度 M.右侧网格平面控制 N.水平网格平面控制 O.左侧网格平面控制 P.原稿。

(3)分别执行“视图”→“透视网格”子菜单中的3种不同透视网格命令,并进行观察。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程4

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程5

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程6

2. 调整透视网格

(1)下面将在视图的左侧建造一间饭店,调整透明网格,以适合建造的需要。首先将“文字装饰”图层显示,整体移动透明网格的位置,将其放置在所需的地方。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程7

(2)调整透明网格中消失点的位置。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程8

(3)调整透明网格中的水平线的位置。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程9

(4)调整透明网格中垂直网格的长度,完成透明网格透视效果的调整。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程10

3. 在透视图中绘制对象

(1)使用“矩形”工具在网格内绘制矩形。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程11

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程12

(2)继续根据网格绘制矩形。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程13

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程14

(3)使用“透视网格”工具单击“平面切换构件”的底面,继续使用“矩形”工具创建图形并填充渐变。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程15

(4)使用“透视网格”工具单击“平面切换构件”的右面,调整路径的透视关系,并对渐变进行调整。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程16

(5)参照上述所示方法,继续对图像进行绘制。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程17

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程18

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程19

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程20

#p#分页标题#e#

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程21

6)接下来参照网格绘制楼梯部分,方法同上。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程22

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程23

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程24

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程25

(7)最后将文字和装饰图层显示,完成制作。

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程26

Illustrator(AI)CS5利用透视网格工具设计制作饭店效果图实例教程27

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Illustrator教程学习
热门Illustrator教程学习
平面设计子分类