PhotoShop平面效果圖后期處理實例知識分享

1、PhotoShop平面效果圖后期處理實例利用AutoCAD軟件可以準(zhǔn)確高效的完成建筑、規(guī)劃方案的設(shè)計，繪制出建筑施工圖、總平面圖、以及各類規(guī)劃設(shè)計相關(guān)圖紙。作為一款優(yōu)秀的圖形輔助設(shè)計軟件，AutoCAD軟件繪圖效率和準(zhǔn)確性上有較大的優(yōu)勢，但在圖面效果的表現(xiàn)上，如色彩、材質(zhì)、光影效果、配景素材等方面還略有不足，而對于這些有關(guān)圖面效果表現(xiàn)的因素，圖像處理軟件則具有比較好的優(yōu)勢，因此利用PhotoShop軟件對AutoCAD繪制線框圖進(jìn)行后期處理，將AutoCAD的方案設(shè)計圖制作成圖面效果豐富的圖像則是設(shè)計人員最常用的形式之一。一 、AutoCAD圖形輸出與PhotoShop圖形導(dǎo)入AutoCAD圖

2、形文件完成后，將圖形輸出成圖像文件主要有直接輸出和虛擬打印兩種方法，下面將這兩種方法予以簡單的介紹。1、直接輸出法在AutoCAD軟件中，直接單擊“文件/輸出”菜單命令，在打開的“輸出數(shù)據(jù)對話框”中可以選擇輸出的文件類型，其下拉列表中的“封裝PS*.eps”、“位圖*.bmp”等類型都是Photoshop支持的圖像格式。通過設(shè)置“文件名”、“保存于”等參數(shù)，可以將圖形輸出到指定的位置保存為圖像文件。AutoCAD輸出數(shù)據(jù)對話框如圖15-1所示。圖1 AutoCAD輸出數(shù)據(jù)對話框“封裝PS*.eps”和“位圖*.bmp”兩種格式的圖像，PhotoShop都可以打開，但用PhotoShop打開“封

3、裝PS*.eps”格式文件時，可通過調(diào)整分辨率和圖像的長、寬數(shù)值，確定圖像文件的大小，用這種方法可以打印出需要的任何大小圖幅的圖像。但打開eps格式文件時，有可能出現(xiàn)圖像不清晰的問題，這里有一個小技巧可以借鑒，可以先建立一白色的背景圖層，然后再將打開的圖像圖層連續(xù)復(fù)制出多個圖層副本，這樣處理可以使圖像清晰一些，最后將復(fù)制出的副本圖層合并成一個圖層即可，如圖15-2所示。圖2 在PhotoShop中打開eps格式圖像2、虛擬打印法虛擬打印法是通過設(shè)置虛擬打印機(jī)，將圖形打印輸出成圖像，把輸出的圖像再導(dǎo)入到PhotoShop進(jìn)行后期處理，虛擬打印發(fā)有JPG、BMP等輸出格式。在進(jìn)行虛擬打印之前，首先

4、要添加輸出光柵圖像的打印機(jī)。執(zhí)行“文件/繪圖儀管理器”命令，會彈出一“Plotters”窗口，在窗口中雙擊“添加繪圖儀向?qū)А眻D標(biāo)，會彈出一“添加繪圖儀簡介”對話框，單擊“下一步”按鈕，在彈出的“添加繪圖儀開始”對話框中，將要配置新打印機(jī)選擇為“我的電腦”，單擊下一步按鈕，彈出“添加繪圖儀繪圖儀型號”對話框，如圖3所示。在“添加繪圖儀繪圖儀型號”對話框中選擇光柵文件格式，對應(yīng)的“型號”列表中可以選擇JPEG、BMP等不同文件格式，執(zhí)行下一步設(shè)置“引入打印機(jī)信息”、“選擇繪圖儀名稱”等，最后單機(jī)完成按鈕，完成添加打印機(jī)操作。圖3 添加繪圖儀對話框在AutoCAD軟件中執(zhí)行“文件/打印”命令，打開打

5、印對話框,在“打印/繪圖儀”區(qū)域，打開“名稱”下拉列表，選擇“PublishToWeb.Jpg.pc3”，單擊打印機(jī)名稱后的“特性”按鈕，打開“繪圖儀配置編輯器”對話框， 如圖4所示。圖15-4 “打印”和“繪圖儀配置編輯器”對話框在“繪圖儀配置編輯器”中可以對輸出的光柵圖像的尺寸大小進(jìn)行設(shè)置，在“設(shè)備和文檔設(shè)置”選項卡的窗口中單擊“自定義圖紙尺寸”框中的“添加”按鈕，可彈出“自定義圖紙尺寸”對話框，在“自定義圖紙尺寸開始”中選擇“創(chuàng)建新圖紙”，依次設(shè)置“介質(zhì)邊界”、“圖紙尺寸名”等，可完成圖紙尺寸的設(shè)定，過程如圖5所示。圖5 “自定義圖紙尺寸”對話框在“繪圖儀配置編輯器”對話框中，保存創(chuàng)建的

6、圖紙，按確定按鈕后返回“打印”對話框，在“圖紙尺寸”下拉列表中可以選擇創(chuàng)建的自定義圖紙，確定后出現(xiàn)“瀏覽打印文件”對話框，設(shè)置“文件名”、“保存位置”等參數(shù)，單擊“保存”按鈕，虛擬打印設(shè)置結(jié)束，可以將AutoCAD的圖形文件輸出為圖像文件。在PhotoShop中打開輸出的圖像文件，即可進(jìn)行對圖像的后期處理操作。二、建筑平面效果圖繪制1、從AutoCAD中輸出圖紙在AutoCAD中打開如圖6所示的住宅建筑戶型平面圖， 調(diào)整圖層，將地板填充、中軸線、文字注釋等圖層關(guān)閉，保留墻體、門窗、尺寸標(biāo)注等圖層，然后采用虛擬打印的方法將圖形輸出為25001800像素的圖像，如圖7所示。圖6 CAD圖形文件圖7

7、 “虛擬打印”輸出的圖像2、墻體的處理在PhotoShop中打開上一步中“虛擬打印”輸出的25001800像素的圖像，并將其存儲為PhotoShop默認(rèn)的PSD格式文件，調(diào)整圖像“亮度/對比度”使圖像更清晰。新建一圖層命名為“墻體”，利用“魔術(shù)棒”工具選擇墻體內(nèi)部，快速建立墻體選擇區(qū)域，（注意：用“魔術(shù)棒”創(chuàng)建選擇區(qū)時，可將“魔術(shù)棒”設(shè)置為加模式，以連續(xù)添加選區(qū)）。將“前景色”設(shè)置成黑色，用前景色填充選擇區(qū)。同樣的辦法將陽臺墻體填充為淺灰色，墻體填充后的圖像效果如圖8所示。圖8 墻體填充后效果3、填充地板、地磚在PhotoShop中，可以采用“圖案填充”的方式，在住宅建筑平面圖上填充上各種圖案

8、豐富的地板、地磚貼圖。打開如圖9所示的“瓷磚貼圖”素材圖片，并執(zhí)行“編輯/定義圖案”命令將其定義為圖案。在打開的住宅戶型平面圖PhotoShop文件中，新建一“地板、地磚”圖層，利用“魔術(shù)棒”工具選擇陽臺、衛(wèi)生間建立選擇區(qū)，執(zhí)行“編輯/填充”命令，用“瓷磚貼圖”填充陽臺、衛(wèi)生間區(qū)域。同樣的辦法，打開如圖10所示的“地板貼圖”和“地磚貼圖”，并將其定義成圖案，填充完地板、地磚后圖像效果如圖11所示。圖9 瓷磚貼圖圖10 地板貼圖和地磚貼圖圖11 “地板”、“地磚”填充后效果“地板”填充區(qū)域的圖像效果顏色偏暗，此時可利用“圖像/調(diào)整/曲線”命令對地板區(qū)域的明暗效果進(jìn)行調(diào)整，如圖12所示。利用“圖像

9、/調(diào)整/曲線”命令對圖像的效果進(jìn)行調(diào)整也是常用的一種高效的圖像調(diào)整方法。圖12 利用“曲線”調(diào)整地板填充效果4、添加配景素材在PhotoShop中大部分的配景素材可通過復(fù)制相關(guān)的素材貼圖就可以，少量的配景素材也可在PhotoShop中繪制，本例中以電視和電視柜繪制簡單介紹配景素材的繪制，其余沙發(fā)、衛(wèi)浴設(shè)施、桌椅等素材則都是以復(fù)制貼圖文件來完成。在住宅建筑平面圖PhotoShop文件中，新建一圖層并命名為“電視柜”，創(chuàng)建矩形選區(qū)，打開如圖13所示的“木紋貼圖”并定義成圖案，用此圖案填充矩形選區(qū)繪制出電視柜雛形。圖13 木紋貼圖直接填充圖案形成的電視柜邊緣過于刻板，可以采用“圖層樣式”中的“斜面和

10、浮雕”選項進(jìn)行調(diào)整，如圖14所示。圖14 利用“圖層樣式/斜面和浮雕”處理電視柜邊緣效果同樣的方法，創(chuàng)建選區(qū)填充顏色并設(shè)置“圖層樣式”，繪制出電視和音響，如圖15所示。圖15 繪制電視和音響利用復(fù)制圖像的方法，添加家具、植物、衛(wèi)浴設(shè)施等貼圖配景模塊，在調(diào)整復(fù)制的配景模塊時注意“自由變形”命令的應(yīng)用，最終效果如圖16所示。圖16 住宅建筑平面效果圖三、小區(qū)規(guī)劃平面效果圖的制作1、使用AutoCAD輸出圖紙運行AutoCAD軟件，打開前面第十一章完成的小區(qū)規(guī)劃總平面圖，如圖17所示。到PhotoShop中進(jìn)行后期處理，主要是添加樹木、建筑、人物、花草等配景，并對圖面效果進(jìn)行優(yōu)化，而在PhotoSh

11、op中進(jìn)行圖像處理，首先就是要建立選區(qū)，因此在AutoCAD中進(jìn)行圖形文件的虛擬輸出時，就要考慮到PhotoShop中選擇區(qū)的建立，應(yīng)將各類地塊邊界等突出顯示、而其它的輔助和填充圖層應(yīng)關(guān)閉以方便到PhotoShop中進(jìn)行后期處理。將小區(qū)規(guī)劃總平面圖中的綠化、樹木、用地填充、文字注釋、輔助的標(biāo)注等圖層關(guān)閉，如圖18所示。圖17 住宅小區(qū)規(guī)劃總平面圖圖18 調(diào)整后的住宅小區(qū)規(guī)劃總平面圖按照前面所述的虛擬打印的方法，將小區(qū)規(guī)劃總平面圖的AutoCAD圖形文件輸出成圖像。這里需要注意的是，因為地形背景在PhotoShop中也是作為背景圖像單獨顯示的，因此應(yīng)將地形背景單獨輸出，而如圖18所示的圖形則一起

12、輸出，因此如何保證兩次虛擬打印輸出的圖像大小及圖形位置一致就是一個需要解決的問題。對于這一問題，我們可以在虛擬打印之前新建一圖層，將圖層命名為“打印窗口”，并將其圖層屬性中的打印屬性設(shè)置為不可打印，然后在新建的“打印窗口”圖層中繪制一矩形框，作為打印的捕捉窗口，在虛擬打印時，均以此窗口作為打印捕捉窗口，這樣可以保證兩次打印時的圖像大小及圖形位置一致，兩次虛擬打印輸出的圖像如圖19所示。圖19 虛擬打印輸出的住宅小區(qū)規(guī)劃總平面圖及地形背景圖像2、調(diào)整輸出的圖紙啟動PhotoShop軟件，打開上一步虛擬打印輸出的兩幅圖像，先通過“圖像/調(diào)整/色相、飽和度”命令和“圖像/調(diào)整/亮度、對比度”命令分別

13、調(diào)整兩幅圖像，“飽和度”數(shù)值可調(diào)整為-100，使圖像轉(zhuǎn)為單色圖像，“對比度”數(shù)值可調(diào)整為50以上，增強圖像的對比度，這樣處理后圖像將更清晰些。利用“移動工具”將兩幅圖像復(fù)制到一個PhotoShop文件中，兩個圖像將作為兩個圖層顯示，可再另新建一圖層作為“圖層背景”。圖像的對齊可利用“對齊鏈接圖層”的辦法予以對齊，也可通過降低上層圖像的透明度然后利用“移動工具”對齊。然后創(chuàng)建矩形選區(qū)，用選區(qū)來裁切圖像，將圖紙多余部分予以裁切，效果如圖20所示。圖20 調(diào)整裁切后的圖像3、路面的處理為了表述方面，我們將前面導(dǎo)入的兩幅圖像的圖層名分別命名為“地形”和“規(guī)劃圖”，地形圖層暫時不用可以將其關(guān)閉并鎖定。使

14、用“縮放工具”將視圖放大，檢查規(guī)劃圖，利用“鉛筆工具”將不閉合的線條封閉，并將規(guī)劃主干道路兩端封閉。在檢查過程中一定要細(xì)致，線條不閉合將無法正確填充，特別需要注意的是由于虛擬打印圖形像素化過程中曲線與直線的交叉處容易出現(xiàn)線條不閉合的問題。在“規(guī)劃圖”圖層利用“魔術(shù)棒工具”選擇道路，建立道路選區(qū)。新建一圖層命名為“道路”，并作為當(dāng)前圖層，將前景色設(shè)置為淺灰色（171、173、176），背景色設(shè)置為深灰色（132、129、126），使用漸變工具從左上方向右下方做線性漸變，用漸變來填充道路選區(qū)。再利用“減淡工具”和“加深工具”對填充后的道路進(jìn)行局部的明暗處理，道路填充后效果如圖21所示。圖21 填充

15、道路后效果新建一圖層，命名為“人行道”，在“規(guī)劃圖”圖層中選擇主干道兩側(cè)的人行道建立選區(qū)。打開如圖22左圖所示的鋪地貼圖并定義成圖案，用圖案填充“人行道”選區(qū)，用“減淡工具”對人行道進(jìn)行局部的明暗處理，完成人行道的繪制，如圖22右圖所示。圖22 人行道鋪地貼圖和人行道填充效果4、填充廣場新建一圖層命名為“廣場”，在“規(guī)劃圖”圖層中將方形廣場內(nèi)除了將代表沙坑的部分保留其余的多余線條刪除。打開如圖15-23左圖所示的鋪地貼圖并將其定義成圖案，用此圖案填充方形的廣場，同時用淺灰色填充籃球場，方形廣場填充后效果如圖23右圖所示。圖23 方形廣場鋪地貼圖和填充效果打開如圖24中的圓形圖案貼圖，利用“魔術(shù)

16、棒工具”結(jié)合“反選”、以及“圓形選區(qū)工具”將其中圓形圖案選中，利用“移動工具”將圓形選區(qū)復(fù)制到“小區(qū)規(guī)劃平面圖后期處理”PhotoShop文件中，利用“自由變形工具”和“移動工具”調(diào)整其大小和位置，將其放在“圓形廣場”的位置，最后將復(fù)制的圓形貼圖圖案合并到廣場圖層中。圖24 圓形廣場鋪地貼圖及其布置位置5、填充停車場停車場采用鑲嵌草地的“間草磚”來鋪裝，首先來制作用來填充停車場的“間草磚”填充圖案。打開如圖25左側(cè)圖案所示鋪地貼圖，使用矩形選擇工具，均勻創(chuàng)建一系列舉行選擇區(qū)，并使選區(qū)成一整體，將前景色設(shè)置為草綠色（81、132、18），用前景色填充選區(qū)。對填充成綠色的選區(qū)執(zhí)行“濾鏡/雜色/添加

17、雜色”命令，再執(zhí)行“濾鏡/模糊/動感模糊”命令，然后配合“減淡工具”和“加深工具”對局部明暗處理，制作相對真實的草地效果。效果如圖25右側(cè)圖案所示，并將此貼圖定義成圖案。圖25 制作停車場鋪地貼圖在“規(guī)劃圖”圖層中，利用“多邊形套索工具”創(chuàng)建停車場選區(qū)，然后新建一“停車場”圖層，填充上一步中制作的“間草磚”圖案。6、建筑的處理住宅建筑的處理，按照規(guī)劃圖中給定的建筑輪廓填充顏色即可，以點式住宅的處理為例簡單介紹住宅建筑的處理。使用“魔術(shù)棒工具”在“規(guī)劃圖”圖層中建立點式住宅選區(qū)，新建一圖層命名為“住宅建筑”并設(shè)置成當(dāng)前圖層。由于虛擬打印出的圖像線條不是很清楚，因此在填充顏色之前，先執(zhí)行“編輯/描

18、邊”命令，將點式住宅選區(qū)外輪廓描邊2像素。再執(zhí)行“選擇/修改/收縮”命令，將點式住宅選區(qū)向內(nèi)收縮4像素，執(zhí)行“編輯/填充”命令，將點式住宅填充上淡黃色（255、249、157），過程如圖26所示。圖26 點式住宅建筑顏色填充填充后的住宅建筑，我們還需要對其田加一些特效，如陰影等。在PhotoShop中，可以使用“圖層樣式”的設(shè)置來制作陰影等特效，利用“圖層樣式/投影”來制作陰影，“投影”屬性設(shè)置參數(shù)如圖27所示。圖27 點式住宅建筑顏色填充公共建筑中住宅底層的裙房處理的方法與住宅建筑類似，只是填充顏色改成了橙紅色（232、100、27）。而對于小區(qū)會所、托幼、老年活動中心等公共建筑則是以復(fù)制建

19、筑模塊的方式，直接插入制作好的建筑模塊，建筑模塊如圖15-28所示。將托幼、商業(yè)服務(wù)設(shè)施場地填充鋪地貼圖圖案后，建筑處理效果如圖29所示。圖28 建筑模塊圖29 建筑填充后效果7、草地的處理草地的填充可以直接填充草地貼圖圖案，也可使用前面制作“間草磚”貼圖時用過的“填充顏色”結(jié)合“濾鏡工具”的方法自行制作綠地，這里我們采用填充貼圖圖案的方式來完成草地的填充。打開如圖30所示的草地素材圖像，利用“矩形選擇工具”在草地素材上選取草地色調(diào)較自然的部分，然后定義成圖案。圖30 定義草地填充圖案在住宅小區(qū)規(guī)劃平面圖后期處理PhotoShop文件中，將“規(guī)劃圖”圖層設(shè)為當(dāng)前圖層，使用“魔術(shù)棒工具”選擇草地

20、區(qū)域建立草地選區(qū)，執(zhí)行“填充”命令填充圖30中定義的草坪圖案，草地填充后效果如圖31所示。圖31 草地填充后效果在規(guī)劃圖中還有兩處“沙坑”，北側(cè)的“沙坑”周邊的小路可以采用前面的“人行道”鋪地貼圖填充即可。在“規(guī)劃圖”圖層中選擇“沙坑”內(nèi)部區(qū)域，創(chuàng)建選區(qū)，先用類似“沙子”的顏色（188、185、111）填充選區(qū)，然后執(zhí)行“濾鏡/雜色/添加雜色”命令，形成雜點效果，如圖32所示。圖32 填充沙坑8、添加配景向圖像中添加樹木、花草、人物、汽車等配景素材，使圖像豐富多彩。本例中用到的樹木配景素材如圖33所示。樹木主要沿道路兩側(cè)布置。圖33 填充沙坑打開如圖34所示汽車配景素材，通過調(diào)整圖像“色相/飽和度”，可以改變汽車的顏色，這樣可以再生成兩個不同顏色的汽車素材，如圖35所示。圖34 汽車素材和調(diào)整“色相/飽和度”圖35 調(diào)整圖像“色相/飽和度”改