1、曉毓教程 (LayOut) 上部看到許多朋友對于 LayOut 都有很大的興趣卻沒有一個合適的中文教程 , 因此這個版塊也 快成了問答版塊了 ,所以我今天將自己對于使用 LayOut的一點心得發(fā)上來與大家共享 , 這 些內(nèi)容也是我正在編寫的 SketchUp新書中的一小部分 , 到時書中會有更詳細的講解 , 希望 大家多多給我修改意見 ! 在下先謝了 ! 今晚先發(fā)前半部分 , 讓大家先睹為快 ! 由于是個人總結(jié)的，所以有錯誤的地方還望大家給予諒解！ LayOut 是伴隨 SketchUp6 一并出現(xiàn)的小軟件，它的功能大部分類似于 AutoCAD中的布局功能，因此許多朋友都叫 它 SU 布局，在

2、這里我想叫它“版式編輯器” 。我們可以使用“版式編輯器”來完成更豐 富的個性化版式，使我們的設(shè)計作品提升一個更高的層次，并且這個“版式編輯器”又 結(jié)合了一些 SU所特有的功能，更使之增色不少，二者的結(jié)合也使這個小軟件逐漸受人關(guān) 注了，接下來我們將根據(jù)一個接近實際的案例來進行講解。 本教程從實際應(yīng)用的角度出 發(fā)，圖文并茂的講解 LayOut 的使用方法，在講解過程中會用“題外話”的方式來講解實 例中沒有涉及到的又是 LayOut 中的重點內(nèi)容！希望大家對于閱讀方面有什么不方便的地 方也一并給予指正！首先打開一個 SketchUp 模型如圖 01 所示，現(xiàn)在我們打開的案例是一個已經(jīng)設(shè)置好頁 面的案

3、例，請大家事先也設(shè)置好幾個頁面吧！LayOut 里是無法調(diào)然后我們先在 SketchUp 里將陰影的參數(shù)調(diào)整好，因為有些設(shè)置在 節(jié)的，調(diào)整效果如圖 02 所示。LayOut 后就省去了一下一步要將顯示模式設(shè)置成“材質(zhì)帖圖”的顯示模式，這樣進入 些反復(fù)的步驟，如圖 03 所示。圖 04 所示。接下來要將模型保存，因為只有這樣才可以導(dǎo)入 LayOut 里面進行編輯，現(xiàn)在我們要進行導(dǎo)入 LayOut 了，執(zhí)行文件菜單 / 發(fā)送到 LayOut 命令，將制作完成的模 型導(dǎo)入到 LayOut 中，如圖 05 所示。這個模版文件也可以自己制進入 LayOut 后我們首先要做的就是選擇一個合適的模版 作，在

4、每次進入 LayOut 時都可以選擇），如圖 06 所示。如圖 07所示現(xiàn)在我們進入了 LayOut 的主界面，接下來我們就要進行實戰(zhàn)了！ 注意：將模型導(dǎo)入 LayOut 后就可以將 SketchUp 軟件關(guān)閉了，這也可以減少對系統(tǒng)資源 不必要的占用，后面我們會在需要的時候?qū)⑵浯蜷_！開始進行實例講解 ！1. 首先我們來制作版面效果，繪制現(xiàn)圖紙的邊框，加入相關(guān)文字說明。單擊工具欄中的 “矩形”工具按鈕，在圖紙的右側(cè)畫出如圖 08 所示的矩形。2. 將鼠標(biāo)移到矩形的一條側(cè)邊將其拉伸至圖 09所示的效果。曉毓 3.繼續(xù)將矩形處于被選擇的狀態(tài)，將 Shape Style （物體風(fēng)格）標(biāo)簽欄打開，單擊

5、Fill （填充）選項將矩形內(nèi)部的白色填充去掉， 我們即得到了圖 10 所示的圖版邊框效果接下來繼續(xù)使用矩形工具來繪制出右側(cè)圖紙說明欄的基礎(chǔ)，然后我們再給說明欄選擇 一個深灰的填充色，完成效果如圖 11 所示。注意： 1. 調(diào)節(jié) Fill （填充）色的方法有許多種，大家可以使用比較容易上手方便快捷的 方法。 2. 在這個顏色標(biāo)簽欄的左上角有一個小圖標(biāo)，它的做用是屏幕取色，點擊后可以 在電腦屏幕中的任何地方吸取想要的顏色，這也省去了慢慢調(diào)節(jié)滑塊的步驟。題外話：講解 Colors（ 顏色標(biāo)簽欄） /Image （圖像取色）功能 1. 現(xiàn)在我們來說一下 Colors（ 顏色標(biāo)簽欄） /Image（圖

6、像取色） 功能，首先打開 Image 標(biāo)簽，如圖 12 所示。 2. 單擊 Choose Image（選擇圖像）按鈕，彈出如圖 13 所示的打開標(biāo)題欄。 3. 在文件夾中 選擇一張圖片并將其打開，我們可以看到被打開的圖片顯示在 Image面版中，如圖 14 所 示。 4. 下面有意思的事情就出現(xiàn)了，當(dāng)你用鼠標(biāo)在打開的圖片中每點擊一次，在上方的 顏色條中便會顯示出與之相對應(yīng)的色彩， 如圖 15 所示，此時點選的是藍色帳篷，自然 與之對應(yīng)的藍色便顯示在上方的顏色條中了。 5. 我們還可以將選擇完成的顏色托入下方 的空白格子中保留住所選擇的顏色，完成效果如圖 16 所示。 本帖最后由 曉毓 于 20

7、08-4-10 02:34 編輯 下面我們繼續(xù)版式設(shè)計添加文字的講解，點擊屏幕上方工具條中的“文字”工具按鈕， 然后在打開與之對應(yīng)的 Text Style （文字效果）標(biāo)簽欄，如圖 17 所示。面版調(diào)節(jié)內(nèi)容與其18 所示。首先在深色區(qū)域窗選需要打字的區(qū)域，然后打出文字， Text Style 它軟件的調(diào)節(jié)方法都很相似，所以不做過多的講解了，完成效果如圖題外話： LayOut 中調(diào)整文字 LayOut 中輸入文字是需要提前在圖紙中窗選出所需要的區(qū) 域，如果輸入文字的空間不夠時也可以再將文字輸入?yún)^(qū)域拉伸，得到一個舒適的輸入?yún)^(qū) 域。 1. 選取文字，此時會出現(xiàn)可輸入?yún)^(qū)域的邊框，選中文字后我們同時還可

8、以看到在輸 入框中心出現(xiàn)了一個紅色的圓圈，如圖 19 所示。 2. 將鼠標(biāo)移到藍色框邊緣時邊框的一 側(cè)會以紅色高亮顯示，同時鼠標(biāo)也會變成另外一種狀態(tài)，此時可以按住鼠標(biāo)左鍵并托動 鼠標(biāo)，這就是拉伸文字輸入?yún)^(qū)域的方法，完成效果如圖 20 所示。 3. 繼續(xù)將鼠標(biāo)移至紅 色圓圈邊緣時可以觀察到此時鼠標(biāo)顯示的狀態(tài)是“旋轉(zhuǎn)” ，說明我們還可以將文字旋轉(zhuǎn)， 最終效果如圖 21所示。 本帖最后由 曉毓 于 2008-4-10 02:52 編輯 下一步繼續(xù)豐富圖面效果，插入圖片，執(zhí)行 File （文件）菜單 /Insert （插入）命令， 如圖 22 所示。LayOut 中了，如在電腦中找出需要的圖片單擊“打

9、開”按鈕，這樣便可以將圖片插入 圖 23 和圖 24 所示。接下來將插入的圖片移至右上角并將其調(diào)整成需要的尺寸，方法和前面講過的調(diào)節(jié)文 字輸入?yún)^(qū)域相同所以不再講解，完成效果如圖 25 所示。 注意：在進行比例縮放的過程中有一些小技巧我要說一下。 1. 按住 Ctrl 鍵等同于復(fù)制 并縮放命令。 2. 按住 Shift 鍵是等比例縮放命令。 3. 按住 Alt 鍵是以圖片中心點開始 縮放。具體使用方法請大家在操作中細心體會吧。題外話： LayOut中關(guān)于顯示圖像的操作講解 1.如圖 26所示，如果圖片需要被調(diào)整至一 個很小的區(qū)域而不方便觀察的話，我們可以滾動鼠標(biāo)滾輪來實現(xiàn)視圖的縮放，從而將視 圖

10、放大到我們想要的尺寸。 2. 當(dāng)圖片放大后我們還可以直接在當(dāng)前頁面的右下角文本框 中輸入相應(yīng)的數(shù)值來直接完成需要的顯示效果，如圖 27 所示。 3. 如果想要將視圖顯示 區(qū)域繼續(xù)放大，還可以單擊圖 28 所示的“ Auto Hide （自動隱藏）”按鈕將 LayOut 缺省 設(shè)置的調(diào)節(jié)菜單隱藏掉，隱藏后的效果如圖 29 所示。 4. 當(dāng)我們想要重新調(diào)出缺省面板 時，可以將鼠標(biāo)移至右上角的 Default Tray （缺省面板）圖標(biāo)處，它便會自動彈出，如 圖 30 所示。 5. 反之如果還要想將此面板常期可見的話， 再單擊“ Auto Hide（自動隱藏）” 按鈕即可，如圖 31 所示。（大家可

11、以仔細觀察一下此按鈕的先后狀態(tài)）32所示。下面根據(jù)已經(jīng)學(xué)習(xí)過的方法將圖框的其余部分也制作完成吧， 最終效果如圖調(diào)整圖面效果1. 選擇現(xiàn)在的視圖，將其按一定的比例縮放至整個圖框，具體步驟如圖33和圖 34所示在藍色圖框內(nèi)雙擊鼠標(biāo)，進入三維調(diào)整模式中將整個建筑單體全部顯示出來，完成效 果如圖 35 所示。注意：在調(diào)整視圖過程中可以將陰影關(guān)閉，否則速度會變的很慢，比例調(diào)整完成后再打 開陰影顯示就好了。保存我們的成果吧！36所下面打開 LayOut 中的圖層面板，單擊其中的“ +”號圖標(biāo)，新建一個圖層， 示。，右擊鼠標(biāo)在彈出的菜單中選擇37所示。將所有與圖框相關(guān)的內(nèi)容全部選中（其中不包括視圖）“Gro

12、up（成組）”命令，將繪制完成的散件組裝起來，我們可以觀察一下圖層面板，其中以藍色顯示的圖層為當(dāng)前層，如果這個圖層一直在 被選擇狀態(tài)的話，那么我們接下來所繪制的所有圖形都會被儲存在這個當(dāng)前圖層中，如 圖 38 所示。雙擊該圖層可以為其更改名稱，每個圖層都有相同的三個屬性，它們分別是， “隱藏”、 “鎖定”及“圖層信息共享”這三個屬性（關(guān)于最后一個功能我們會在后面有一個詳細 的講解），更名后的圖層效果如圖 39 所示。圖層名稱改完后我們要將繪制完成的圖框移至圖框?qū)又校紫仍趫D視圖中圖框上右擊 鼠標(biāo)，在彈出的菜單中選擇 “Move to Current Layer （移動至當(dāng)前層）”命令，如圖 4

13、0 所示。（此時在鼠標(biāo)選擇上圖框時，我以觀察到在當(dāng)前圖層藍色狀態(tài)條前面會出現(xiàn)一個深 色的小方點，這也可以確認一下此時我們所選擇的對象在哪個圖導(dǎo)之中。接下來將圖框?qū)渔i定，避免在做其它操作時不小心將制作完的成果毀掉， 如圖 41所示 注意：在 LayOut 中當(dāng)前層是不能被隱藏和鎖定的，所以在執(zhí)行此類命令前先要將此圖層 變?yōu)槠胀▓D層才可以進行相應(yīng)的操作，具體方法也很簡單，只要點擊一下其它圖層即可 將此圖層的當(dāng)前層屬性去掉。至于圖層的隱藏命令大家可以自己體會一下，不再做過多講解。下面要講解一下 LayOut 圖層所附帶的一個特殊功能， 這個功能在前面步驟也提到過， 它就是“共享圖層信息”功能。 （這

14、個圖標(biāo)可不是 PS 里的新建圖層命令呀）講解之前我們還要提到另外一個功能面板“ Pages（頁面）”功能，這兩個功能必須要 結(jié)合起來講，打開后的效果如圖 42 所示。43 所示。單擊“ +”號按鈕便可以新建一個頁面，完成效果如圖接下來單擊“ - ”號按鈕刪除新建的頁面，然后回到圖層面板中，單擊“共享圖層信 息”按鈕，如圖 44和圖 45 所示。（觀察一下此按鈕前后的差別吧）圖層共享打開后再繼續(xù)新建一個頁面，我們得到了圖 46所示的效果。（圖框?qū)颖还蚕?到了新建的頁面中了）將每個圖層名稱更改，再單擊“ Icons （縮略圖）”顯示按鈕使用另外一種顯示方式觀 察頁面效果，完成效果如圖 47 所示。

15、 注意：當(dāng)我們想取消“圖層信息共享”功能時，系統(tǒng)會彈出一個對話框，其中的第一個 選項是“將此圖層的內(nèi)容只保留在當(dāng)前頁面中”第二個選項是“將此圖層的內(nèi)容復(fù)制到 所有的頁面中”，本案操作步驟中共享的是圖框?qū)?，因為我們需要將圖框放置到每一個頁 面中，所以要選擇第二個選項，如圖 48 所示。49 所示。選擇新建的頁面，取消圖框?qū)拥墓蚕韺傩?，將此屬性只保留在?dāng)前頁，使用鼠標(biāo)雙擊“圖號” ，將圖號改成 02，如圖 50 所示。將圖號改完后點擊 1 號圖就可以發(fā)現(xiàn)圖號沒有被關(guān)聯(lián)， 這是因為我們?nèi)∠藞D層共享 功能后所導(dǎo)至的，如果繼續(xù)將“共享圖層信息”功能找開著，那么此時更改完圖號后其 它的圖號也會隨之聯(lián)動的

16、，細節(jié)請大家細心體會吧！ 今天先發(fā)到這吧，看看大家的反響如何吧，還有一半沒發(fā)上來呢，如果還能看懂的話我 就再發(fā)！晚安！ 坐在沙發(fā)上等待回帖，真舒服！原帖由 wikii 于 2008-4-10 07:00 發(fā)表 謝謝曉毓的精彩教程！另問一個問題：在 layout 中如何導(dǎo)出 JPG格式的成果呢？好像只能打印或者到處 PDF呀，可我需要 JPG或 者 PSD的格式 現(xiàn)在 LayOut只能輸出 PDF文件,如果你要想轉(zhuǎn)成 JPG或者 PSD的格式可以用 Photoshop 打開然后再轉(zhuǎn)成需要的格式呀 .原帖由 zhping52 于 2008-4-10 09:34 發(fā)表 終于看到曉毓的 LayOut

17、教程了, 期待后半 部分教程.講得很仔細 ,很好的教程 .我想問一下,選上現(xiàn)成的模板后 ,它的文字如何改呢 你可以觀察一下當(dāng)你打開一個現(xiàn)成的模板后文字所在的層都是被鎖定著的 , 所以你可以 先解鎖呀 !原帖由 Sorata 于 2008-4-10 12:02 發(fā)表 曉毓又出現(xiàn)勒 哦呵呵 跟貼學(xué)習(xí)咯 剛開始做就遇到第一個問題： 1 1214 樓的過程，我的問題是，在畫框的過程中，拉 伸了矩形以后，就會有白色面蓋住底下的圖，我是把底下的圖剪切下來以后再粘貼到最 前面來的。 .你把白色面選中后打開 shape style 面板,把其中的 fill 選項去掉就行了呀 ! 我沒寫明白 嗎 ?我再看看 !現(xiàn)在導(dǎo)出 PDF確實不能實現(xiàn)中文顯示 !至于像素大小我認為還可以 , 即然有了我們就先學(xué) 一下了, 等高級版本出來了再學(xué)新增功能不就簡了 !原帖由 yvgou 于 2008-4-10 1