Sketchup的Layout布局教程上部

/曉毓教程<LayOut>上部看到許多朋友對(duì)于LayOut都有很大的興趣卻沒(méi)有一個(gè)合適的中文教程,因此這個(gè)版塊也快成了問(wèn)答版塊了,所以我今天將自己對(duì)于使用LayOut的一點(diǎn)心得發(fā)上來(lái)與大家共享,這些內(nèi)容也是我正在編寫(xiě)的SketchUp新書(shū)中的一小部分,到時(shí)書(shū)中會(huì)有更詳細(xì)的講解,希望大家多多給我修改意見(jiàn)!在下先謝了!今晚先發(fā)前半部分,讓大家先睹為快!由于是個(gè)人總結(jié)的.所以有錯(cuò)誤的地方還望大家給予諒解！LayOut是伴隨SketchUp6一并出現(xiàn)的小軟件.它的功能大部分類(lèi)似于AutoCAD中的布局功能.因此許多朋友都叫它SU布局.在這里我想叫它"版式編輯器"。我們可以使用"版式編輯器"來(lái)完成更豐富的個(gè)性化版式.使我們的設(shè)計(jì)作品提升一個(gè)更高的層次.并且這個(gè)"版式編輯器"又結(jié)合了一些SU所特有的功能.更使之增色不少.二者的結(jié)合也使這個(gè)小軟件逐漸受人關(guān)注了.接下來(lái)我們將根據(jù)一個(gè)接近實(shí)際的案例來(lái)進(jìn)行講解。本教程從實(shí)際應(yīng)用的角度出發(fā).圖文并茂的講解LayOut的使用方法.在講解過(guò)程中會(huì)用"題外話(huà)"的方式來(lái)講解實(shí)例中沒(méi)有涉及到的又是LayOut中的重點(diǎn)內(nèi)容！希望大家對(duì)于閱讀方面有什么不方便的地方也一并給予指正！1.首先打開(kāi)一個(gè)SketchUp模型如圖01所示.現(xiàn)在我們打開(kāi)的案例是一個(gè)已經(jīng)設(shè)置好頁(yè)面的案例.請(qǐng)大家事先也設(shè)置好幾個(gè)頁(yè)面吧！2.然后我們先在SketchUp里將陰影的參數(shù)調(diào)整好.因?yàn)橛行┰O(shè)置在LayOut里是無(wú)法調(diào)節(jié)的.調(diào)整效果如圖02所示。3.下一步要將顯示模式設(shè)置成"材質(zhì)帖圖"的顯示模式.這樣進(jìn)入LayOut后就省去了一些反復(fù)的步驟.如圖03所示。4.接下來(lái)要將模型保存.因?yàn)橹挥羞@樣才可以導(dǎo)入LayOut里面進(jìn)行編輯.如圖04所示。5.現(xiàn)在我們要進(jìn)行導(dǎo)入LayOut了.執(zhí)行文件菜單/發(fā)送到LayOut命令.將制作完成的模型導(dǎo)入到LayOut中.如圖05所示。6.進(jìn)入LayOut后我們首先要做的就是選擇一個(gè)合適的模版〔這個(gè)模版文件也可以自己制作.在每次進(jìn)入LayOut時(shí)都可以選擇.如圖06所示。7.如圖07所示現(xiàn)在我們進(jìn)入了LayOut的主界面.接下來(lái)我們就要進(jìn)行實(shí)戰(zhàn)了！注意：將模型導(dǎo)入LayOut后就可以將SketchUp軟件關(guān)閉了.這也可以減少對(duì)系統(tǒng)資源不必要的占用.后面我們會(huì)在需要的時(shí)候?qū)⑵浯蜷_(kāi)！開(kāi)始進(jìn)行實(shí)例講解！1.首先我們來(lái)制作版面效果.繪制現(xiàn)圖紙的邊框.加入相關(guān)文字說(shuō)明。單擊工具欄中的"矩形"工具按鈕.在圖紙的右側(cè)畫(huà)出如圖08所示的矩形。2.將鼠標(biāo)移到矩形的一條側(cè)邊將其拉伸至圖09所示的效果。曉毓3.繼續(xù)將矩形處于被選擇的狀態(tài).將ShapeStyle〔物體風(fēng)格標(biāo)簽欄打開(kāi).單擊Fill〔填充選項(xiàng)將矩形內(nèi)部的白色填充去掉.我們即得到了圖10所示的圖版邊框效果。4.接下來(lái)繼續(xù)使用矩形工具來(lái)繪制出右側(cè)圖紙說(shuō)明欄的基礎(chǔ).然后我們?cè)俳o說(shuō)明欄選擇一個(gè)深灰的填充色.完成效果如圖11所示。注意：1.調(diào)節(jié)Fill〔填充色的方法有許多種.大家可以使用比較容易上手方便快捷的方法。2.在這個(gè)顏色標(biāo)簽欄的左上角有一個(gè)小圖標(biāo).它的做用是屏幕取色.點(diǎn)擊后可以在電腦屏幕中的任何地方吸取想要的顏色.這也省去了慢慢調(diào)節(jié)滑塊的步驟。題外話(huà)：講解Colors<顏色標(biāo)簽欄/Image〔圖像取色功能1.現(xiàn)在我們來(lái)說(shuō)一下Colors<顏色標(biāo)簽欄/Image〔圖像取色功能.首先打開(kāi)Image標(biāo)簽.如圖12所示。2.單擊ChooseImage〔選擇圖像按鈕.彈出如圖13所示的打開(kāi)標(biāo)題欄。3.在文件夾中選擇一張圖片并將其打開(kāi).我們可以看到被打開(kāi)的圖片顯示在Image面版中.如圖14所示。4.下面有意思的事情就出現(xiàn)了.當(dāng)你用鼠標(biāo)在打開(kāi)的圖片中每點(diǎn)擊一次.在上方的顏色條中便會(huì)顯示出與之相對(duì)應(yīng)的色彩.如圖15所示.此時(shí)點(diǎn)選的是藍(lán)色帳篷.自然與之對(duì)應(yīng)的藍(lán)色便顯示在上方的顏色條中了。5.我們還可以將選擇完成的顏色托入下方的空白格子中保留住所選擇的顏色.完成效果如圖16所示。[本帖最后由曉毓于2008-4-1002:34編輯]5.下面我們繼續(xù)版式設(shè)計(jì)添加文字的講解.點(diǎn)擊屏幕上方工具條中的"文字"工具按鈕.然后在打開(kāi)與之對(duì)應(yīng)的TextStyle〔文字效果標(biāo)簽欄.如圖17所示。6.首先在深色區(qū)域窗選需要打字的區(qū)域.然后打出文字.TextStyle面版調(diào)節(jié)內(nèi)容與其它軟件的調(diào)節(jié)方法都很相似.所以不做過(guò)多的講解了.完成效果如圖18所示。題外話(huà)：LayOut中調(diào)整文字LayOut中輸入文字是需要提前在圖紙中窗選出所需要的區(qū)域.如果輸入文字的空間不夠時(shí)也可以再將文字輸入?yún)^(qū)域拉伸.得到一個(gè)舒適的輸入?yún)^(qū)域。1.選取文字.此時(shí)會(huì)出現(xiàn)可輸入?yún)^(qū)域的邊框.選中文字后我們同時(shí)還可以看到在輸入框中心出現(xiàn)了一個(gè)紅色的圓圈.如圖19所示。2.將鼠標(biāo)移到藍(lán)色框邊緣時(shí)邊框的一側(cè)會(huì)以紅色高亮顯示.同時(shí)鼠標(biāo)也會(huì)變成另外一種狀態(tài).此時(shí)可以按住鼠標(biāo)左鍵并托動(dòng)鼠標(biāo).這就是拉伸文字輸入?yún)^(qū)域的方法.完成效果如圖20所示。3.繼續(xù)將鼠標(biāo)移至紅色圓圈邊緣時(shí)可以觀(guān)察到此時(shí)鼠標(biāo)顯示的狀態(tài)是"旋轉(zhuǎn)".說(shuō)明我們還可以將文字旋轉(zhuǎn).最終效果如圖21所示。[本帖最后由曉毓于2008-4-1002:52編輯]7.下一步繼續(xù)豐富圖面效果.插入圖片.執(zhí)行File〔文件菜單/Insert〔插入命令.如圖22所示。8.在電腦中找出需要的圖片單擊"打開(kāi)"按鈕.這樣便可以將圖片插入LayOut中了.如圖23和圖24所示。9.接下來(lái)將插入的圖片移至右上角并將其調(diào)整成需要的尺寸.方法和前面講過(guò)的調(diào)節(jié)文字輸入?yún)^(qū)域相同所以不再講解.完成效果如圖25所示。注意：在進(jìn)行比例縮放的過(guò)程中有一些小技巧我要說(shuō)一下。1.按住Ctrl鍵等同于復(fù)制并縮放命令。2.按住Shift鍵是等比例縮放命令。3.按住Alt鍵是以圖片中心點(diǎn)開(kāi)始縮放。具體使用方法請(qǐng)大家在操作中細(xì)心體會(huì)吧。題外話(huà)：LayOut中關(guān)于顯示圖像的操作講解1.如圖26所示.如果圖片需要被調(diào)整至一個(gè)很小的區(qū)域而不方便觀(guān)察的話(huà).我們可以滾動(dòng)鼠標(biāo)滾輪來(lái)實(shí)現(xiàn)視圖的縮放.從而將視圖放大到我們想要的尺寸。2.當(dāng)圖片放大后我們還可以直接在當(dāng)前頁(yè)面的右下角文本框中輸入相應(yīng)的數(shù)值來(lái)直接完成需要的顯示效果.如圖27所示。3.如果想要將視圖顯示區(qū)域繼續(xù)放大.還可以單擊圖28所示的"AutoHide〔自動(dòng)隱藏"按鈕將LayOut缺省設(shè)置的調(diào)節(jié)菜單隱藏掉.隱藏后的效果如圖29所示。4.當(dāng)我們想要重新調(diào)出缺省面板時(shí).可以將鼠標(biāo)移至右上角的"DefaultTray〔缺省面板圖標(biāo)處.它便會(huì)自動(dòng)彈出.如圖30所示。5.反之如果還要想將此面板常期可見(jiàn)的話(huà).再單擊"AutoHide〔自動(dòng)隱藏"按鈕即可.如圖31所示?！泊蠹铱梢宰屑?xì)觀(guān)察一下此按鈕的先后狀態(tài)10.下面根據(jù)已經(jīng)學(xué)習(xí)過(guò)的方法將圖框的其余部分也制作完成吧.最終效果如圖32所示。調(diào)整圖面效果1.選擇現(xiàn)在的視圖.將其按一定的比例縮放至整個(gè)圖框.具體步驟如圖33和圖34所示。42.在藍(lán)色圖框內(nèi)雙擊鼠標(biāo).進(jìn)入三維調(diào)整模式中將整個(gè)建筑單體全部顯示出來(lái).完成效果如圖35所示。注意：在調(diào)整視圖過(guò)程中可以將陰影關(guān)閉.否則速度會(huì)變的很慢.比例調(diào)整完成后再打開(kāi)陰影顯示就好了。3.保存我們的成果吧！4.下面打開(kāi)LayOut中的圖層面板.單擊其中的"+"號(hào)圖標(biāo).新建一個(gè)圖層.如圖36所示。5.將所有與圖框相關(guān)的內(nèi)容全部選中〔其中不包括視圖.右擊鼠標(biāo)在彈出的菜單中選擇"Group〔成組"命令.將繪制完成的散件組裝起來(lái).如圖37所示。6.我們可以觀(guān)察一下圖層面板.其中以藍(lán)色顯示的圖層為當(dāng)前層.如果這個(gè)圖層一直在被選擇狀態(tài)的話(huà).那么我們接下來(lái)所繪制的所有圖形都會(huì)被儲(chǔ)存在這個(gè)當(dāng)前圖層中.如圖38所示。7.雙擊該圖層可以為其更改名稱(chēng).每個(gè)圖層都有相同的三個(gè)屬性.它們分別是."隱藏"、"鎖定"及"圖層信息共享"這三個(gè)屬性〔關(guān)于最后一個(gè)功能我們會(huì)在后面有一個(gè)詳細(xì)的講解.更名后的圖層效果如圖39所示。8.圖層名稱(chēng)改完后我們要將繪制完成的圖框移至圖框?qū)又?首先在圖視圖中圖框上右擊鼠標(biāo).在彈出的菜單中選擇"MovetoCurrentLayer〔移動(dòng)至當(dāng)前層"命令.如圖40所示?！泊藭r(shí)在鼠標(biāo)選擇上圖框時(shí).我以觀(guān)察到在當(dāng)前圖層藍(lán)色狀態(tài)條前面會(huì)出現(xiàn)一個(gè)深色的小方點(diǎn).這也可以確認(rèn)一下此時(shí)我們所選擇的對(duì)象在哪個(gè)圖導(dǎo)之中。9.接下來(lái)將圖框?qū)渔i定.避免在做其它操作時(shí)不小心將制作完的成果毀掉.如圖41所示。注意：在LayOut中當(dāng)前層是不能被隱藏和鎖定的.所以在執(zhí)行此類(lèi)命令前先要將此圖層變?yōu)槠胀▓D層才可以進(jìn)行相應(yīng)的操作.具體方法也很簡(jiǎn)單.只要點(diǎn)擊一下其它圖層即可將此圖層的當(dāng)前層屬性去掉。10.至于圖層的隱藏命令大家可以自己體會(huì)一下.不再做過(guò)多講解。11.下面要講解一下LayOut圖層所附帶的一個(gè)特殊功能.這個(gè)功能在前面步驟也提到過(guò).它就是"共享圖層信息"功能。〔這個(gè)圖標(biāo)可不是PS里的新建圖層命令呀12.講解之前我們還要提到另外一個(gè)功能面板"Pages〔頁(yè)面"功能.這兩個(gè)功能必須要結(jié)合起來(lái)講.打開(kāi)后的效果如圖42所示。13.單擊"+"號(hào)按鈕便可以新建一個(gè)頁(yè)面.完成效果如圖43所示。14.接下來(lái)單擊"-"號(hào)按鈕刪除新建的頁(yè)面.然后回到圖層面板中.單擊"共享圖層信息"按鈕.如圖44和圖45所示?！灿^(guān)察一下此按鈕前后的差別吧15.圖層共享打開(kāi)后再繼續(xù)新建一個(gè)頁(yè)面.我們得到了圖46所示的效果?！矆D框?qū)颖还蚕淼搅诵陆ǖ捻?yè)面中了16.將每個(gè)圖層名稱(chēng)更改.再單擊"Icons〔縮略圖"顯示按鈕使用另外一種顯示方式觀(guān)察頁(yè)面效果.完成效果如圖47所示。注意：當(dāng)我們想取消"圖層信息共享"功能時(shí).系統(tǒng)會(huì)彈出一個(gè)對(duì)話(huà)框.其中的第一個(gè)選項(xiàng)是"將此圖層的內(nèi)容只保留在當(dāng)前頁(yè)面中"第二個(gè)選項(xiàng)是"將此圖層的內(nèi)容復(fù)制到所有的頁(yè)面中".本案操作步驟中共享的是圖框?qū)?因?yàn)槲覀冃枰獙D框放置到每一個(gè)頁(yè)面中.所以要選擇第二個(gè)選項(xiàng).如圖48所示。17.選擇新建的頁(yè)面.取消圖框?qū)拥墓蚕韺傩?將此屬性只保留在當(dāng)前頁(yè).如圖49所示。18.使用鼠標(biāo)雙擊"圖號(hào)".將圖號(hào)改成02.如圖50所示。19.將圖號(hào)改完后點(diǎn)擊1號(hào)圖就可以發(fā)現(xiàn)圖號(hào)沒(méi)有被關(guān)聯(lián).這是因?yàn)槲覀內(nèi)∠藞D層共享功能后所導(dǎo)至的.如果繼續(xù)將"共享圖層信息"功能找開(kāi)著.那么此時(shí)更改完圖號(hào)后其它的圖號(hào)也會(huì)隨之聯(lián)動(dòng)的.細(xì)節(jié)請(qǐng)大家細(xì)心體會(huì)吧！今天先發(fā)到這吧.看看大家的反響如何吧.還有一半沒(méi)發(fā)上來(lái)呢.如果還能看懂的話(huà)我就再發(fā)！晚安！坐在沙發(fā)上等待回帖.真舒服！原帖由wikii于2008-4-1007:00發(fā)表謝謝曉毓的精彩教程！另問(wèn)一個(gè)問(wèn)題：在layout中如何導(dǎo)出JPG格式的成果呢？好像只能打印或者到處PDF呀.可我需要JPG或者PSD的格式~現(xiàn)在LayOut只能輸出PDF文件,如果你要想轉(zhuǎn)成JPG或者PSD的格式可以用Photoshop打開(kāi)然后再轉(zhuǎn)成需要的格式呀.原帖由zhping52于2008-4-1009:34發(fā)表終于看到曉毓的LayOut教程了,期待后半部分教程.講得很仔細(xì),很好的教程.我想問(wèn)一下,選上現(xiàn)成的模板后,它的文字如何改呢你可以觀(guān)察一下當(dāng)你打開(kāi)一個(gè)現(xiàn)成的模板后文字所在的層都是被鎖定著的,所以你可以先解鎖呀!原帖由Sorata于2008-4-1012:02發(fā)表曉毓又出現(xiàn)勒~哦呵呵~~~跟貼學(xué)習(xí)咯~~~~剛開(kāi)始做就遇到第一個(gè)問(wèn)題：№112~14樓的過(guò)程.我的問(wèn)題是.在畫(huà)框的過(guò)程中.拉伸了矩形以后.就會(huì)有白色面蓋住底下的圖.我是把底下的圖剪切下來(lái)以后再粘貼到最前面來(lái)的。...你把白色面選中后打開(kāi)shapestyle面板,把其中的fill選項(xiàng)去掉就行了呀!我沒(méi)寫(xiě)明白嗎?我再看看!原帖由wj15239261于2008-4-1014:07發(fā)表LayOut覺(jué)得有一點(diǎn)..做非常不好...就是圖片的清新度！...很差..～〔我對(duì)這點(diǎn)很失望！它是直接從su導(dǎo)入進(jìn)來(lái)的.圖片根本不是按位圖的格式來(lái)輸出顯示的～～〔圖片質(zhì)量很差導(dǎo)出PDF&n...現(xiàn)在導(dǎo)出PDF確實(shí)不能實(shí)現(xiàn)中文顯示!至于像素大小我認(rèn)為還可以,即然有了我們就先學(xué)一下了,等高級(jí)版本出來(lái)了再學(xué)新增功能不就簡(jiǎn)了!原帖由yvgou于2008-