萬盛學電腦網

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

PS教你打造超寫實的城市夜景特效

   最終效果圖:

PS教你打造超寫實的城市夜景特效 三聯

  Step 1

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

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

  (同學們右鍵另存即可)

  Step 2

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

  用鋼筆工具(快捷鍵P),如果是新手,戳右邊:《邊玩邊學!幫你輕松掌握鋼筆工具的游戲酷站》,跟著練習一番。剛開始用可能覺得不易,練多了就好。回過來,將背景圖層暫時設置為不顯示,即點擊圖層面板中該圖層前的小眼睛。

  Step 3

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

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

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

  Step 4

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

  Step 5

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

  Step 6

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

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

  Step 7

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

  Step 8

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

  Step 9

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

  Step 10

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

  Step 11

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

  Step 12

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

  Step 13

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

  Step 14

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

  Step 15

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

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

  Step 16

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

  Step 17

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

  Step 18

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

  Step 19

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

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

  Step 20

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

  Step 21

copyright © 萬盛學電腦網 all rights reserved