Sketchup的Layout布局教程上部

1、晓毓教程 (LayOut) 上部看到许多朋友对于 LayOut 都有很大的兴趣却没有一个合适的中文教程 , 因此这个版块也 快成了问答版块了 ,所以我今天将自己对于使用 LayOut的一点心得发上来与大家共享 , 这 些内容也是我正在编写的 SketchUp新书中的一小部分 , 到时书中会有更详细的讲解 , 希望 大家多多给我修改意见 ! 在下先谢了 ! 今晚先发前半部分 , 让大家先睹为快 ! 由于是个人总结的，所以有错误的地方还望大家给予谅解！ LayOut 是伴随 SketchUp6 一并出现的小软件，它的功能大部分类似于 AutoCAD中的布局功能，因此许多朋友都叫 它 SU 布局，在

2、这里我想叫它“版式编辑器” 。我们可以使用“版式编辑器”来完成更丰 富的个性化版式，使我们的设计作品提升一个更高的层次，并且这个“版式编辑器”又 结合了一些 SU所特有的功能，更使之增色不少，二者的结合也使这个小软件逐渐受人关 注了，接下来我们将根据一个接近实际的案例来进行讲解。 本教程从实际应用的角度出 发，图文并茂的讲解 LayOut 的使用方法，在讲解过程中会用“题外话”的方式来讲解实 例中没有涉及到的又是 LayOut 中的重点内容！希望大家对于阅读方面有什么不方便的地 方也一并给予指正！首先打开一个 SketchUp 模型如图 01 所示，现在我们打开的案例是一个已经设置好页 面的案

3、例，请大家事先也设置好几个页面吧！LayOut 里是无法调然后我们先在 SketchUp 里将阴影的参数调整好，因为有些设置在 节的，调整效果如图 02 所示。LayOut 后就省去了一下一步要将显示模式设置成“材质帖图”的显示模式，这样进入 些反复的步骤，如图 03 所示。图 04 所示。接下来要将模型保存，因为只有这样才可以导入 LayOut 里面进行编辑，现在我们要进行导入 LayOut 了，执行文件菜单 / 发送到 LayOut 命令，将制作完成的模 型导入到 LayOut 中，如图 05 所示。这个模版文件也可以自己制进入 LayOut 后我们首先要做的就是选择一个合适的模版 作，在

4、每次进入 LayOut 时都可以选择），如图 06 所示。如图 07所示现在我们进入了 LayOut 的主界面，接下来我们就要进行实战了！ 注意：将模型导入 LayOut 后就可以将 SketchUp 软件关闭了，这也可以减少对系统资源 不必要的占用，后面我们会在需要的时候将其打开！开始进行实例讲解 ！1. 首先我们来制作版面效果，绘制现图纸的边框，加入相关文字说明。单击工具栏中的 “矩形”工具按钮，在图纸的右侧画出如图 08 所示的矩形。2. 将鼠标移到矩形的一条侧边将其拉伸至图 09所示的效果。晓毓 3.继续将矩形处于被选择的状态，将 Shape Style （物体风格）标签栏打开，单击

5、Fill （填充）选项将矩形内部的白色填充去掉， 我们即得到了图 10 所示的图版边框效果接下来继续使用矩形工具来绘制出右侧图纸说明栏的基础，然后我们再给说明栏选择 一个深灰的填充色，完成效果如图 11 所示。注意： 1. 调节 Fill （填充）色的方法有许多种，大家可以使用比较容易上手方便快捷的 方法。 2. 在这个颜色标签栏的左上角有一个小图标，它的做用是屏幕取色，点击后可以 在电脑屏幕中的任何地方吸取想要的颜色，这也省去了慢慢调节滑块的步骤。题外话：讲解 Colors（ 颜色标签栏） /Image （图像取色）功能 1. 现在我们来说一下 Colors（ 颜色标签栏） /Image（图

6、像取色） 功能，首先打开 Image 标签，如图 12 所示。 2. 单击 Choose Image（选择图像）按钮，弹出如图 13 所示的打开标题栏。 3. 在文件夹中 选择一张图片并将其打开，我们可以看到被打开的图片显示在 Image面版中，如图 14 所 示。 4. 下面有意思的事情就出现了，当你用鼠标在打开的图片中每点击一次，在上方的 颜色条中便会显示出与之相对应的色彩， 如图 15 所示，此时点选的是蓝色帐篷，自然 与之对应的蓝色便显示在上方的颜色条中了。 5. 我们还可以将选择完成的颜色托入下方 的空白格子中保留住所选择的颜色，完成效果如图 16 所示。 本帖最后由 晓毓 于 20

7、08-4-10 02:34 编辑 下面我们继续版式设计添加文字的讲解，点击屏幕上方工具条中的“文字”工具按钮， 然后在打开与之对应的 Text Style （文字效果）标签栏，如图 17 所示。面版调节内容与其18 所示。首先在深色区域窗选需要打字的区域，然后打出文字， Text Style 它软件的调节方法都很相似，所以不做过多的讲解了，完成效果如图题外话： LayOut 中调整文字 LayOut 中输入文字是需要提前在图纸中窗选出所需要的区 域，如果输入文字的空间不够时也可以再将文字输入区域拉伸，得到一个舒适的输入区 域。 1. 选取文字，此时会出现可输入区域的边框，选中文字后我们同时还可

8、以看到在输 入框中心出现了一个红色的圆圈，如图 19 所示。 2. 将鼠标移到蓝色框边缘时边框的一 侧会以红色高亮显示，同时鼠标也会变成另外一种状态，此时可以按住鼠标左键并托动 鼠标，这就是拉伸文字输入区域的方法，完成效果如图 20 所示。 3. 继续将鼠标移至红 色圆圈边缘时可以观察到此时鼠标显示的状态是“旋转” ，说明我们还可以将文字旋转， 最终效果如图 21所示。 本帖最后由 晓毓 于 2008-4-10 02:52 编辑 下一步继续丰富图面效果，插入图片，执行 File （文件）菜单 /Insert （插入）命令， 如图 22 所示。LayOut 中了，如在电脑中找出需要的图片单击“打

9、开”按钮，这样便可以将图片插入 图 23 和图 24 所示。接下来将插入的图片移至右上角并将其调整成需要的尺寸，方法和前面讲过的调节文 字输入区域相同所以不再讲解，完成效果如图 25 所示。 注意：在进行比例缩放的过程中有一些小技巧我要说一下。 1. 按住 Ctrl 键等同于复制 并缩放命令。 2. 按住 Shift 键是等比例缩放命令。 3. 按住 Alt 键是以图片中心点开始 缩放。具体使用方法请大家在操作中细心体会吧。题外话： LayOut中关于显示图像的操作讲解 1.如图 26所示，如果图片需要被调整至一 个很小的区域而不方便观察的话，我们可以滚动鼠标滚轮来实现视图的缩放，从而将视 图

10、放大到我们想要的尺寸。 2. 当图片放大后我们还可以直接在当前页面的右下角文本框 中输入相应的数值来直接完成需要的显示效果，如图 27 所示。 3. 如果想要将视图显示 区域继续放大，还可以单击图 28 所示的“ Auto Hide （自动隐藏）”按钮将 LayOut 缺省 设置的调节菜单隐藏掉，隐藏后的效果如图 29 所示。 4. 当我们想要重新调出缺省面板 时，可以将鼠标移至右上角的 Default Tray （缺省面板）图标处，它便会自动弹出，如 图 30 所示。 5. 反之如果还要想将此面板常期可见的话， 再单击“ Auto Hide（自动隐藏）” 按钮即可，如图 31 所示。（大家可

11、以仔细观察一下此按钮的先后状态）32所示。下面根据已经学习过的方法将图框的其余部分也制作完成吧， 最终效果如图调整图面效果1. 选择现在的视图，将其按一定的比例缩放至整个图框，具体步骤如图33和图 34所示在蓝色图框内双击鼠标，进入三维调整模式中将整个建筑单体全部显示出来，完成效 果如图 35 所示。注意：在调整视图过程中可以将阴影关闭，否则速度会变的很慢，比例调整完成后再打 开阴影显示就好了。保存我们的成果吧！36所下面打开 LayOut 中的图层面板，单击其中的“ +”号图标，新建一个图层， 示。，右击鼠标在弹出的菜单中选择37所示。将所有与图框相关的内容全部选中（其中不包括视图）“Gro

12、up（成组）”命令，将绘制完成的散件组装起来，我们可以观察一下图层面板，其中以蓝色显示的图层为当前层，如果这个图层一直在 被选择状态的话，那么我们接下来所绘制的所有图形都会被储存在这个当前图层中，如 图 38 所示。双击该图层可以为其更改名称，每个图层都有相同的三个属性，它们分别是， “隐藏”、 “锁定”及“图层信息共享”这三个属性（关于最后一个功能我们会在后面有一个详细 的讲解），更名后的图层效果如图 39 所示。图层名称改完后我们要将绘制完成的图框移至图框层中，首先在图视图中图框上右击 鼠标，在弹出的菜单中选择 “Move to Current Layer （移动至当前层）”命令，如图 4

13、0 所示。（此时在鼠标选择上图框时，我以观察到在当前图层蓝色状态条前面会出现一个深 色的小方点，这也可以确认一下此时我们所选择的对象在哪个图导之中。接下来将图框层锁定，避免在做其它操作时不小心将制作完的成果毁掉， 如图 41所示 注意：在 LayOut 中当前层是不能被隐藏和锁定的，所以在执行此类命令前先要将此图层 变为普通图层才可以进行相应的操作，具体方法也很简单，只要点击一下其它图层即可 将此图层的当前层属性去掉。至于图层的隐藏命令大家可以自己体会一下，不再做过多讲解。下面要讲解一下 LayOut 图层所附带的一个特殊功能， 这个功能在前面步骤也提到过， 它就是“共享图层信息”功能。 （这

14、个图标可不是 PS 里的新建图层命令呀）讲解之前我们还要提到另外一个功能面板“ Pages（页面）”功能，这两个功能必须要 结合起来讲，打开后的效果如图 42 所示。43 所示。单击“ +”号按钮便可以新建一个页面，完成效果如图接下来单击“ - ”号按钮删除新建的页面，然后回到图层面板中，单击“共享图层信 息”按钮，如图 44和图 45 所示。（观察一下此按钮前后的差别吧）图层共享打开后再继续新建一个页面，我们得到了图 46所示的效果。（图框层被共享 到了新建的页面中了）将每个图层名称更改，再单击“ Icons （缩略图）”显示按钮使用另外一种显示方式观 察页面效果，完成效果如图 47 所示。

15、 注意：当我们想取消“图层信息共享”功能时，系统会弹出一个对话框，其中的第一个 选项是“将此图层的内容只保留在当前页面中”第二个选项是“将此图层的内容复制到 所有的页面中”，本案操作步骤中共享的是图框层，因为我们需要将图框放置到每一个页 面中，所以要选择第二个选项，如图 48 所示。49 所示。选择新建的页面，取消图框层的共享属性，将此属性只保留在当前页，使用鼠标双击“图号” ，将图号改成 02，如图 50 所示。将图号改完后点击 1 号图就可以发现图号没有被关联， 这是因为我们取消了图层共享 功能后所导至的，如果继续将“共享图层信息”功能找开着，那么此时更改完图号后其 它的图号也会随之联动的

16、，细节请大家细心体会吧！ 今天先发到这吧，看看大家的反响如何吧，还有一半没发上来呢，如果还能看懂的话我 就再发！晚安！ 坐在沙发上等待回帖，真舒服！原帖由 wikii 于 2008-4-10 07:00 发表 谢谢晓毓的精彩教程！另问一个问题：在 layout 中如何导出 JPG格式的成果呢？好像只能打印或者到处 PDF呀，可我需要 JPG或 者 PSD的格式 现在 LayOut只能输出 PDF文件,如果你要想转成 JPG或者 PSD的格式可以用 Photoshop 打开然后再转成需要的格式呀 .原帖由 zhping52 于 2008-4-10 09:34 发表 终于看到晓毓的 LayOut

17、教程了, 期待后半 部分教程.讲得很仔细 ,很好的教程 .我想问一下,选上现成的模板后 ,它的文字如何改呢 你可以观察一下当你打开一个现成的模板后文字所在的层都是被锁定着的 , 所以你可以 先解锁呀 !原帖由 Sorata 于 2008-4-10 12:02 发表 晓毓又出现勒 哦呵呵 跟贴学习咯 刚开始做就遇到第一个问题： 1 1214 楼的过程，我的问题是，在画框的过程中，拉 伸了矩形以后，就会有白色面盖住底下的图，我是把底下的图剪切下来以后再粘贴到最 前面来的。 .你把白色面选中后打开 shape style 面板,把其中的 fill 选项去掉就行了呀 ! 我没写明白 吗 ?我再看看 !现在导出 PDF确实不能实现中文显示 !至于像素大小我认为还可以 , 即然有了我们就先学 一下了, 等高级版本出来了再学新增功能不就简了 !原帖由 yvgou 于 2008-4-10 1