萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps入門教程 >> Photoshop教你打造逼真的城市夜景特效

Photoshop教你打造逼真的城市夜景特效

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

  最終效果圖:

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 1

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

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 2

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

  用鋼筆工具摳圖(快捷鍵P)。回過來,將背景圖層暫時設置為不顯示,即點擊圖層面板中該圖層前的小眼睛。

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 3

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

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

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

  Step 4

  在選區右擊,變形,如圖,寬度數值設置為50%。

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 5

  現在,在中間位置,再拉出一根垂直參考線。

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 6

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

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 7

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 8

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 9

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 10

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 11

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 12

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 13

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 14

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 15

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

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 16

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 17

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 18

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

Photoshop教你打造逼真的城市夜景特效,PS教程,思緣教程網

 

  Step 19

  衣櫥這邊的效果是最難做的。先復制原始的“衣櫥圖層”,得到“衣櫥圖層副

copyright © 萬盛學電腦網 all rights reserved