晓毓教程第二篇(LayOut)上部

看到许多朋友对于LayOut都有很大的兴趣却没有一个合适的中文教程,现在我将以前写过的LayOut1.0第一版的使用心得发给大家与大家共享,我想现在用su6.0的朋友还是多数,所以大家可以先看我这个教程再学一些高级的教程,这样会更有帮助的!
在下先谢了!

由于是个人总结的，所以有错误的地方还望大家给予谅解！
LayOut是伴随SketchUp6一并出现的小软件，它的功能大部分类似于AutoCAD中的布局功能，因此许多朋友都叫它SU布局，在这里我想叫它“版式编辑器”。我们可以使用“版式编辑器”来完成更丰富的个性化版式，使我们的设计作品提升一个更高的层次，并且这个“版式编辑器”又结合了一些SU所特有的功能，更使之增色不少，二者的结合也使这个小软件逐渐受人关注了，接下来我们将根据一个接近实际的案例来进行讲解。
本教程从实际应用的角度出发，图文并茂的讲解LayOut的使用方法，在讲解过程中会用“题外话”的方式来讲解实例中没有涉及到的又是
LayOut中的重点内容！希望大家对于阅读方面有什么不方便的地方也一并给予指正！

1.首先打开一个SketchUp模型如图01所示，现在我们打开的案例是一个已经设置好页面的案例，请大家事先也设置好几个页面吧！

jpg

2.然后我们先在SketchUp里将阴影的参数调整好，因为有些设置在LayOut里是无法调节的，调整效果如图02所示。

jpg

3.下一步要将显示模式设置成“材质帖图”的显示模式，这样进入LayOut后就省去了一些反复的步骤，如图03所示。

jpg

4.接下来要将模型保存，因为只有这样才可以导入LayOut里面进行编辑，如图04所示。

jpg

5.现在我们要进行导入LayOut了，执行文件菜单/发送到LayOut命令，将制作完成的模型导入到LayOut中，如图05所示。

jpg

6.进入LayOut后我们首先要做的就是选择一个合适的模版（这个模版文件也可以自己制作，在每次进入LayOut时都可以选择），如图06所示。

jpg

7.如图07所示现在我们进入了LayOut的主界面，接下来我们就要进行实战了！

jpg

注意：将模型导入LayOut后就可以将SketchUp软件关闭了，这也可以减少对系统资源不必要的占用，后面我们会在需要的时候将其打开！

开始进行实例讲解！

1.首先我们来制作版面效果，绘制现图纸的边框，加入相关文字说明。单击工具栏中的“矩形”工具按钮，在图纸的右侧画出如图08所示的矩形。

jpg

2.将鼠标移到矩形的一条侧边将其拉伸至图09所示的效果。

jpg

3.继续将矩形处于被选择的状态，将Shape Style（物体风格）标签栏打开，单击Fill（填充）选项将矩形内部的白色填充去掉，我们即得到了图10所示的图版边框效果。

jpg

4.接下来继续使用矩形工具来绘制出右侧图纸说明栏的基础，然后我们再给说明栏选择一个深灰的填充色，完成效果如图11所示。

jpg

注意：1.调节Fill（填充）色的方法有许多种，大家可以使用比较容易上手方便快捷的方法。

      2.在这个颜色标签栏的左上角有一个小图标，它的做用是屏幕取色，点击后可以在电脑屏幕中的任何地方吸取想要的颜色，这也省去了慢慢调节滑块的步骤。

题外话：讲解Colors(颜色标签栏）/Image（图像取色）功能


1.现在我们来说一下Colors(颜色标签栏）/Image（图像取色）功能，首先打开Image标签，如图12所示。

jpg

2.单击Choose Image（选择图像）按钮，弹出如图13所示的打开标题栏。

jpg

3.在文件夹中选择一张图片并将其打开，我们可以看到被打开的图片显示在Image面版中，如图14所示。

jpg

4.下面有意思的事情就出现了，当你用鼠标在打开的图片中每点击一次，在上方的颜色条中便会显示出与之相对应的色彩，

   如图15所示，此时点选的是蓝色帐篷，自然与之对应的蓝色便显示在上方的颜色条中了。

jpg

5.我们还可以将选择完成的颜色托入下方的空白格子中保留住所选择的颜色，完成效果如图16所示。

jpg

5.下面我们继续版式设计添加文字的讲解，点击屏幕上方工具条中的“文字”工具按钮，然后在打开与之对应的Text Style（文字效果）标签栏，如图17所示。

jpg

6.首先在深色区域窗选需要打字的区域，然后打出文字，Text Style面版调节内容与其它软件的调节方法都很相似，所以不做过多的讲解了，完成效果如图18所示。

jpg

题外话：LayOut中调整文字

LayOut中输入文字是需要提前在图纸中窗选出所需要的区域，如果输入文字的空间不够时也可以再将文字输入区域拉伸，得到一个舒适的输入区域。

1.选取文字，此时会出现可输入区域的边框，选中文字后我们同时还可以看到在输入框中心出现了一个红色的圆圈，如图19所示。

jpg

2.将鼠标移到蓝色框边缘时边框的一侧会以红色高亮显示，同时鼠标也会变成另外一种状态，此时可以按住鼠标左键并托动鼠标，这就是拉伸文字输入区域的方法，完成效果如图20所示。

jpg

3.继续将鼠标移至红色圆圈边缘时可以观察到此时鼠标显示的状态是“旋转”，说明我们还可以将文字旋转，最终效果如图21所示。

jpg

7.下一步继续丰富图面效果，插入图片，执行File（文件）菜单/Insert（插入）命令，如图22所示。

jpg

8.在电脑中找出需要的图片单击“打开”按钮，这样便可以将图片插入LayOut中了，如图23和图24所示。

jpg

jpg

9.接下来将插入的图片移至右上角并将其调整成需要的尺寸，方法和前面讲过的调节文字输入区域相同所以不再讲解，完成效果如图25所示。

jpg

注意：在进行比例缩放的过程中有一些小技巧我要说一下。

      1.按住Ctrl键等同于复制并缩放命令。

      2.按住Shift键是等比例缩放命令。

      3.按住Alt键是以图片中心点开始缩放。

具体使用方法请大家在操作中细心体会吧。

题外话：LayOut中关于显示图像的操作讲解


1.如图26所示，如果图片需要被调整至一个很小的区域而不方便观察的话，我们可以滚动鼠标滚轮来实现视图的缩放，从而将视图放大到我们想要的尺寸。

jpg

2.当图片放大后我们还可以直接在当前页面的右下角文本框中输入相应的数值来直接完成需要的显示效果，如图27所示。

jpg

3.如果想要将视图显示区域继续放大，还可以单击图28所示的“Auto Hide（自动隐藏）”按钮将LayOut缺省设置的调节菜单隐藏掉，隐藏后的效果如图29所示。

jpg

jpg

4.当我们想要重新调出缺省面板时，可以将鼠标移至右上角的"Default Tray（缺省面板）图标处，它便会自动弹出，如图30所示。

jpg

5.反之如果还要想将此面板常期可见的话，再单击“Auto Hide（自动隐藏）”按钮即可，如图31所示。（大家可以仔细观察一下此按钮的先后状态）

jpg

10.下面根据已经学习过的方法将图框的其余部分也制作完成吧，最终效果如图32所示。

jpg

调整图面效果

1.选择现在的视图，将其按一定的比例缩放至整个图框，具体步骤如图33和图34所示。

jpg

jpg

2.在蓝色图框内双击鼠标，进入三维调整模式中将整个建筑单体全部显示出来，完成效果如图35所示。

jpg

注意：在调整视图过程中可以将阴影关闭，否则速度会变的很慢，比例调整完成后再打开阴影显示就好了。

3.保存我们的成果吧！
4.下面打开LayOut中的图层面板，单击其中的“+”号图标，新建一个图层，如图36所示。

jpg

5.将所有与图框相关的内容全部选中（其中不包括视图），右击鼠标在弹出的菜单中选择“Group（成组）”命令，将绘制完成的散件组装起来，如图37所示。

jpg

6.我们可以观察一下图层面板，其中以蓝色显示的图层为当前层，如果这个图层一直在被选择状态的话，那么我们接下来所绘制的所有图形都会被储存在这个当前图层中，如图38所示。

jpg

7.双击该图层可以为其更改名称，每个图层都有相同的三个属性，它们分别是，“隐藏”、“锁定”及“图层信息共享”这三个属性（关于最后一个功能我们会在后面有一个详细的讲解），更名后的图层效果如图39所示。

jpg

8.图层名称改完后我们要将绘制完成的图框移至图框层中，首先在图视图中图框上右击鼠标，在弹出的菜单中选择 “Move to Current Layer（移动至当前层）”命令，如图40所示。（此时在鼠标选择上图框时，我以观察到在当前图层蓝色状态条前面会出现一个深色的小方点，这也可以确认一下此时我们所选择的对象在哪个图导之中。

jpg

9.接下来将图框层锁定，避免在做其它操作时不小心将制作完的成果毁掉，如图41所示。

jpg

注意：在LayOut中当前层是不能被隐藏和锁定的，所以在执行此类命令前先要将此图层变为普通图层才可以进行相应的操作，具体方法也很简单，只要点击一下其它图层即可将此图层的当前层属性去掉。

10.至于图层的隐藏命令大家可以自己体会一下，不再做过多讲解。
11.下面要讲解一下LayOut图层所附带的一个特殊功能，这个功能在前面步骤也提到过，它就是“共享图层信息”功能。（这个图标可不是
PS里的新建图层命令呀）

12.讲解之前我们还要提到另外一个功能面板“Pages（页面）”功能，这两个功能必须要结合起来讲，打开后的效果如图42所示。

jpg

13.单击“+”号按钮便可以新建一个页面，完成效果如图43所示。

jpg

14.接下来单击“-”号按钮删除新建的页面，然后回到图层面板中，单击“共享图层信息”按钮，如图44和图45所示。（观察一下此按钮前后的差别吧）

jpg

jpg

15.图层共享打开后再继续新建一个页面，我们得到了图46所示的效果。（图框层被共享到了新建的页面中了）

jpg

16.将每个图层名称更改，再单击“Icons（缩略图）”显示按钮使用另外一种显示方式观察页面效果，完成效果如图47所示。

jpg

注意：当我们想取消“图层信息共享”功能时，系统会弹出一个对话框，其中的第一个选项是“将此图层的内容只保留在当前页面中”第二个选项是“将此图层的内容复制到所有的页面中”，本案操作步骤中共享的是图框层，因为我们需要将图框放置到每一个页面中，所以要选择第二个选项，如图48所示。

jpg

17.选择新建的页面，取消图框层的共享属性，将此属性只保留在当前页，如图49所示。

jpg

18.使用鼠标双击“图号”，将图号改成02，如图50所示。

jpg

19.将图号改完后点击1号图就可以发现图号没有被关联，这是因为我们取消了图层共享功能后所导至的，如果继续将“共享图层信息”功能找开着，那么此时更改完图号后其它的图号也会随之联动的，细节请大家细心体会吧！



今天先发到这吧，看看大家的反响如何吧，还有一半没发上来呢，如果还能看懂的话我就再发！晚安！

本教程是几个月前没有su7时写的,旨在抛砖引玉，大家可以先看完这帖再学新版本。

图文并茂，这么富有实践指导意义的教程不给精华就太不够意思了。
不过像我这种E文不好的人，面临的一个问题是：国版SU，7.0暂时不论，5.0、6.0都有一个共同的特点就是LayOut这个功能完全被阉割掉了，完全不能使用（不知道曼恒的技术员是脑残，还是偷工减料...........:~ ），所以对LayOut的认知完全是一片空白，今观此文方大悟：原来还有如此方便的功能，后悔当年E文没学好啊！

原帖由 pla001lw 于 2008-12-21 1:54:00 发表
图文并茂，这么富有实践指导意义的教程不给精华就太不够意思了。
不过像我这种E文不好的人，面临的一个问题是：国版SU，7.0暂时不论，5.0、6.0都有一个共同的特点就是LayOut这个功能完全被阉割掉了，完全不能使用（不知道曼恒的技术员是脑残，还是偷工减料...........:~ ），所以对LayOut的认知完全是一片空白，今观此文方大悟：原来还有如此方便的功能，后悔当年E文没学好啊！

我也很一般了,只不过就是用笨方法了!
我说,你这么晚也不睡吗?

哈哈！我“对LayOut的认知完全是一片空白”:'-(

晓毓的教程我要静下来好好跟着做做！:D

原帖由 grown 于 2008-12-21 2:43:00 发表
哈哈！我“对LayOut的认知完全是一片空白”:'-(

晓毓的教程我要静下来好好跟着做做！:D  

晕死,你怎么也不睡呀!我准备导一下时差了,不然总是晚上活动不好!:-)

layout 没接触过，原来如此强大，期望楼主继续。

谁的SU7的 Layout 功能能用啊……

边看边学，请教：在Pages（页面）里，我单击“+”号按钮出来的为何不是空白页面？跟Pages 1页面内容一样。