Sketchup的Layout布局教程(上部)

资源描述

第 1 页共 56 页晓毓教程 LayOut 上部看到许多朋友对于 LayOut 都有很大的兴趣却没有一个合适的中文教程因此这个版块也快成了问答版块了所以我今天将自己对于使用 LayOut 的一点心得发上来与大家共享这些内容也是我正在编写的 SketchUp 新书中的一小部分到时书中会有更详细的讲解希望大家多多给我修改意见在下先谢了今晚先发前半部分让大家先睹为快由于是个人总结的所以有错误的地方还望大家给予谅解 LayOut 是伴随 SketchUp6 一并出现的小软件它的功能大部分类似于 AutoCAD 中的布局功能因此许多朋友都叫它 SU 布局在这里我想叫它版式编辑器我们可以使用版式编辑器来完成更丰富的个性化版式使我们的设计作品提升一个更高的层次并且这个版式编辑器又结合了一些 SU 所特有的功能更使之增色不少二者的结合也使这个小软件逐渐受人关注了接下来我们将根据一个接近实际的案例来进行讲解本教程从实际应用的角度出发图文并茂的讲解 LayOut 的使用方法在讲解过程中会用题外话的方式来讲解实例中没有涉及到的又是 LayOut 中的重点内容希望大家对于阅读方面有什么不方便的地方也一并给予指正第 2 页共 56 页 1 首先打开一个 SketchUp 模型如图 01 所示现在我们打开的案例是一个已经设置好页面的案例请大家事先也设置好几个页面吧第 3 页共 56 页 2 然后我们先在 SketchUp 里将阴影的参数调整好因为有些设置在 LayOut 里是无法调节的调整效果如图 02 所示第 4 页共 56 页 3 下一步要将显示模式设置成材质帖图的显示模式这样进入 LayOut 后就省去了一些反复的步骤如图 03 所示第 5 页共 56 页 4 接下来要将模型保存因为只有这样才可以导入 LayOut 里面进行编辑如图 04 所示第 6 页共 56 页 5 现在我们要进行导入 LayOut 了执行文件菜单发送到 LayOut 命令将制作完成的模型导入到 LayOut 中如图 05 所示第 7 页共 56 页 6 进入 LayOut 后我们首先要做的就是选择一个合适的模版这个模版文件也可以自己制作在每次进入 LayOut 时都可以选择如图 06 所示第 8 页共 56 页 7 如图 07 所示现在我们进入了 LayOut 的主界面接下来我们就要进行实战了第 9 页共 56 页注意将模型导入 LayOut 后就可以将 SketchUp 软件关闭了这也可以减少对系统资源不必要的占用后面我们会在需要的时候将其打开第 10 页共 56 页开始进行实例讲解 1 首先我们来制作版面效果绘制现图纸的边框加入相关文字说明单击工具栏中的矩形工具按钮在图纸的右侧画出如图 08 所示的矩形第 11 页共 56 页第 12 页共 56 页 2 将鼠标移到矩形的一条侧边将其拉伸至图 09 所示的效果第 13 页共 56 页晓毓 3 继续将矩形处于被选择的状态将 Shape Style 物体风格标签栏打开单击 Fill 填充选项将矩形内部的白色填充去掉我们即得到了图 10 所示的图版边框效果第 14 页共 56 页 4 接下来继续使用矩形工具来绘制出右侧图纸说明栏的基础然后我们再给说明栏选择一个深灰的填充色完成效果如图 11 所示注意 1 调节 Fill 填充色的方法有许多种大家可以使用比较容易上手方便快捷的方法 2 在这个颜色标签栏的左上角有一个小图标它的第 15 页共 56 页做用是屏幕取色点击后可以在电脑屏幕中的任何地方吸取想要的颜色这也省去了慢慢调节滑块的步骤第 16 页共 56 页题外话讲解 Colors 颜色标签栏 Image 图像取色功能 1 现在我们来说一下 Colors 颜色标签栏 Image 图像取色功能首先打开 Image 标签如图 12 所示 2 单击 Choose Image 选择图像按钮弹出如图 13 所示的打开标题栏 3 在文件夹中选择一张图片并将其打开我们可以看到被打开的图片显示在 Image 面版中如图 14 所示 4 下面有意思的事情就出现了当你用鼠标在打开的图片中每点击一次在上方的颜色条中便会显示出与之相对应的色彩如图 15 所示此时点选的是蓝色帐篷自然与之对应的蓝色便显示在上方的颜色条中了 5 我们还可以将选择完成的颜色托入下方的空白格子中保留住所选择的颜色完成效果如图 16 所示本帖最后由晓毓于 2008 4 10 02 34 编辑第 17 页共 56 页第 18 页共 56 页第 19 页共 56 页第 20 页共 56 页 5 下面我们继续版式设计添加文字的讲解点击屏幕上方工具条中的文字工具按钮然后在打开与之对应的 Text Style 文字效果标签栏如图 17 所示第 21 页共 56 页 6 首先在深色区域窗选需要打字的区域然后打出文字 Text Style 面版调节内容与其它软件的调节方法都很相似所以不做过多的讲解了完成效果如图 18 所示第 22 页共 56 页题外话 LayOut 中调整文字 LayOut 中输入文字是需要提前在图纸中窗选出所需要的区域如果输入文字的空间不够时也可以再将文字输入区域拉伸得到一个舒适的输入区域 1 选取文字此时会出现可输入区域的边框选中文字后我们同时还可以看到在输入框中心出现了一个红色的圆圈如图 19 所示 2 将鼠标移到蓝色框边缘时边框的一侧会以红色高亮显示同时鼠标也会变成另外一种状态此时可以按住鼠标左键并托动鼠标这就是拉伸文字输入区域的方法完成效果如图 20 所示 3 继续将鼠标移至红色圆圈边缘时可以观察到此时鼠标显示的状态是旋转说明我们还可以将文字旋转最终效果如图 21 所示本帖最后由晓毓于 2008 4 10 02 52 编辑第 23 页共 56 页第 24 页共 56 页第 25 页共 56 页 7 下一步继续丰富图面效果插入图片执行 File 文件菜单 Insert 插入命令如图 22 所示第 26 页共 56 页 8 在电脑中找出需要的图片单击打开按钮这样便可以将图片插入 LayOut 中了如图 23 和图 24 所示第 27 页共 56 页第 28 页共 56 页 9 接下来将插入的图片移至右上角并将其调整成需要的尺寸方法和前面讲过的调节文字输入区域相同所以不再讲解完成效果如图 25 所示注意在进行比例缩放的过程中有一些小技巧我要说一下 1 按住 Ctrl 键等同于复制并缩放命令 2 按住 Shift 键是等比例缩放命令 3 按住 Alt 键是以图片中心点开始缩放具体使用方法请大家在操作中细心体会吧第 29 页共 56 页题外话 LayOut 中关于显示图像的操作讲解 1 如图 26 所示如果图片需要被调整至一个很小的区域而不方便观察的话我们可以滚动鼠标滚轮来实现视图的缩放从而将视图放大到我们想要的尺寸 2 当图片放大后我们还可以直接在当前页面的右下角文本框中输入相应的数值来直接完成需要的显示效果如图 27 所示 3 如果想要将视图显示区域继续放大还可以单击图 28 所示的 Auto Hide 自动隐藏按钮将 LayOut 缺省设置的调节菜单隐藏掉隐藏后的效果如图 29 所示 4 当我们想要重新调出缺省面板时可以将鼠标移至右上角的 Default Tray 缺省面板图标处它便会自动弹出如图 30 所示 5 反之如果还要想将此面板常期可见的话再单击 Auto Hide 自动隐藏按钮即可如图 31 所示大家可以仔细观察一下此按钮的先后状态第 30 页共 56 页第 31 页共 56 页第 32 页共 56 页第 33 页共 56 页第 34 页共 56 页第 35 页共 56 页 10 下面根据已经学习过的方法将图框的其余部分也制作完成吧最终效果如图 32 所示第 36 页共 56 页调整图面效果 1 选择现在的视图将其按一定的比例缩放至整个图框具体步骤如图 33 和图 34 所示第 37 页共 56 页 4 第 38 页共 56 页 2 在蓝色图框内双击鼠标进入三维调整模式中将整个建筑单体全部显示出来完成效果如图 35 所示注意在调整视图过程中可以将阴影关闭否则速度会变的很慢比例调整完成后再打开阴影显示就好了第 39 页共 56 页 3 保存我们的成果吧第 40 页共 56 页 4 下面打开 LayOut 中的图层面板单击其中的号图标新建一个图层如图 36 所示第 41 页共 56 页 5 将所有与图框相关的内容全部选中其中不包括视图右击鼠标在弹出的菜单中选择 Group 成组命令将绘制完成的散件组装起来如图 37 所示第 42 页共 56 页 6 我们可以观察一下图层面板其中以蓝色显示的图层为当前层如果这个图层一直在被选择状态的话那么我们接下来所绘制的所有图形都会被储存在这个当前图层中如图 38 所示第 43 页共 56 页 7 双击该图层可以为其更改名称每个图层都有相同的三个属性它们分别是隐藏锁定及图层信息共享这三个属性关于最后一个功能我们会在后面有一个详细的讲解更名后的图层效果如图 39 所示第 44 页共 56 页 8 图层名称改完后我们要将绘制完成的图框移至图框层中首先在图视图中图框上右击鼠标在弹出的菜单中选择 Move to Current Layer 移动至当前层命令如图 40 所示此时在鼠标选择上图框时我以观察到在当前图层蓝色状态条前面会出现一个深色的小方点这也可以确认一下此时我们所选择的对象在哪个图导之中第 45 页共 56 页 9 接下来将图框层锁定避免在做其它操作时不小心将制作完的成果毁掉如图 41 所示注意在 LayOut 中当前层是不能被隐藏和锁定的所以在执行此类命令前先要将此图层变为普通图层才可以进行相应的操作具体方法也很简单只要点击一下其它图层即可将此图层的当前层属性去掉第 46 页共 56 页 10 至于图层的隐藏命令大家可以自己体会一下不再做过多讲解 11 下面要讲解一下 LayOut 图层所附带的一个特殊功能这个功能在前面步骤也提到过它就是共享图层信息功能这个图标可不是 PS 里的新建图层命令呀第 47 页共 56 页 12 讲解之前我们还要提到另外一个功能面板 Pages 页面功能这两个功能必须要结合起来讲打开后的效果如图 42 所示第 48 页共 56 页 13 单击号按钮便可以新建一个页面完成效果如图 43 所示第 49 页共 56 页 14 接下来单击号按钮删除新建的页面然后回到图层面板中单击共享图层信息按钮如图 44 和图 45 所示观察一下此按钮前后的差别吧第 50 页共 56 页第 51 页共 56 页 15 图层共享打开后再继续新建一个页面我们得到了图 46 所示的效果图框层被共享到了新建的页面中了第 52 页共 56 页 16 将每个图层名称更改再单击 Icons 缩略图显示按钮使用另外一种显示方式观察页面效果完成效果如图 47 所示注意当我们想取消图层信息共享功能时系统会弹出一个对话框其中的第一个选项是将此图层的内容只保留在当前页面中第二个选项是将此图层的内容复制到所有的页面中本案操作步骤中共享的是图框层因为我们需要将图框放置到每一个页面中所以要选择第二个选项如图 48 所示第 53 页共 56 页第 54 页共 56 页 17 选择新建的页面取消图框层的共享属性将此属性只保留在当前页如图 49 所示第 55 页共 56 页 18 使用鼠标双击图号将图号改成 02 如图 50 所示第 56 页共 56 页 19 将图号改完后点击 1 号图就可以发现图号没有被关联这是因为我们取消了图层共享功能后所导至的如果继续将共享图层信息功能找开着那么此时更改完图号后其它的图号也会随之联动的细节请大家细心体会吧今天先发到这吧看看大家的反响如何吧还有一半没发上来呢如果还能看懂的话我就再发晚安坐在沙发上等待回帖真舒服原帖由 wikii 于 2008 4 10 07 00 发表谢谢晓毓的精彩教程另问一个问题在 layout 中如何导出 JPG 格式的成果呢好像只能打印或者到处 PDF 呀可我需要 JPG 或者 PSD 的格式现在 LayOut 只能输出 PDF 文件如果你要想转成 JPG 或者 PSD 的格式可以用 Photoshop 打开然后再转成需要的格式呀原帖由 zhping52 于 2008 4 10 09 34 发表终于看到晓毓的 LayOut 教程了期待后半部分教程讲得很仔细很好的教程我想问一下选上现成的模板后它的文字如何改呢你可以观察一下当你打开一个现成的模板后文字所在的层都是被锁定着的所以你可以先解锁呀原帖由 Sorata 于 2008 4 10 12 02 发表晓毓又出现勒哦呵呵跟贴学习咯刚开始做就遇到第一个问题 1 12 14 楼的过程我的问题是在画框的过程中拉伸了矩形以后就会有白色面盖住底下的图我是把底下的图剪切下来以后再粘贴到最前面来的你把白色面选中后打开 shape style 面板把其中的 fill 选项去掉就行了呀我没写明白吗我再看看原帖由 wj15239261 于 2008 4 10 14 07 发表 LayOut 觉得有一点做非常不好就是图片的清新度很差我对这点很失望它是直接从 su 导入进来的图片根本不是按位图的格式来输出显示的图片质量很差导出 PDF n 现在导出 PDF 确实不能实现中文显示至于像素大小我认为还可以即然有了我们就先学一下了等高级版本出来了再学新增功能不就简了原帖由 yvgou 于 2008 4 10 14 44 发表问一下问题我怎么不能输入中文呢输了就出现乱码这可能是你电脑的问题多半与软件有关原帖由 Sorata 于 2008 4 11 11 40 发表那以后我想输入中文怎么办我想下一个版本出来后一定会可以输出中文的期待吧或者我们现在只能用 LayOut 输出图像文件然后到 PS 里写中文了暂时我只有这个办法了原帖由 ligang75 于 2008 4 11 13 30 发表真是非常的细致啊中国的教师要都像你这样做中国人不知道会有多强谢谢了过讲了朋友我还会努力的转载请注明出自 SketchUp 中文官方设计论坛

展开阅读全文