夜景效果，把白天照片打造成寫實的夜景效果(15)

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

最終效果圖：

Step 1

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

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

（同學們右鍵另存即可）

Step 2

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

用鋼筆工具（快捷鍵P），剛開始用可能覺得不易，練多了就好。回過來，將背景圖層暫時設置為不顯示，即點擊圖層面板中該圖層前的小眼睛。

Step 3

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

通過在圓柱兩邊新建垂直參考線，找到中點，標尺工具打開（Command+R/Ctrl+R），如圖，左邊拉根兒參考線，右邊拉根兒參考線。矩形選框工具（快捷鍵M），簡單拖出如圖大小的選框。

我將底層暫時設置為黑色，讓效果更為明顯。

Step 4

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

Step 5

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

Step 6

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

我想讓它的底部與第一個衣櫥的角在同一條直線上，如下圖所示。所以，我又拉出一根水平的參考線，然后，相應地將圓柱向上移動至水平線上，移動時，按住shift鍵，以使其沿直線移動，還會自動貼合參考線。

Step 7

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

Step 8

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

Step 9

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

Step 10

天花板的制作，使用鋼筆工具，首先，搞清楚消失點在哪里。因為新建出來一道墻，所以要調(diào)整下天花板的視角，你可以憑感覺或者畫輔助線來勾勒線條。如圖，沿著衣櫥底邊的線和右邊窗戶底邊的線，兩線交叉得到一個點。

Step 11

再選個顏色，畫第三根線條，如圖，三點相交點為消失點。

Step 12

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

Step 13

從右邊有光線照射進來，所以，左邊的天花板要略微暗點，做點漸變效果。

Step 14

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

Step 15

為了讓地板顯得更加光潔亮麗，在地板上添加周圍物體的倒影是個不錯選擇，不過要注意視角問題，不能簡單地將其垂直翻轉，再添加一個漸變蒙版，這些操作之前，需要將其稍加傾斜，才更為逼真。

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

Step 16

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

Step 17

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

Step 18

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

Step 19

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

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

Step 20

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

Step 21

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

Step 22

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

Step 23

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

Step 24

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

Step 25

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

Step 26

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

Step 27

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

Step 28

我在做特效時，總喜歡為圖片添加些額外的效果，比方說，這邊，我想給衣櫥之間添加一種有過道的感覺。工序相當簡單，用鋼筆工具，在天花板上畫出一個黑色的三角形，三角形上面的那條邊要與衣櫥上方的邊線對齊，然后，設置該圖層的不透明度為30%。

Step 29

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

Step 30

為其他衣櫥添加類似光效。

Step 31

接下來，對衣櫥進行些調(diào)整，選用矩形工具，在衣櫥面向過道的那面上，畫兩個矩形，分別在畫兩個圖層上，設置不透明度為50%。

Step 32

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

Step 33

新建一個新的圖層，選用漸變工具，用白色到透明的線性漸變。然后沿對角線拉一個漸變，起點為右下角到墻上，如下圖。

Step 34

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

Step 35

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

Step 36

線條圖形的不透明度設置為15%。

Step 37

同樣的，在衣櫥上方的邊線處，畫黑線，不透明度為15%。

Step 38

因為光線從右邊窗口發(fā)出，所以，衣櫥過道的陰影設置技巧類似窗口光束效果的制作過程。選用套索工具，選中衣櫥表面，除了上面角落的小三角部分，沒選中的這部分其實是陰影部分。

Step 39

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

Step 40

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

Step 41

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

Step 42

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

Step 43

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

Step 44

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

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

效果如下：

我將其顏色設置為深灰色，以使整個畫面效果更清晰直觀。

Step 45

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

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

Step 46

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

Step 47

設置該圖層的不透明度為30%。

至于圓柱的陰影效果，和制作光線類似，只不過顏色換成黑色的徑向漸變效果。

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

Step 48

當前你圖層面板這塊，應該是下圖的模樣。

Step 49

接著，開始做圓柱后面的光�；氐�，圓柱圖層，在圓柱的左邊創(chuàng)建一個窄窄的矩形形狀，先不管啥顏色。

Step 50

將右邊的錨點上提，再在中點處加一個錨點，同樣上提。

Step 51

下面的錨點同樣，不過，這邊是向下拉。

Step 52

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

Step 53

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

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

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

Step 54

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

Step 55

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

Step 56

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

Step 57

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

如下圖。

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

Step 58

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

Step 59

給城市剪影做個倒影。跟之前類似，復制圖層，垂直翻轉，添加圖層蒙版，做從黑到白的漸變效果。

Step 60

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

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

Step 61

取消選擇，編輯→定義畫筆預設，給筆刷取個你喜歡的名字。

Step 62

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

Step 63

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

Step 64

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

Step 65

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

Step 66

模糊→動感模糊，角度0°，距離55像素。

Step 67

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

Step 68

混合模式設置為正片疊底，復制該圖層。

Step 69

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

Step 70

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

Step 71

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

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

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

Step 72

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

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

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

Step 73

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

Step 74

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

Step 75

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

Step 76

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

Step 77

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

Step 78

如果你的漸變效果不夠連貫自然，那是因為，你設置的是8位/通道，你可以在圖像→模式→16位/通道，不過，此時不就不能將圖片保存為JPEG格式了，只能保存為PNG或者其他高清圖片格式。

Step 79

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

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