2014 UA 設計競賽一等獎作品「阿布新屋」的剖面圖是如何製作的?

剖面圖中加入了一些人物,室內的傢具,樓梯,吊燈,甚至晾衣桿這些物件,讓畫面感覺更有生活氣息。請問這些素材哪裡可以找到?

同時添加另一張圖,也是同樣的效果。


下午試著做了一下,以下是思路。

首先,需要有一份詳細的剖面,因為是按照原圖來,所以我大致描了一份。

注意:先畫剖面,再導入到建模軟體裡面,之後才能方便的對上線稿剖面圖

導入到su裡面,然後就是建模啦

建完模型之後,其實處理方式有很多,有慢慢到AI裡面調節線稿的,有後期ps裡面貼圖的,當然都可以,不過這裡我開了腦洞,走的是一個野路子....

在su裡面直接完成貼圖

在su2015版本裡面(可能之前更早就有,可是我沒發現)

在材質列表裡出現了下列兩個材質選項:

其實這兩個材質就是

是的,就是我們喜聞樂見的hatch的圖案。之前我一直覺得這個東西挺雞肋的,不過這次在這種圖裡面,就可以用到。su其實還有另外一個花名啊,就是立體ps。

當然有時候,自帶的圖案滿足不了我們,所以開開腦洞就可以做出這種:

這些都很簡單了,用AI什麼的都可以做。

效果也可以這樣,還行吧。

然後呢,按照這個思路,什麼都可以做出來啊,諸如木板的花紋

上圖的花紋是我描原競賽圖的,然後到AI裡面稍微處理了一下。

這裡值得注意的是:自製的貼圖最好解析度高一點,su公司自帶的貼圖質量不怎麼樣(嫌棄),但是還算可以用。

好了現在得到了一張圖

但是!su似乎是自帶場景光源的,所以暗面有區分,這個時候需要放進ps里處理一下

選擇」色彩範圍「,選中暗部,然後加一個曝光處理器,拉一下。

大致完工了,剩下的就是配景,可以放到AI裡面疊加一下剖面

心心提供的資料很有用~但是有些東西客觀上確實比較難找,所以還是自己描吧,也不花多少時間,比如兩隻小貓。犬吠工作室的兩本書都可以描,這些配景都很加分。會有一種"我的配景不知道比你高到哪裡去」的感覺....這邊線重懶得調了,湊合看吧。

另外,傢具模型放上去之後,思路其實是一樣的

其實我畫了這個2333,以後說不定能用上

好了。總結一下:

1.要有一份好剖面

2.自製hatch圖案。上帝的歸上帝,透視法歸su,方便多角度出圖,ps裡面變形有一定局限性。自製貼圖做完一次後,就可以重複使用啊!因為上圖的案例比較簡單,所以優越性不是很能體現。複雜場景的透視更加多變,su應該不會錯。

3.ps曝光修改器完善su自帶場景光的遺憾。哎,rhino多好啊

4.線描有趣的配景,同樣是一本萬利的事。推薦rhino線描。

其實做這份圖沒花多少時間的,大家都可以做出來的~

ps:對了對了,我要推個炒雞棒的方案啊....也是這種表現形式,國內的

qingfan的相冊


正好最近寫了一篇rhino相關的這種剖面的繪製方法,特意再搬運過來,不過正如 @韓世麟所說的,最好聯繫上原作者,問一問最直接,我這個文章聯繫原作者後發現原圖竟然是cad畫的······所以一種圖做的方法多得是,重要的是成果。我們也只是提供一種參考,要說區別就是可能就是效率上的差異了。

-----------------------------

Rhino畫剖面的各種姿勢~~~

H:2015最後一篇,應該寫點什麼?是吐槽一下建築行業的悲慘世界,還是為UA同行乃至自己振臂一呼,抑或是再調侃一下猴塞雷?

K:No,No。我們是有節操的公眾號,分享乾貨是我們的目標!

H:真不是沒有蛀牙么?

我們這麼敬業為什麼還沒有敬業福?

-----------------------------

那麼進入正題,本期主題是Section,準確的說是Perspective Section。

作為最能表達內部空間的圖示形式,剖透視受到眾多設計師的青睞。

這種Section Diagram,在正確表達結構(或者更加複雜的構造)的基礎上,加入人物、物品、景觀,將事件和場所注入圖形之中,使空間流動。表達功能的同時,描述空間和設計者的意圖。

這裡,我們以上一期美食之家的模型為例,與大家聊聊Rhino結合模型製作剖透視的技巧。

-----------------------------

對於rhino的話,不論是要繪製剖面還是剖透視,我們都有無數種方法,其中有著很多小技巧,就以我們之前剛做的美食之家的圖作為案例給大家一一道來吧,那麼下圖就是我們成圖的目標了~~~~

方案參考圖紙來自加州大學伯克利分校 董凡正 首發於archdaily.

下圖是我們最終的成果圖~~~好吧植物們吃了不好意思·······還有不要問地下室去哪了,實際建築就沒地下室,只有概念圖有·······

這樣的一張圖很能反映設計思路和設計細節,想要繪製這樣一張圖的話大前提肯定是有足夠的設計深度,以及完善的設計模型。經過之前我們的努力,已經得到了盡量細緻的模型了,接下來就是如何出圖以及美化了。

我們都知道rhino當中有一個自帶的剖面工具,大概是醬紫的

就視覺效果的話還是可以的,如果被剖切的物體是封閉實體的話剖切面還會給你封上,如果這樣的效果就可以滿足你的要求了,那我們直接點擊print列印圖像。而列印出的圖像效果如何直接取決你的顯示模式調整。

但是這樣的方式缺點自然也很明顯,比如本身是點陣圖,導出之後不大好加工,剖切面還得自己一個一個的填色,也沒辦法去添加構造級別的線稿,有的剖切線竟然還列印不出來,實在是太低效了,可加工程度也低,不符合我們學rhino的宗旨,不過如果你僅僅是想疊線稿的話,這到不失為一個好的方法。

然而我們的要求肯定不會這麼低,那麼我們要怎麼做呢?首先,rhino自身的剖切面是不能被make2D的,這就意味著我們沒辦法得到剖切面的線稿再進行深加工。那怎麼辦咧?如果我們想要之前那張吊炸天的圖怎麼辦呢?這就要隆重介紹我們rhino的一個剖切插件了~~sectiontool

這是一個簡單好用卻很強大的rhino插件,下載後直接雙擊安裝就可以了,我們來簡單看看使用方法,畢竟這個插件本身就沒幾個命令,首先第一步,菜單欄點擊create然後全選所有想要加入剖切的物體來創建剖切位置。

記得進行選項設置,設置剖切軸向dir是x還是y還是自己pick;設置SolidMode為both,同時又surface和hatch,後面的各種選項都是用來設置填充顯示的。

然後點擊2D Layout它就開始給你出剖截面了。

差不多是醬紫,注意,不斷有截麵線,還有剖麵線,還封了面,並且這些面的材質都繼承了剖切物體的材質哦!仔細觀察你會發現多了幾個圖層,分別存儲剖切的線和面和剖切線,並且圖層是鎖定的,意思是不到最後你不要去動它,因為當你修改剖切位置或者模型之後,這個剖切面是可以自動更新的!然而問題是沒有看線啊,光有這個有球用?那讓我們繼續。

點擊view(Clip,View,Cplane),你就可以看到剖視圖的預覽

但是現在仍然只是顯示模式的預覽,仍然不是矢量圖,也不是平面圖,這時sectiontool厲害的地方來了,點擊對剖視圖進行make2d,這裡的選項設置和rhino本身是一致的,根據需要去調整選項就行了。

那麼你將得到下圖這樣的線稿,感覺離我們的目標進了一步了,那讓我們開始吧。

首先我們要把視角調對了,比較便捷的方式是,先將試圖調到對應的平行視圖

然後切換成投影模式並縮放視圖至所選物體,就可以得到正對著模型的視圖了。

趕緊右鍵存一下視圖,防止下一次要調用,類似於su的場景。

那麼我們現在可以點擊section tool的make2d of clippde view命令了,然後你講得到如下的一張圖,細節不錯,但是還是有很多問題。

首先是有曲面的部分不能make2d,所以我們需要對有曲面的部分提取邊緣或者添加結構線等,添加可以make2d的東西。

這樣就對了。

第二是尺寸,make2d得到的線稿並不是實際尺寸而是視圖的相對尺寸,所以我們要對其進行縮放,比如我知道我的底板是250mm厚度,我就依次對全部線稿進行縮放就哦了。

其餘部分自然也就對了

尺寸標註的話大多數和cad是一致的,比較需要注意的是空間縮放比,其他的各位用了這麼久的cad看著設置就行了,我們採用和原圖的圓點形式的標註。

等等,好像少了什麼?對!剖麵線~!截面位置的剖麵線我們是可以自己繪製的,像醬紫,用剖麵線命令,該怎麼花就怎麼畫,和cad差不多

但是三維的怎麼辦?醬紫的?

沒什麼辦法,三維畫,然後make2d唄,但是有一些是需要注意的。首先rhino自己的填充圖案很少,只有幾種,好在我們是可以直接從cad的圖案里倒入的,cad有多少我們就有多少~!進剖麵線倒入,然而這個方式有點問題,那就是每次只能倒入一個······這不坑爹么···難道我們真要一個一個的導入么?當然不是!

首先,在cad當中把你想要的或者可能用到的填充圖案都畫出來,如下。

導入rhino當中,所有的填充圖案就都有了,這些記得單獨存個圖層不要刪,因為rhino的圖案在關閉rhino之後就會清空,下次用還得重新導入,除非你rhino當中有對應的圖案實例存在,所以存著表刪~~~接下來就可以開始了。

藉助gh的Human插件我們只要有平面輪廓線直接獲得所有的填充~!

通過這樣的方法,我們經過了一番努力我么把需要的部分加上了填充,那麼重新開始make2d of clippde view命令,需要注意的是,剖麵線一定要炸開才能make2d!一定要炸開!並且順便加上點人以及傢具來營造氣氛~~~

縮放後我們就得到了正確的三維剖面顯示以及人的輪廓,看這三維的hatch多標誌~

好,縮放之後就可以開始標註了,wait!突然發現rhino沒有天正的多點標註啊,怎麼辦,一個個標註然後移動對齊么?怎麼能這麼低效!不符合我們rhino的大方針!怎麼辦?我們有GH啊!只要把關鍵點對齊y軸之後輸入給gh自動對齊標註就哦了,bake出來的標註就是當前標註樣式~~

就醬紫,經過一番努力我們得到了基礎的圖,不著急,還有很長的路要走。

首先,剖面截麵線怎麼辦,make2d並沒有幫我們把截面處的填充做出來,難道要我們一個個來畫么,wait!sectiontool創建剖面的時候不是有幾個鎖定的圖層么,只有截麵線的那幾個!組織召喚他們的時候到了!解鎖!拖過來!!

就是他了,我們已經縮放完畢,所以肯定是可以對上的~小技巧,把截面部分上移100就好,遮擋住地下的線,可以看到,完美的得到了剖切的部分,甚至還有材質哦~~

在此基礎上深化構造這個就得有工程經驗了,我表示這裡我只能瞎畫了·····

後來發現視角有點小所以又進行了調整,當然這因人而異,最終的圖差不多是醬紫

最後,當圖面差不多之後,就是去ai或者ps進行加工了,調調線型,多點對比,加加花花草草~~比如我們可以直接選中線稿導出成ai,是的rhino可以直接導出ai,然後調整線寬,設置線型,獲得想要的樣子。

然後進ps,往上堆各種我們手繪處理的素材·······是的,我ps比較渣···直接找美圖秀秀

差不多醬紫

當然你也可以選擇列印顯示模式疊在下面增加一些細節,結果孰優孰劣全看各位看官喜好~~~

什麼?你要渲染剖透視不要線稿?線稿太麻煩了?好吧,至少vray不支持剖面的直接渲染,如果你非要用vray做的話,那就不得不得將模型進行修剪了。比如下圖就是我曾經干過的······rhino的修剪也並不是很複雜,至少不會像su的交錯那樣讓人提心弔膽~

什麼,還是太麻煩?還要單獨建個模型不開心?好吧是你逼我的~同學你聽過maxwell么?沒聽過的就趕緊去找聽聞去學吧

哦對了~如果你用revit那麼直接就醬紫:

模型建的細,一個剖透視就搞定這個圖,沒那麼多亂七八糟的事了

順便安利一下公眾號~~~

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


這種圖製作思路不難,推薦本書叫《圖解 Graphic Anatomy Atelier Bow-Wow》

可以參考下找不到素材的話,可以自己畫


遇到這類問題,我其實一向主張想辦法找到原作者的聯絡方式,然後給人家寫email問問,這個屬於正規渠道吧。討論半天也許當時人家並不是這麼做的。

當然了有多種方式可以達到同一結果。總之要建模,導出矢量線稿,然後進ai/ps進一步細化。

至於哪些是模型,哪些是後期添加的矢量線稿素材。或者這個就不是矢量軟體做的後期。都有可能。

最後誇一下這圖,做得真用心,有生活氣息。


模仿犬吠工作室的,不過建議沒有相應能力就不要畫這種圖,畫的越細錯誤越多。

圖紙上一堆錯誤,屋內的木質面層沒有厚度,屋頂天窗把排水截斷並且沒有處理方法,二層挖空的小庭院居然直接承接排水。

所以建議學生還是採取省略一些信息的方式,不然非常容易露怯。


其實這樣的剖面有一個日本的先鋒工作室很早就在做了,叫做犬吠工作室(atelier bow wow)。一對專做住宅的情侶虐狗建築師。

你可以買一本他們的圖集來看看,臨摹臨摹未嘗不是一個好手段,感覺這些東西首先是對構造要有一定了解。此外也要對一定傢具進行建模製作,只要夠用心,其實cad也能搞定。

圖片來自百度。。圖集可以淘寶,大概90左右可以買一本翻印版的。


看到樓主在老韓答案下的回復,原來是需要人物和樹的素材…帥氣的小心心來幫你搞定了~

先來說說製作吧,我曾經在公眾號上發過一篇 你們要的線稿小人,這裡把做法搬過來哈

1. 首先我們導入一張人物素材

2. 然後選中圖片,點擊上面「圖像描摹」……右邊的下拉菜單中的「剪影」,然後就變成下面的剪影人啦

3. 我們再選中圖片,繼續點擊上面的「擴展」

4. 這時候我們就可以把填色取消,打開描邊,然後選擇合適的粗細就好啦,是不是分分鐘搞定吖~

人物物件還有植物都可以用這種方法哈,當然我一直主張能省事就多省一點,所以我這裡有很多AI的素材,也直接提供給大家使用啦~(先來看看素材的截圖)

這只是其中的一丟丟哈哈,想要線框就把填色去掉好了,下面附上網盤地址

鏈接:http://pan.baidu.com/s/1dDFHJgd 密碼:prdf

好啦,盡情享用吧~


也曾畫過類似的圖,當時用的是rhino。

  • 把模型建細,然後make 2D(rhino家具有些可以到http://xuexiniu.com找,sketch up的話可以到3d warehouse。但是最好還是自己建。);

  • 加畫每個構造層和hatch;

  • 分清圖層線型;

  • 導入Ai再次調整線型(之所以用rhino是希望導到Ai的時候曲線不會變成折線)。

  • 再從Ai導psd到ps編輯,此時也可以在google搜texture或者hatch,用ctrl+t的變換-透視填入。

透視圖的操作方法應該大致一樣。


來強答裝個逼坐在我對面1m的地方畫的,參考資料犬吠工作室。


自己畫的 贊多了上教程


因為之前一直關注犬吠工作室的作品,對這種像人體解剖圖一樣準確、清晰的表達方式非常喜歡。所以在準備找工作的作品集里結合直向工作室的景觀亭做了一個建築+景觀的設計。當然不如題主給出的圖紙複雜,僅供參考~~~~

上圖

我的畫圖思路是su建模——挑選剖面——導出cad——cad中修改線型,填充材質,補一些小物件——pdf列印——ps加文字,填充帶有透視的材質——出圖~~~

個人感覺難點主要是cad線型調整,都是零點幾毫米的調,要花費一下時間。還有就是帶有透視的填充材質(一些簡單的可以su直接導出)比較麻煩,目前沒有找到好的解決辦法~~~

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

就沒人批評一下我的設計嗎(? ??_??)?


這個問題我也比較感興趣。本圖作者都是我校的前學霸,均保研老八校。我試著答一下。

建模。revit可以直接編輯樓板、屋頂、牆體等建築構件的構造,包括各層厚、材質、剖切顯示的圖案、立面的貼圖(比如牆體的無遮擋關係的木紋)。選擇剖切位置拉剖面框。

或sketchup整體建模,用佐羅刀切開。但是su沒法在剖面直接加構造分層。

建築本體的剖透視可以用revit剖面框+相機透視+方向對齊到剖面,複製視圖到圖紙,導出CAD線稿;或者隱藏線模式直接導出pdf(本圖無光影,故可以導出矢量),視精度而定。對於SU,align view到剖面,消隱模式導出dwg,或者別的矢量格式。

接下來su導出的dwg需要在CAD里處理雜線,加畫構造層次,填充圖案(樓板牆體屋頂地基基礎等)。revit這一步更簡單一些。列印pdf(不推薦,曲線和文字都會變成折線)進ps。

以上得到的dwg直接進AI。

加配景樹、人,你可以自己描,或者網上找。

AI做好自定義填充圖案,使用即時上色工具填木紋。

獻醜了,輕拍。


日本那邊都用vectorworks或者archicad來做圖,其他軟體用的不多。


看上去剖面與平面兩張圖的做法是不一樣的。

剖面是建模,導出矢量線。木紋和磚牆的材質有可能是模型上的貼圖,因為磚牆的材質看起來有些地方的拼接不是很順。而且,這麼多線掛進AI可能會有點兒卡。

平面那張有點兒像SU的隱藏線模式下加輪廓線導出的點陣圖。因為線看起來是鋸齒狀的....而且SU有大量組件可以下載,完全省去了自己建模的煩惱。


陳振學長


推薦閱讀:

有哪些適合建築系在校學生實習的事務所?
如何評價黃聲遠?
為什麼界面設計領域很少有大師級的設計師?
如何對鹽鹼地進行swot分析?
巴塞羅那的聖家堂為什麼修那麼得慢?

TAG:建築 | 建築設計 | 設計競賽 |