這篇教程在光影和透視方面特別出彩，你可以在臨摹的過(guò)程中感受到作者的用心和細(xì)致程度。教程將幫你學(xué)會(huì)如何找到正確的視角和精準(zhǔn)地塑造光效，全是日常修圖的重難點(diǎn)！修圖高手出教程不多，別錯(cuò)過(guò)咯。

最終效果圖：

Step 1

先搜索一張干凈整潔的房間照片，不要有太多光源（最好只有一個(gè)），高清圖片為佳。此處選用了ArchDaily博客上的圖片，如果你能確保你的圖片與此類(lèi)似，并且能夠做出有趣的效果出來(lái)，盡管大膽嘗試吧！

PS打開(kāi)此圖，直接裁切掉（快捷鍵C）圖片冗余部分，當(dāng)然此步也可以在全片修改完成后執(zhí)行。

（同學(xué)們右鍵另存即可）

Step 2

摳出此圖中你想保留的部分。我要保留木衣櫥，柱子和窗戶(hù)。復(fù)制（Command+J/ Ctrl+J）此圖層四次，在每個(gè)圖層上使用矢量蒙版，除了剛開(kāi)始的原始圖層不用加。在圖層面板中雙擊蒙版圖標(biāo)。

用鋼筆工具（快捷鍵P），剛開(kāi)始用可能覺(jué)得不易，練多了就好。回過(guò)來(lái)，將背景圖層暫時(shí)設(shè)置為不顯示，即點(diǎn)擊圖層面板中該圖層前的小眼睛。

Step 3

我想讓圓柱整個(gè)留下來(lái)，所以在矢量蒙版中間添加錨點(diǎn)，再用圓角工具，使其呈現(xiàn)如圖所示的圓角形狀。

通過(guò)在圓柱兩邊新建垂直參考線(xiàn)，找到中點(diǎn)，標(biāo)尺工具打開(kāi)（Command+R/Ctrl+R），如圖，左邊拉根兒參考線(xiàn)，右邊拉根兒參考線(xiàn)。矩形選框工具（快捷鍵M），簡(jiǎn)單拖出如圖大小的選框。

我將底層暫時(shí)設(shè)置為黑色，讓效果更為明顯。

Step 4

在選區(qū)右擊，變形，如圖，寬度數(shù)值設(shè)置為50%。

Step 5

現(xiàn)在，在中間位置，再拉出一根垂直參考線(xiàn)。

Step 6

我不大喜歡圓柱所處的位置。

我想讓它的底部與第一個(gè)衣櫥的角在同一條直線(xiàn)上，如下圖所示。所以，我又拉出一根水平的參考線(xiàn)，然后，相應(yīng)地將圓柱向上移動(dòng)至水平線(xiàn)上，移動(dòng)時(shí)，按住shift鍵，以使其沿直線(xiàn)移動(dòng)，還會(huì)自動(dòng)貼合參考線(xiàn)。

Step 7

接著開(kāi)始創(chuàng)建地板部分。返回到第一個(gè)圖層，使用矩形工具（快捷鍵U）。在地板位置，簡(jiǎn)單勾勒一個(gè)淺灰色的矩形。確保該圖層在其他幾個(gè)元素的圖層的底層，雙擊圖層，打開(kāi)圖層樣式，點(diǎn)擊漸變疊加，混合模式設(shè)置為正常，不透明度為20%，使用黑色到白色的漸變，角度90°。

Step 8

接著，開(kāi)始打造瓷磚部分，就像原始圖片上一樣，我們將剛剛做好的地板圖層設(shè)置為不可見(jiàn)，然后將原來(lái)的背景圖層設(shè)置為可見(jiàn)，在形狀面板里找到直線(xiàn)工具，簡(jiǎn)單拉出一根大小為1px的白色線(xiàn)條，如下圖。

Step 9

再重新將地板圖層設(shè)置為可見(jiàn)，然后，用同樣的方法，來(lái)制作墻壁效果，顏色選用深灰色。還是用矩形工具，寬度截至衣櫥邊沿，漸變疊加效果稍有不同，如下圖。

Step 10

天花板的制作，使用鋼筆工具，首先，搞清楚消失點(diǎn)在哪里。因?yàn)樾陆ǔ鰜?lái)一道墻，所以要調(diào)整下天花板的視角，你可以憑感覺(jué)或者畫(huà)輔助線(xiàn)來(lái)勾勒線(xiàn)條。如圖，沿著衣櫥底邊的線(xiàn)和右邊窗戶(hù)底邊的線(xiàn)，兩線(xiàn)交叉得到一個(gè)點(diǎn)。

Step 11

再選個(gè)顏色，畫(huà)第三根線(xiàn)條，如圖，三點(diǎn)相交點(diǎn)為消失點(diǎn)。

Step 12

使用鋼筆工具，顏色選用淺灰色，沿著剛剛畫(huà)的那根線(xiàn)畫(huà)線(xiàn)，同樣，使用漸變疊加效果，如圖，此時(shí)，可以將之前畫(huà)的輔助線(xiàn)刪除啦。

Step 13

從右邊有光線(xiàn)照射進(jìn)來(lái)，所以，左邊的天花板要略微暗點(diǎn)，做點(diǎn)漸變效果。

Step 14

按住Alt鍵，復(fù)制天花板形狀圖層的蒙版，拖至漸變圖層，再設(shè)置不透明度為20%左右，這步是為了創(chuàng)造出逼真的光照效果。

Step 15

為了讓地板顯得更加光潔亮麗，在地板上添加周?chē)矬w的倒影是個(gè)不錯(cuò)選擇，不過(guò)要注意視角問(wèn)題，不能簡(jiǎn)單地將其垂直翻轉(zhuǎn)，再添加一個(gè)漸變蒙版，這些操作之前，需要將其稍加傾斜，才更為逼真。

從最簡(jiǎn)單的“圓柱圖層”做起，先復(fù)制該圖層，垂直翻轉(zhuǎn)，添加漸變蒙版。再將剛開(kāi)始的“圓柱圖層”復(fù)制一下，使用自由變形（Command+T/Ctrl+T），右擊，垂直翻轉(zhuǎn)，將此圖層放至“圓柱圖層”下方。

Step 16

添加圖層蒙版，選擇漸變工具（快捷鍵G），創(chuàng)建一個(gè)由黑轉(zhuǎn)透明的漸變效果，從整個(gè)圖片的底部上方一點(diǎn)，向上拉漸變，將該圖層的不透明度調(diào)整為40%。

Step 17

窗戶(hù)這邊的效果制作要比圓柱部分復(fù)雜些。同樣的，復(fù)制圖層，垂直翻轉(zhuǎn)，不同的是，直接這樣放在地板上的效果是錯(cuò)誤的視角，所以，需要右擊，變形，要縮小好多，可以按住Alt鍵，滾動(dòng)鼠標(biāo)來(lái)調(diào)整大小。

Step 18

現(xiàn)在添加圖層蒙版，還是黑色到透明的漸變效果，不過(guò)，這次是沿對(duì)角線(xiàn)拉漸變，然后設(shè)置不透明度為40%。

Step 19

衣櫥這邊的效果是最難做的。先復(fù)制原始的“衣櫥圖層”，得到“衣櫥圖層副本”在其矢量蒙版上右擊，柵格化矢量蒙版，于是，矢量蒙版變成了圖層蒙版，剪切掉多余部分，使其更易操作，然后，點(diǎn)擊圖層蒙版，右擊應(yīng)用圖層蒙版。于是得到一個(gè)沒(méi)有蒙版的圖層，接著，再次給該圖層（“衣櫥圖層副本”）添加一個(gè)圖層蒙版和一個(gè)矢量蒙版，復(fù)制該圖層三次，于是得到四層經(jīng)過(guò)柵格化的衣櫥圖層。

好了，現(xiàn)在先不管蒙版部分了。你可能會(huì)想知道為什么這邊需要這樣的四個(gè)衣櫥圖層，因?yàn)椋瑘D片上每個(gè)衣櫥都需要相應(yīng)地蒙版和視角，下圖中，朝向我們這邊的一面，你看到的倒影部分比較簡(jiǎn)單，直接是垂直翻轉(zhuǎn)效果，但是朝向窗戶(hù)的一面倒影效果，需要在翻轉(zhuǎn)后稍作傾斜調(diào)整。

Step 20

現(xiàn)在，我們開(kāi)始使用矢量蒙版圖層啦，如下圖，用矩形工具，為衣櫥的每個(gè)面畫(huà)個(gè)矩形形狀。

Step 21

再次使用從黑色到透明的漸變效果，為四個(gè)衣櫥圖層的圖層蒙版添加該漸變效果，將此四層添加到一組，并將改組的不透明度設(shè)置為40%，然后，將整組移動(dòng)到原始的“衣櫥圖層”下方。

Step 22

接下來(lái)，開(kāi)始添加些光束，這些光線(xiàn)是從右邊窗戶(hù)照射進(jìn)來(lái)的，這樣讓整個(gè)畫(huà)面顯得更加栩栩如生。新建一圖層，選用多邊形套索工具（快捷鍵L），選區(qū)范圍如下圖。

Step 23

選擇淺褐色，用漸變工具拉一個(gè)漸變效果，如圖。

Step 24

接著用濾鏡→模糊→高斯模糊，用大概2像素的羽化效果。然后將圖層不透明度調(diào)整為30%。

Step 25

其他窗口的光線(xiàn)效果直接復(fù)制剛剛做好的光效圖層，然后自由變換（Command+T/Ctrl+T），再上移至第二個(gè)窗戶(hù)的位置，如下圖所示。

Step 26

接著繼續(xù)做前面剩下窗戶(hù)的光線(xiàn)，下圖已完成四層光效，我將前面三層的不透明度調(diào)整成了30%。

Step 27

當(dāng)然，為了更逼真的特效，我們將窗戶(hù)下面那格的光效也添上，我就在最里面那個(gè)窗口添加了一層，當(dāng)然，你也可以給其他窗口繼續(xù)添上，注意，漸變效果要以黑色為起點(diǎn)顏色。

Step 28

我在做特效時(shí)，總喜歡為圖片添加些額外的效果，比方說(shuō)，這邊，我想給衣櫥之間添加一種有過(guò)道的感覺(jué)。工序相當(dāng)簡(jiǎn)單，用鋼筆工具，在天花板上畫(huà)出一個(gè)黑色的三角形，三角形上面的那條邊要與衣櫥上方的邊線(xiàn)對(duì)齊，然后，設(shè)置該圖層的不透明度為30%。

Step 29

然后，給該圖層添加一個(gè)從黑色到透明的漸變疊加，參數(shù)設(shè)置如下圖。

Step 30

為其他衣櫥添加類(lèi)似光效。

Step 31

接下來(lái)，對(duì)衣櫥進(jìn)行些調(diào)整，選用矩形工具，在衣櫥面向過(guò)道的那面上，畫(huà)兩個(gè)矩形，分別在畫(huà)兩個(gè)圖層上，設(shè)置不透明度為50%。

Step 32

給兩個(gè)形狀圖層，在水平方向上，添加從黑色到透明的漸變疊加，不透明度設(shè)置為55%。

Step 33

新建一個(gè)新的圖層，選用漸變工具，用白色到透明的線(xiàn)性漸變。然后沿對(duì)角線(xiàn)拉一個(gè)漸變，起點(diǎn)為右下角到墻上，如下圖。

Step 34

按住Command鍵，點(diǎn)擊形狀圖層，選中墻面。然后反選（Command+Shift+I/Ctrl+Shift+I），按Delete鍵清除墻外多余部分，取消選區(qū)（Command+D/Ctrl+D），為兩面墻做同樣的操作，不透明度設(shè)置為50%。

Step 35

衣櫥邊角需要點(diǎn)高光。用直線(xiàn)工具，大小1px，顏色白色，沿著墻邊繪制即可。畫(huà)第二根的時(shí)候，按住shift鍵。

Step 36

線(xiàn)條圖形的不透明度設(shè)置為15%。

Step 37

同樣的，在衣櫥上方的邊線(xiàn)處，畫(huà)黑線(xiàn)，不透明度為15%。

Step 38

因?yàn)楣饩€(xiàn)從右邊窗口發(fā)出，所以，衣櫥過(guò)道的陰影設(shè)置技巧類(lèi)似窗口光束效果的制作過(guò)程。選用套索工具，選中衣櫥表面，除了上面角落的小三角部分，沒(méi)選中的這部分其實(shí)是陰影部分。

Step 39

選用漸變工具，從右邊到左邊，添加從白色到透明的線(xiàn)性漸變效果，按住shift鍵，是其呈直線(xiàn)。

Step 40

取消選擇，為該圖層添加2 px羽化效果的高斯模糊濾鏡效果。白色部分可能有點(diǎn)越界，所以選中櫥面，添加圖層蒙版，于是羽化效果只在櫥面上呈現(xiàn)。其實(shí)，越往下，光線(xiàn)越暗，所以，我們要在圖層蒙版上添加一層從黑色到透明的漸變效果，不透明度設(shè)置為70%左右。

Step 41

為其他的櫥面做相同的特效。

Step 42

接下來(lái)我們要開(kāi)始做圓柱后面的窗戶(hù)，該窗戶(hù)可以看見(jiàn)海邊城市風(fēng)光。這個(gè)窗戶(hù)的制作要放置在當(dāng)前已經(jīng)創(chuàng)建好的所有圖層的底部。回到第一個(gè)圖層，現(xiàn)在第一個(gè)圖層是地板形狀圖層。然后，選用矩形工具，畫(huà)矩形，現(xiàn)在上面啥都沒(méi)有，所以顏色隨意。

Step 43

現(xiàn)在，混合選項(xiàng)是關(guān)鍵，首先，將不透明度調(diào)整為0%，圖層樣式里，設(shè)置描邊，位置：內(nèi)部，大小6px。

Step 44

復(fù)制此圖層，改變圖層樣式中描邊，內(nèi)發(fā)光以及漸變疊加。描邊改為：黑色，3px，內(nèi)部。內(nèi)發(fā)光：混合模式為正常，大小100px，不透明度10%。

漸變疊加部分，我們稍后再做調(diào)整，先將混合模式設(shè)置為正片疊底，不透明度25%，縮放55%，設(shè)置完成后效果圖大致如下圖。

效果如下：

我將其顏色設(shè)置為深灰色，以使整個(gè)畫(huà)面效果更清晰直觀(guān)。

Step 45

現(xiàn)在，也給這個(gè)窗口在地板上做個(gè)倒影。同樣，復(fù)制窗戶(hù)相關(guān)的所有圖層，將其放置在一個(gè)組里，然后放置在窗戶(hù)相關(guān)圖層的底部，再添加一個(gè)圖層蒙版，添加黑色漸變效果，從底部向上拉漸變，將整組的不透明度設(shè)置為30%，注意此組在地板相關(guān)圖層的上方。

再給左邊的墻面添加點(diǎn)光。同樣，為圓柱添加些陰影和光線(xiàn)。在左邊墻面圖層的上方，創(chuàng)建一個(gè)新圖層，用漸變工具，選用淺玫瑰色，做徑向漸變。

Step 46

自由變換漸變圖層，將其放置在衣櫥面的上方，按住Command/Ctrl鍵，來(lái)調(diào)節(jié)大小。這個(gè)和扭曲變形的效果一樣（編輯→變形→扭曲）。

Step 47

設(shè)置該圖層的不透明度為30%。

至于圓柱的陰影效果，和制作光線(xiàn)類(lèi)似，只不過(guò)顏色換成黑色的徑向漸變效果。

在陰影區(qū)域，創(chuàng)建一個(gè)圖層蒙版，使用徑向漸變，顏色黑色，從左至右，不透明度設(shè)置為8%。再建一個(gè)小點(diǎn)的，不透明度同樣為8%。接著，再建一個(gè)更小的，不透明度100%，同樣使用圖層蒙版，徑向漸變，顏色黑色，從左至右，使其漸隱。將以上幾個(gè)圖層放置在一組，設(shè)置整組的不透明度為90%左右。如果，有些黑色陰影越界了，你可以添加一個(gè)圖層蒙版，選中之，刪除之，我在圓柱上方和下方都做了該操作。

Step 48

當(dāng)前你圖層面板這塊，應(yīng)該是下圖的模樣。

Step 49

接著，開(kāi)始做圓柱后面的光。回到，圓柱圖層，在圓柱的左邊創(chuàng)建一個(gè)窄窄的矩形形狀，先不管啥顏色。

Step 50

將右邊的錨點(diǎn)上提，再在中點(diǎn)處加一個(gè)錨點(diǎn)，同樣上提。

Step 51

下面的錨點(diǎn)同樣，不過(guò)，這邊是向下拉。

Step 52

現(xiàn)在唯一要做的事就是改變混合模式，將填充設(shè)置為0%，圖層樣式中漸變疊加，從白色到透明的漸變，不透明度為65%，角度為0°，縮放150%。

Step 53

現(xiàn)在，房間內(nèi)所有的調(diào)整都做好了，現(xiàn)在要開(kāi)始做圓柱后面那扇窗的特效了。我想做一個(gè)城市夜景的設(shè)計(jì)。首先，選中當(dāng)前所有圖層，回到第一個(gè)圖層，即地板圖層，單擊。

然后，按住shift鍵，單擊衣櫥陰影圖層，于是，房間內(nèi)所有圖層都選中，將這些圖層放在一組，命名為：“房間”。這是為了方便后面的操作，方便快速找到組件。

接著，在“房間”組下面，創(chuàng)建一個(gè)新圖層，矩形選框，選擇如下圖區(qū)域，這部分將要做夜空效果。

Step 54

選用漸變工具，顏色從淺灰到深灰，方向從下到上。

Step 55

反選（Command+shift+I/Ctrl+shift+I），添加漸變，顏色從灰色到淺灰，方向從上往下，這部分是海。

Step 56

在圓柱后面，再新建一個(gè)圖層，添加漸變，顏色從黃色到透明，徑向漸變，如下圖所示。混合模式為正片疊底，不透明度為25%。

Step 57

繪制城市地平線(xiàn)。可以直接選張城市剪影圖片，用鋼筆工具繪制一下，也可以在網(wǎng)上搜索一些常用的形狀，加載使用，都行。

如下圖。

我把不需要的部分剪影去掉了，選用了中間的那部分常見(jiàn)圖形。

Step 58

為該圖層添加圖層樣式，外發(fā)光，白色，混合模式為柔光，這樣就像城市在發(fā)光。還可以用白色的描邊，調(diào)節(jié)不透明度到很低，混合模式調(diào)為正片疊底，使光效更加鋒利。

Step 59

給城市剪影做個(gè)倒影。跟之前類(lèi)似，復(fù)制圖層，垂直翻轉(zhuǎn)，添加圖層蒙版，做從黑到白的漸變效果。

Step 60

我想讓城市建筑上有窗戶(hù)，發(fā)出光芒，顯得更具生機(jī)。

為了簡(jiǎn)化后期制作，先做一個(gè)窗戶(hù)筆刷。新建一個(gè)50×50像素的文件。矩形選框在中間框選一個(gè)矩形，填充黑色。

Step 61

取消選擇，編輯→定義畫(huà)筆預(yù)設(shè)，給筆刷取個(gè)你喜歡的名字。

Step 62

選中剛剛創(chuàng)建好的筆刷，窗口→畫(huà)筆，接著做如圖所示的設(shè)置。

Step 63

這樣，你就有完美的窗戶(hù)筆刷啦。按住shift鍵沿直線(xiàn)畫(huà)，效果最佳。繪制完成后，在水面繪制倒影。

Step 64

接著開(kāi)始畫(huà)海。創(chuàng)建新圖層，選中你要繪制海面的部分，填充白色。

Step 65

濾鏡→雜色→添加雜色。數(shù)量大于100%，高斯分布，單色設(shè)置。

Step 66

模糊→動(dòng)感模糊，角度0°，距離55像素。

Step 67

改變亮度，圖像→調(diào)整→亮度/對(duì)比度，設(shè)置亮度在大約120。

Step 68

混合模式設(shè)置為正片疊底，復(fù)制該圖層。

Step 69

用星星和云朵裝飾天空。新建一個(gè)新圖層，全部填充黑色，再用濾鏡→雜色→添加雜色，數(shù)量大約25%。

Step 70

混合模式設(shè)置為變亮，添加圖層蒙版，拉一個(gè)從白色到黑色的漸變。

Step 71

你也可以用星星筆刷來(lái)添加更多的星星，星星筆刷下載 . 云朵筆刷打包下載

我建立了三個(gè)圖層。其中兩個(gè)，不透明度設(shè)置為60%，這兩層是空中的云層，還有一層的不透明度設(shè)置為30%，這一層是靠近地面的云層。如果你要抹掉部分云朵，可以添加圖層蒙版。

接著，是星星圖層，為星星圖層添加一個(gè)矢量蒙版。然后，用鋼筆工具，把云朵部分區(qū)分開(kāi)來(lái)，這樣，云層上面就不會(huì)出現(xiàn)星星。選中“房間”組下面的所有圖層，把他們放置在一個(gè)組中。

Step 72

現(xiàn)在，這部分看起來(lái)還不太像星空。還要調(diào)整云層，對(duì)比度等等，這步很重要，雖然很簡(jiǎn)單。調(diào)整圖層不僅在照片處理中發(fā)揮奇妙作用，在做鼠繪插畫(huà)特效中也同樣重要。

在圖層板塊的底部點(diǎn)擊調(diào)整圖層，我們將使用黑白，亮度/對(duì)比度，曲線(xiàn)，色相、飽和度，純色以及漸變調(diào)整圖層。

確保，你的調(diào)整圖層是創(chuàng)建在“房間”組的上面。在黑白調(diào)整圖層上，做如下設(shè)置，混合模式設(shè)置為正片疊底，不透明度為80%。

Step 73

亮度/對(duì)比度調(diào)整圖層，改變亮度為-10，對(duì)比度為+60，混合模式和不透明度為默認(rèn)值。

Step 74

曲線(xiàn)調(diào)整圖層，可以好好把玩一番，我將混合模式設(shè)置為正常，不透明度為100%。

Step 75

改變色相/飽和度，色相為-30，將飽和度適量上調(diào)，然后將混合模式設(shè)置為變暗，不透明度為25%。

Step 76

至于純色調(diào)整圖層，我選用了洋紅色，混合模式為強(qiáng)光，不透明度為7%。

Step 77

接著添加一個(gè)漸變填充，來(lái)制造點(diǎn)虛光效果。格式如圖，為從黑色到透明的徑向漸變，勾選：反向，縮放150%，將混合模式設(shè)置為疊加，不透明度為30%。

Step 78

如果你的漸變效果不夠連貫自然，那是因?yàn)椋阍O(shè)置的是8位/通道，你可以在圖像→模式→16位/通道，不過(guò)，此時(shí)不就不能將圖片保存為JPEG格式了，只能保存為PNG或者其他高清圖片格式。

Step 79

圓柱這邊相比較圖片的其他部分有點(diǎn)偏亮了。所以，回到圓柱相關(guān)的圖層，在其上創(chuàng)建一個(gè)新的圖層，填充淺灰色，將混合模式設(shè)置為線(xiàn)性加深，不透明度為85%，在圖層面板上右擊該圖層，創(chuàng)建剪切蒙版。

至此，大功告成！本期教程，我們學(xué)會(huì)了善用圖片中各個(gè)已有的元素，輔以寫(xiě)實(shí)光效及合理視角，打造全新視覺(jué)體驗(yàn)，并學(xué)會(huì)了如何快速創(chuàng)建海邊城市夜景，最后運(yùn)用調(diào)整圖層，讓整個(gè)畫(huà)面更加生動(dòng)逼真。