
2.3 对象的显示风格及样式
在设计方案时,设计师为了让甲方能够更好地了解方案,理解设计意图,往往会从各个角度、用各种方法来表达设计成果。SketchUp作为直接面向设计的软件,提供了大量的显示模式,以便于设计师选择表现手法,满足设计方案的表达。
2.3.1 7种显示模式
SketchUp的“样式”工具栏中包含了“X光透视模式”、“后边线”、“线框显示”、“消隐”、“阴影”、“材质贴图”、“单色显示”7种显示模式,如图2-34所示。

图2-34 演示工具栏
(1)X光透视模式
该模式的功能是将场景中所有物体都透明化,就像用X射线扫描的一样,如图2-35所示。在此模式下,可以在不隐藏任何物体的情况下方便地观察模型内部的构造。

图2-35 X光透视模式
(2)后边线
该模式的功能是在当前显示效果的基础上以虚线的形式显示模型背面无法观察到的线条,如图2-36所示。在当前为“X射线”和“线框”模式下时,该模式无效。

图2-36 后边线
(3)线框显示
该模式是将场景中的所有物体以线框的方式显示,如图2-37所示。在这种模式下,所有模型的材质、贴图和面都是失效的,但是此模式下显示效果非常迅速。

图2-37 线框显示
(4)消隐
该模式将仅显示场景中可见的模型面,此时大部分的材质与贴图会暂时失效,仅在视图中体现实体与透明的材质区别,如图2-38所示。

图2-38 消隐
(5)阴影
该模式是介于“隐藏线”和“阴影纹理”之间的一种显示模式,该模式在可见模型面的基础上,根据场景已经赋予过的材质,自动在模型表面生成相近的色彩,如图2-39所示。在该模式下,实体与透明的材质区别也有体现,因此模型的空间感比较强烈。

图2-39 阴影
(6)材质贴图
该模式是SketchUp中全面的显示模式,材质的颜色、纹理及透明度都将得到完整的体现,如图2-40所示。

图2-40 材质贴图
提示
材质贴图显示模式占用大量系统资源,因此该模式通常用于观察材质以及模型整体效果,在建立模式、旋转、平衡视图等操作时,则应尽量使用其他模式,以避免卡屏、迟滞等现象。此外,如果场景中模型没有赋予任何材质,该模式将无法应用。
(7)单色显示
该模式是一种在建模过程中经常使用到的显示模式,以纯色显示场景中的可见模型面,以黑色显示模型的轮廓线,有着十分强的空间立体感,如图2-41所示。

图2-41 单色显示
提示
对于这几种显示模式,要针对具体情况进行选择。在绘制室内设计图时,由于需要看到内部的空间结构,用户可以考虑用x光透视模式;绘制建筑方案时,在图形没有完成的情况下可以使用阴影模式,这时显示速度会快一些;图形完成后可以使用材质贴图模式来查看整体效果。
2.3.2 边线的显示效果
SketchUp俗称草图大师,即该软件的功能有些趋向于设计方案的手绘。手绘方案时,在图形的边界往往会有一些特殊的处理效果,如两条直线相交时出头、使用有一定弯度变化的线条代替单调的直线,这样的表现手法在SketchUp中都可以体现,如图2-42所示。

图2-42 边线的显示效果
1.设置边线显示类型
执行“视图”|“边线样式”命令,在其二级子菜单中可以快速设置轮廓线、深度暗示线、延长线等,如图2-43所示。另外,在“样式”对话框中也可以设置边线的显示,如图2-44所示。

图2-43 边线样式子菜单

图2-44 “样式”对话框
提示
对于“样式”对话框中“边线”栏中的复选框并不是只能选择其中一项,可以进行多项选中。要注意的是,过多的选中会占用计算机系统资源,影响软件运行速度,所以一般情况下在建模时并不选中它们,只是在完成模型后根据具体情况选择需要的边线效果。
打开模型,如图2-45所示为模型仅显示边线的效果。勾选“轮廓线”,可以看到场景中的模型边线得到加强,如图2-46所示。

图2-45 边线效果

图2-46 轮廓线显示效果
勾选“深粗线”,边线将以比较粗的深色线条显示,如图2-47所示。但是由于这种效果影响模型的细节,通常不予采用。

图2-47 深粗线显示效果
勾选“扩展”,即可显示出手绘草图的效果,两条相交的直线会稍微延伸出头,如图2-48所示。

图2-48 扩展显示效果
提示
打开“样式”对话框,单击“选择”面板,在下面的列表中单击“手绘边线”文件夹,如图2-49所示,即可打开“手绘边线”的样式库,用户可以任意选择边线的样式,如图2-50所示。

图2-49 选择样式

图2-50 样式库
2.设置边线显示颜色
默认设置下,边线以深色显示,单击“样式”对话框中的“颜色”下拉按钮,在下拉列表中可以选择三种不同的边线颜色设置类型,如图2-51所示。

图2-51 边线颜色设置
其中各个选项含义如下。
(1)全部相同
默认边线颜色选项为“全部相同”,单击其后的色块可以自由调整色彩,如图2-52、图2-53所示分别为红色边线与蓝色边线的显示效果。

图2-52 红色边线效果

图2-53 蓝色边线效果
(2)按材质
选择该选项后,系统将自动调整模型边线为与自身材质颜色一致的颜色,如图2-54所示。

图2-54 材质效果
(3)按轴线
选择该选项后,系统会分别将X、Y、Z轴向上的边线以红、绿、蓝三种颜色显示,如图2-55所示。

图2-55 轴线效果
提示
SketchUp无法分别设置边线颜色,唯有利用“按材质”或“按轴线”才能使边线颜色有所差别,但是即使这样,颜色效果的区分也不是绝对的,因为即使不设置任何边线类型,场景的模型仍可以显示出部分黑色边线。
除了调整以上类似铅笔黑白素描的效果外,通过“样式”对话框中的下拉按钮,还可以选择诸如手绘边线、照片建模、颜色集等其他效果,如图2-56所示。各效果下又有多个不同选择,如图2-57所示。

图2-56 “样式”对话框

图2-57 样式颜色集
如图2-58所示为颜色集下橙色和绿色的显示效果。

图2-58 橙色和绿色显示效果
2.3.3 背景与天空
场景中的建筑物等并不是孤立存在的,需要通过周围的环境烘托,比如背景和天空。在SketchUp中用户可以根据个人喜好进行这二者的设置,操作方法如下。
01 执行“窗口”|“样式”命令,如图2-59所示。

图2-59 窗口菜单
02 打开“样式”面板,在“编辑”选项板中单击“背景设置”按钮,如图2-60所示,即可对背景选项进行设置。

图2-60 “样式”对话框
03 单击背景颜色的色块,打开“选择颜色”对话框,设置颜色模式为RGB,并设置参数,如图2-61所示。

图2-61 “选择颜色”对话框
04 再单击天空颜色的色块,设置天空颜色,如图2-62所示。

图2-62 设置天空颜色
05 关闭“样式”面板,即可看到场景中背景天空设置后的效果,如图2-63所示。

图2-63 查看设置效果
提示
在SketchUp中,背景与天空都无法贴图,只能用简单的颜色来表示。如果需要增加配景贴图,用户可以在Photoshop中完成,也可以将SketchUp的文件导入到彩绘大师Piranesi中生成水彩画或马克画的效果图。较为简单的方法是利用水印功能表现天空背景,具体操作下一小节会有介绍。
2.3.4 水印设置
SketchUp的水印是一个很有意思的功能,其创意性不亚于SketchUp本身,很多漂亮的风格就是建立在这个基础上的,而且同样简单,易于操作。水印的功能除了原有的保护图片原创的功能的同时,又有很多扩展的应用。其中之一就是用作背景,这个功能屡试不爽。本小节中就以为建筑添加背景天空效果为例进行介绍。
01 打开场景,可以看到场景中的背景是蓝色的天空,如图2-64所示。

图2-64 打开文件
02 执行“窗口”|“样式”命令,打开“样式”对话框,如图2-65所示。

图2-65 “样式”对话框
03 单击“水印设置”按钮,打开“水印”设置面板,如图2-66所示。

图2-66 设置水印
04 单击“添加水印”按钮,打开“选择水印”对话框,选择要作为背景的图片,如图2-67所示。

图2-67 “选择水印”对话框
05 单击“打开”按钮,即可将图片作为水印添加到场景中,系统会自动弹出“创建水印”对话框,从中选择“背景”选项,则图片会以背景显示在场景中,如图2-68所示。

图2-68 选择背景
06 单击“下一个”按钮,进入到下一步,调整背景和图像的混合度,如图2-69所示。

图2-69 调整背景
07 单击“下一个”按钮,进入下一步,选择“在屏幕中定位”选项,在右侧选择中上方,再调整图片显示比例,这里调整为最大,如图2-70所示。

图2-70 调整图片显示比例
08 单击“完成”按钮,即可完成水印的添加,“样式”对话框中会显示水印的图片,如图2-71所示。

图2-71 显示水印图片
09 设置完成后的水印效果如图2-72所示。

图2-72 完成水印添加
提示
为了避免后期,我们可以尝试直接在SketchUp里面加入天空的水印用作背景,只是要注意几点:一是选择用作天空的图片要空间高远一些,色彩要和场景尽量搭配,还有就是出图的时候视角要低一些,不然就露馅了!