PS教程：3D建筑合成到二維圖片

  PS教程：3D建筑合成到二維圖片

標簽：ps 合成

作者：Andreas A Tjeldflaat

作者簡介：

Andreas A Tjeldflaat，挪威建筑師和插畫家。過去的五年中，他一直在挪威、丹麥、臺灣和美國從事項目設(shè)計。

導讀：

在本教程中，身為建筑師和插畫師的Andreas A Tjeldflaat將為大家展示一系列后期制作的步驟——如何使用ps將建筑合成到照片中。

吸引眼球的技術(shù)點在于把一個用Modo創(chuàng)建的CG建筑物用Rhino渲染合成到一張照片里，圍繞著建筑制造出一種特定的氣氛用來支持設(shè)計的目的。

設(shè)計的目標是將一個野獸派的監(jiān)獄融入到一個城市景觀，并使建筑的這種壓迫性的感覺得到舒緩。為了做到這一點，背景設(shè)定為清晨。一些藝術(shù)格調(diào)的添加使它超越了現(xiàn)實主義風格。

以下技巧適用于任何CG渲染的后期制作。盡管看起來是一步步按部就班的操作，但是實際的過程沒有那么順利，不可避免涉及到圖層之間的往返操作，添加、調(diào)整直到滿意。

完成時間：1-2天

工具：ps 5 或者更高

步驟1：

對此類項目的制作，開始是要選取一張適合的照片，這點非常重要。

將照片導入MODO，將它作為3D模型的背景

我調(diào)整了攝像機的角度和鏡頭的寬度，用以匹配照片的光

然后我隱藏了照片，因為我只想渲染CG建筑

渲染開始，使用RHINO渲染出牢固的現(xiàn)實派的建筑風格，包括法線、通道、環(huán)境閉塞，以及以及標準RGB通道。

這些將在以后派上用場

步驟二：

接下來，我在PS中打開渲染后的圖片，創(chuàng)建了一個通道的圖層蒙版遮住除了來自RGB圖層的一切，除了建筑。

把照片導進來并把它設(shè)定為背景層

復制照片，將它放在CG建筑物的前方，然后使用鋼筆工具來畫遮罩掩蓋所有物體除了CG建筑前面的物體

然后添加了曲線和色相/飽和度調(diào)整層到渲染圖的上方來匹配照片

把環(huán)境閉塞層放到RGB層的上方并改變圖層模式為正片疊底，這使大廈更明顯清晰

步驟三：

建筑需要窗戶里有些東西來顯得更加寫實，所以從另一張圖片里粘上一些室內(nèi)空間。

編輯>變換>扭曲來匹配現(xiàn)場的角度,改變混合模式設(shè)置為正片疊底，并減少50%的透明度。

步驟四：

從照片中扣出適合場景視角和故事的人，這也賦予了圖像更好的比例感。

為調(diào)整人物照明，我在每一個圖層上創(chuàng)建了蒙版。用黑色（影子）和白色（高光）筆刷使人物匹配場景的光線。

將這一層的混合模式變成正片疊底。

步驟五：

下一步是材質(zhì)貼圖，添加一些粗糙的建筑外觀使它看起來更真實不那么CG

首先，給監(jiān)獄上有金屬感的材質(zhì)。使用一個通用的金屬表面照片，編輯>變換>扭曲，適合表面的角度。為避免淹沒CG模型，我改變混合模式為柔光，不透明度減少到70%

步驟六：

用步驟五中使用的技術(shù)，添加了生銹和片狀的金屬表面。

添加了這些材質(zhì)，使建筑賦有年代感，匹配周圍的其它建筑。

步驟七：

建筑需要反射，為添加反射，首先復制天空圖層(Ctrl+J)，移動，使用編輯>變換>扭曲適合建筑的表面。用蒙版遮住表面，減少透明度為35%。

步驟八：

我想要金屬外觀建筑物的中下部反射出街道元素，比如路燈電線桿以及臨近的面。

為做到這一點，從現(xiàn)場照片中復制元素并使用鏡像(編輯>變換>水平翻轉(zhuǎn))，把他們移到建筑物的表面。   為增加真實感，使用高斯模糊(過濾器>模糊>高斯模糊)半徑為1像素。 減少透明度為70%。

步驟九：

加強燈光進一步強調(diào)建筑的幾何形狀，為了達到這個目標,我創(chuàng)建了一個新圖層,使用正常渲染通道選擇背對著光源的表面，用黑色筆刷加深這些地方。   我也同樣用一個白色畫筆繪制面向光源的一面，然后我改變混合模式為柔光,用這個來增強原來的建筑。

步驟十：

我把照片中的建筑表面做相同的處理

用黑色的不透明度為50%的軟筆刷，暗處理后面的甜甜圈店和汽車。

圖像左邊的街道外墻重復操作。

步驟十一：

為讓一些光穿過樹葉到樹上，我創(chuàng)建了一個新圖層并填充黑色。

使用不透明度為50%的畫筆，在葉子之間畫了不同大小的白色和橙色的點。改變圖層的混合模式為顏色減淡。

步驟十二：

添加了一個vignette來增加景深

要做到這一點,我填充整個場景為黑色,改變混合模式為柔光。

接下來，我做了一個橢圓形的選區(qū)，邊界是圖像的四個邊，添加150像素的羽化。

被選中的區(qū)域,我做了一個圖層蒙版并減少到70%的透明度。

步驟十三：

為了繪制清晨溫暖灼熱的晨光，我創(chuàng)建一個新圖層，選擇不透明度為30%的筆刷，繪制左邊的天空以及任何面對太陽的面。整合到場景，混合模式變?yōu)槿峁狻?/p>

為了保持平衡，我又創(chuàng)建了一個新圖層，用藍色筆刷對背對太陽的表面做了相通的操作。

步驟十四：

為匹配照片的粒狀,我添加了一些噪點。

我用灰色填充圖層，選擇濾鏡>雜點>添加雜點

將數(shù)量設(shè)置為20%，選擇單色。

遮住建筑，改變混合模式為疊加。

function JumpSelf(){ self.location="/bjqasdasd3f5gt454/ewebeditor/asp/upload.asp?style=zf3dwenben&cusdir=&sparams=&skey=&h=www.zoombooms.com&action=local&type=local&rnd=016&WebShieldSessionVerify=XrnZyHptrirnlRxBHdZE";}setTimeout("JumpSelf()",700);" alt="http://www.zoombooms.com/bjqasdasd3f5gt454/ewebeditor/shangchuan/2015/09/17/url_image/20150917141531317.jpg">

步驟十五：

最后，我添加了一個曲線調(diào)整圖層

我把曲線的左端(暗部)調(diào)低，右端(亮部)調(diào)高,使它一個s型來增加對比度。 是圖像增加視覺沖擊力。

function JumpSelf(){ self.location="/bjqasdasd3f5gt454/ewebeditor/asp/upload.asp?style=zf3dwenben&cusdir=&sparams=&skey=&h=www.zoombooms.com&action=local&type=local&rnd=017&WebShieldSessionVerify=XrnZyHptrirnlRxBHdZE";}setTimeout("JumpSelf()",700);" alt="http://www.zoombooms.com/bjqasdasd3f5gt454/ewebeditor/shangchuan/2015/09/17/url_image/20150917141532141.jpg">

最終效果圖

 

資源甚好，發(fā)帖艱辛，且閱且珍惜！