拼布風格的建築效果圖是怎麼做出來的?

最近特別迷這種看上去不那麼真實卻很有感覺得效果圖 但一直不知道怎麼做的

差不多這樣的感覺 很有質感


在專欄扒一篇文章過來,希望對你有幫助!


寫在前面

又是一個假期,相信很多同學都沉迷放假樂趣,不可自拔。我是絕對不會相信還有設計狗在加班、在畫圖的!

然而,我自己好像就是這群人中的一員!端午畫了2天圖,正好趁著端午的熱點,更新一期教程,提高你的畫圖效率,讓你能多騰出一點時間去陪父母,男女朋友(如果有的話)!

本期教程重點介紹如何用拼貼的手法快速的出一張效果圖,其實圖紙並不是很高大上,只是希望這張圖紙能起到拋磚引玉的作用,對大家的學習生活能有所幫助!

教程正文

眾所周知,效果圖一般是學生作業一套成果中比較麻煩的一張圖。很多人碰到效果圖就要大傷腦筋,不知道畫,畫的時間長,這些問題一直困擾著我們的同學們。

很多同學都喜歡通過接近實景的渲染去表達自己的設計,這也是現在市面上很流行的手法,但是渲染也存在著耗時長,參數學習困難等問題。

我寫這期教程的背景也是自己這2天正在做的一個學生作業,因為被一些瑣事困擾,所以只能用2天的時間去把這個作業的一套圖紙出完,然而等我畫好平立剖分析圖後卻發現根本沒有什麼時間去用渲染表達我的效果圖了。

所以,在比較急的情況下。我參考了一些大神繪製的圖紙,最終用了不到半個小時去表達我的一個節點效果圖,我也希望把這篇教程分享出來,能讓更多的朋友受益!

01

慣例先上成果圖!

02

參考圖的選擇

其實我個人認為畫效果圖之間一定要選擇幾張好的參考圖,有了好的參考圖一定可以讓你畫圖的速度加快不少,大家都不是表現的大神,多看一點別人的圖紙總是有好處的!

我在這裡選擇的參考圖有這些,因為趕時間,所以這裡選擇參考圖的時候原則基本就是越簡單越好!

03

素材的收集

認真研究了一下這幾張參考圖後,我發現這幾張圖應該基本上就是在PS裡面進行了一些簡單的加工就可以完成的,它們基本上都應該是一個素材通過亮度對比度或者其他參數的調整來區分明暗面,然後加入一些生動的元素使畫面鮮活起來。

然後,我就通過百度谷歌找到了下面的素材!

一張混凝土貼圖

植物素材

立面建築

然後人和鳥的資源都是自己以前收藏的,就隨便找了2個用了。

04

開始P圖

在這裡,我們先把su裡面導出來的線稿和陰影放好,然後把找到的混凝土貼圖全屏覆蓋在上面,最好底部加一個白色的背景!

自己把握好光影關係後就可以把陰影關掉了,下面這一步大概是P圖最需要時間的一步了,我們需要把這個建築的明暗面都分別用亮度對比度的蒙版選擇出來,通過這個方法我們就可以把建築的透視感給做出來了,讓這張混凝土貼圖能更好的融入這個場景當中。

因為這張圖最後要在地板上稍微解釋一下,所以我就給地板套了一個白色的蒙版圖層,讓地板能更加亮一點,當然這裡用亮度對比度等方法同樣是可以的.

然後,為了一切從簡,我也沒有去找天空素材。就直接用水彩筆刷刷刷刷刷了一個天空出來,記得這個地方要用淡一點的藍色。

做到這裡,我們基本上就完成了場景的最開始布置,大概用時十分鐘!下面就讓我們開始構建周邊的環境!

首先,我們把找到的卡通房子素材給拖到圖紙裡面,做成一個街景的感覺。(這裡最好建一個組,然後給組套一個外面的蒙版)

繼續我們的P圖之路,接下來我們就開始把植物給加進來吧(這個醜醜噠的竹子是實在找不到素材了這個地方又必須要這個就用了這個了,其實我也不想這麼丑的!)

做好這些,我們基本上就把人氣給引進去就可以完成這張圖了,但是簡單放一個人怎麼夠,沒有一點創意!這裡我想到了以前看到過的幾張圖,大概是下面這樣。

通過大體型的人來表達自己想表達的,於是乎就有了我這張圖,這個地方就主要是看自己的想法了,來完成這點睛之筆!

基本到這裡這張圖就完成了,最後就看你需要一些什麼樣的感覺來進行一些微調了,我這裡通過添加雜色和用camera raw進行了一點的色彩調整已達到有點顆粒電影的感覺。

到此,大概用了18分鐘!如果你操作流利,甚至更快!

最後放一張這套設計的另外一張效果圖,用時會比這張圖久一點,因為需要表達的東西稍微多一些。

不過思路是差不多的!

本期教程到此就結束了!


首先沒有所謂的拼布風格,題主所指應該是「拼貼」(Collage),拼貼的方法不僅可以用於建築效果圖的製作,還可以用於建築設計初期概念概念表達以及場地調研可視化。

在其他設計領域內,拼貼同樣可用於搜尋靈感,嘗試藝術創作的可能性,不在此贅述。

以下內容康石石將主要講解在設計流程中,如何運用簡單的Photoshop拼貼技法進行設計概念和設計方案意向的視覺化表達:

案例最終效果

1. 內容框架

首先建築效果圖一定是在設計方案的基礎之上進行繪製的,所以要根據設計方案的特點,在軟體建模的基礎上選取最佳表現角度和內容並且導出二維設計圖像作為設計方案效果圖底圖,為Ps後期添加拼貼素材提供圖面框架依據。

注意:軟體建模因為考慮到後期需要進一步表現的需要,只需要簡單將三維立體的建築設計形式建造出來即可;在完成的建築模型的基礎上,根據設計方案表現的需要,儘可能以人視角度選取設計方案表現的角度和範圍,並且導出帶有陰影效果的模型「素」效果圖作為Ps後期效果圖的底圖。


2. 背景基調

根據設計方案的大致藝術效果選取作為畫面背景和基調的圖片,在Pinterest中選擇一張帶有肌理的混凝土材質圖片,作為P圖的背景。

3. 把找好角度的人視效果圖,哪怕是SketchUp截圖,拖入到PS中。

4. 在人視的遠端拉出一條橫線,作為天與地的分界線,同時把地面顏色加深,可以單獨加一層黑色,只需調整透明度即可。

5. 以下是很關鍵的一步,就是按照自己的設計,拉出一條透視準確的弧線,把地面中的道路和建築場地分開。

6. 單獨建立幾層,轉換不同的顏色作為建築場地,道路邊緣,道路和道路中心線的區別。

7. 在Pinterest里尋找合適的肌理材質(比如帆布,或者麻)為建築主要部分的窗增加一層特殊的紋理。

8. 增加建築的光影效果以及一定的室內效果,主要在選區中利用漸變工具調出從明到暗的光影變化,然後選取橡皮,把不透明度和流量盡量調小,然後可以擦出均勻的效果。

9. 增加遠景,帶出效果圖的縱深感。

10. 補充前景樹和樹影

11. 增加人物,可以表述建築的尺度,盡量把人物的飽和度降低。

12. 增加一些合適這個場景的細節,熱氣球,增添建築的情趣。

福利

最後,此篇教程的資料,康石石已將PSD文件上傳至雲共享,同學們可以在練習過程中進行比對,進行拆解自學。

PSD獲取方式:留言或私信康石石「建築效果圖」即可。


以上望有用,有問題再問

———————————————————

歡迎關注我的個人官方微信(kang-shishi)

http://weixin.qq.com/r/BkRfRzjE_2WErXwk9xEU (二維碼自動識別)

如有藝術留學、院校、專業、作品集方面的問題,可私信康石石諮詢


目測應該是用SU模型做好了之後,只導出線條,把素材摳好,然後用PS一層層疊起來。。很簡單,不過選擇貼圖素材要花點心思。


其實目前市面上有很多關於拼貼風格的製作教程,由於我都沒有看過,不好在這裡胡亂推薦,但是可以明確地一點是,只要你有SU模型,然後你會PS這樣的圖一般沒啥問題,完全可以自己慢慢的摸索出來畫圖的方式。

看到這個問題,最近又剛好幫了個忙。
委託人至今還沒見過面——恩,就想著是個萌妹子吧,這個忙幫的值得了(? ??_??)?

對方要求用拼貼風格的表達方式,所以剛好可以來講講一點小小的經驗,畢竟是第一次嘗試這個風格,還有有很多的問題存在。但是大致的製作思路還是可以提供一下參考的。

以下是她給的一些參考圖:

壓縮包里還有一個SU的模型——當然從女生那裡拿來的SU一般是不太好用的(隨便一說女同學們不要太介意了)。由於有很多的破面問題,加上沒有建組,所以沒辦法最後就果斷「裸奔模式」了,本來在su里貼好材質會好一點,可以為後期節省不少的時間,但是由於懶得修整模型,所以還是準備靠後期搞定。

這個是直接搞得一個「影子模式」(去了個炫酷的名字)

另外再手動花了一張通道圖(拿著油漆桶澆了一些辣眼睛的顏色)

最後就是拖進PS,然後就是到處找一堆貼圖,然後就是拉拉透視,挑挑飽和度,最後就這麼「啪嘰」一下完成了。(這裡請不要眨眼)

由於有個構圖是「長款」的所以有,細節容易被掩蓋一點,但是整體看起來雖然不是那麼文藝,沒有題主的參考那麼藝術,但是多少把我設想的活動都表現出來了,個人感覺氛圍是在了,要藝術可能還得多多嘗試。這裡算先開個坑有機會再詳細介紹製作過程吧~
其實會PS是大前提,然後就是磨時間了。


因為各種事情最近無賴水了一波圖 占坑先


這種拼布效果圖是可以先在su中建好模型,然後倒出線框模式,接著用拼貼的方式一點一點的做出來。


www.mbxsjgzs.top


推薦閱讀:

這樣類似電池圖的圖表是如何做的?
Ps 磨皮如何能做到最自然的皮膚?
請問,在過去,沒有PHOTOSHOP的時候,甚至更遠久一點,沒有電腦的時候,設計師怎麼做平面設計?
如何用 Ps 做出這種層次感厚重的海報?

TAG:AdobePhotoshop | 建築 | 效果圖 |