帶你拆析一張有質感的平面圖！
大家好，小四君的製圖教程又來啦~本期小四君分享的技能是——快速完成一張有質感的平面圖!大家是不是經常在各大網站看到這種既具有材質質感又不會添加過多複雜信息的圖面效果呢，這張平面圖以大塊的材質貼圖為基礎，畫面整體充斥著高級灰調的配色，畫面簡潔、乾淨，但又富有細節，並不單調無趣。看到這樣的圖，你的第一反應是不是渲染呢？其實，這是直接PS的成果。不敢相信？那就跟小編一起來看看圖紙的完成過程吧~小四君提醒文末有這次教程的練習素材分享哦~
重要聲明：下圖原設計來自網路，本文所用設計的版權屬於原作者，基於該設計的製圖教程版權屬於4A。
效果展示
為了突出畫面的質感，整張平面圖為不同材質的拼貼構成。建築主體選擇了幾種明快的材質貼圖來表現不同區域的質感。為了使畫面更加沉穩，外部環境選擇了比較沉重質感的材質貼圖。因為目前畫面整體風格略偏黑暗，所以代替慣用的黑色剖麵線，這張圖中的白色剖面結構線使畫面擺脫了沉悶感，並在一定程度上幫助區分了建築主體和環境，加上對光影以及細節的添加使畫面更加飽滿有細節。
首先，快速瀏覽下整體的製圖流程：
Step 1:導入線稿
首先我們將CAD中繪製的線稿導入PS中。建立白色圖層，放在最底下作為底稿。
step 2：整體色彩規劃&給不同的區域賦予材質
接下來依照方案本身的設計邏輯和效果對建築以及環境需要的材質進行選取，從下面這張材質填充圖中大家可以看到，在這張平面圖中不同材質所對應的區塊還是相對比較集中、整體的。除此之外，材質貼圖在色調的選擇上面也都選擇了比較和諧的灰色調。因此，即使畫面充斥著八種材質貼圖，畫面依然很和諧有序。
利用魔棒選取工具在線稿圖層選取不同材質所對應的區域，並拖入事先準備好的材質貼圖，選取材質貼圖圖層建立圖層蒙版，這個區域的材質就填好了！接下來依次對不同的區域進行填充就可以了。這裡大家注意製圖的過程中隨時分組，以便對不同的效果階段進行修改。
填充好材質後，整個畫面的基調就定下來了。但是這時圖面看上去並沒有任何效果，下面就讓我們給畫面一點一點加上氛圍和細節吧。
step 3： 建立建築光影關係
在整體色調建立之後，大家就可以按照建築的光影關係來添加陰影了。在這裡小四君必須要說，圖紙要有深度，光影關係在畫面中是必不可少的。這裡由於不是小四君自己的設計，所以沒有模型可以導出陰影，大家在給自己的設計繪製平面時，可以在現有模型的基礎上導出陰影圖層，這樣得到的陰影也更真實準確哦~這裡小編直接在CAD中繪製出了陰影區域，只要在PS中直接填色並調整透明度就好。這裡注意不要在原始的線稿上面填色，要分開幾個圖層，方便隨時調整哦。添加陰影后的效果是不是得到了質的飛躍呢！
step 4：添加深度
揭下來就要對畫面的整體氛圍開始進行調節啦~在這一步，利用「加深」和「減淡」工具對圖紙局部進行選擇性塗抹，流量控制在10%左右就可以啦，避免流量過大造成的深淺過渡不自然。具體塗抹哪一塊，視圖面效果而定，比如加深建築主體的邊角部分或簡單光影的尾部。「加深」和「減淡」這兩個工具常常用來加強圖面的進深感，也可以賦予建築光影流動的感覺，從而使建築物更具立體感。
step 5：添加細節
為了使畫面更加有細節和感染力，在這裡添加了可以增添畫面氛圍的地面鋪裝以及樹木，這些細節能夠表達出空間的場景感。這裡為了與畫面整體氛圍融合，同樣的要給添加的樹木以及地面鋪裝添加光影關係以及明暗深度。
step 6：整體微調
做到這裡，咱們的圖紙基本上也要完工了，最後來進行一些整體微調的工作吧。首先，通過疊加線稿的方式來提升整體建築的細節效果。然後，小編在這裡整體調整了一下」色階「，使畫面的對比更加強烈，畫面效果更加突出。大家也可以嘗試不同的效果，比如更改畫面的色調等等。
大功告成！這樣的平面圖製作起來是不是並沒有那麼複雜呢。最後，小編希望「拆分」系列教程可以使大家認識到，在瀏覽好的案例時，多多思考一張好的圖面效果是如何完成的，考慮一下作者在製作的過程中對於圖面、配色以及所使用的技法等方面是如何思考的，這樣才可以在真正意義上得到提高。小編們特意把素材和練習文件打包，小夥伴們趕緊練起來吧！
?本期的教程就到這裡啦，希望對大家有所幫助。如果有什麼問題請聯繫小編哦。期待下期小編給大家帶來更多分享哦，謝謝大家的關注，喜歡就把我們推薦給你的小夥伴唄，謝謝啦！【圖文編輯均來自4A，如需轉載請聯繫我們】
TAG:4AWorkshop |